:root{--n:#0A0B0C;--n2:#14171A;--linea:#2E3439;--txt:#ECECEC;--suave:#9AA3A9;--fuego:#FF5A1F;--agua:#22D3EE;--rojo:#FF3B30;--acento:var(--fuego);color-scheme:dark}
body.ofrecer,body.panel{--acento:var(--agua)}
*{box-sizing:border-box;border-radius:0!important}
body{margin:0;background:var(--n);color:var(--txt);font:19px/1.55 system-ui,"Segoe UI",Roboto,sans-serif}
h1,h2,.logo,.btn,.btn-g,label,th{font-family:"Bahnschrift","DIN Alternate","Avenir Next Condensed","Roboto Condensed","Arial Narrow",system-ui,sans-serif}
.w{max-width:860px;margin:0 auto;padding:0 20px}
a{color:var(--agua)}
.aviso{background:var(--rojo);color:#000;font-size:16px;padding:7px 0;font-weight:600}
.cab{padding-top:20px;padding-bottom:4px}
.logo{color:var(--txt);text-decoration:none;font-size:20px;letter-spacing:.04em}.logo b{color:var(--acento)}
h1{font-size:clamp(34px,7vw,56px);line-height:1;margin:.5em 0 .3em;font-weight:800}
.lead{font-size:21px;max-width:34em;color:#cfd4d8}
/* Portada: solo dos botones */
body.inicio{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body.inicio main{flex:1;display:grid;grid-template-columns:1fr 1fr}
.btn-g{display:flex;align-items:flex-end;padding:clamp(20px,5vw,56px);color:#000;text-decoration:none;font-weight:800;font-size:clamp(44px,10vw,120px);line-height:.95;border:0}
.btn-g.pedir{background:var(--fuego)}.btn-g.ofrecer{background:var(--agua)}
.btn-g:hover{background:var(--n);box-shadow:inset 0 0 0 6px currentColor}.btn-g.pedir:hover{color:var(--fuego)}.btn-g.ofrecer:hover{color:var(--agua)}
:focus-visible{outline:4px solid #fff;outline-offset:-4px}
.pie.mini{text-align:center;font-size:14px;padding:10px;background:var(--n)}.pie.mini a{color:var(--suave)}
@media(max-width:700px){body.inicio main{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}
/* Formularios */
form{margin:22px 0}
.sec{font-size:24px;margin:38px 0 6px;padding-top:12px;border-top:4px solid var(--acento);font-weight:800}
label{display:block;font-weight:700;margin:20px 0 6px}label small{font-weight:400;color:var(--suave);font-family:system-ui,sans-serif}
input[type=text],input[type=email],input[type=tel],input[type=password],select,textarea{width:100%;font:inherit;font-family:system-ui,sans-serif;padding:14px;border:2px solid var(--linea);background:var(--n2);color:var(--txt)}
input:focus,select:focus,textarea:focus{border-color:var(--acento);outline:0}
textarea{min-height:120px}input[type=file]{font:inherit;max-width:100%;color:var(--suave)}
.btn{display:inline-block;font-weight:800;font-size:20px;padding:16px 30px;border:0;background:var(--acento);color:#000;cursor:pointer;text-decoration:none;margin-top:26px}
.btn.mar{background:var(--agua)}.btn.sol{background:var(--fuego)}.btn.gris{background:transparent;color:var(--txt);box-shadow:inset 0 0 0 2px var(--linea)}
.btn.peq{padding:9px 16px;margin:0;font-size:16px}.btn:hover{filter:brightness(1.12)}
.check{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-family:system-ui,sans-serif}.check input{width:24px;height:24px;flex:none;accent-color:var(--acento);margin-top:3px}
.lista{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.lista li{border:2px solid var(--agua);padding:5px 5px 5px 12px;display:flex;gap:10px;align-items:center}
.lista button{font:inherit;font-size:14px;background:var(--agua);color:#000;border:0;padding:3px 10px;cursor:pointer;font-weight:700}
.error{background:#2b1311;border-left:8px solid var(--rojo);padding:12px 16px;margin:16px 0}
.ok{background:#0c2a30;border-left:8px solid var(--agua);padding:12px 16px;margin:16px 0}
.tarj{background:var(--n2);border:1px solid var(--linea);border-left:10px solid var(--fuego);padding:20px;margin:18px 0}
.tarj.lleno{border-left-color:var(--rojo)}.tarj.yo{border-left-color:var(--agua)}
.tarj h2{font-size:28px;margin:0 0 8px}
.fotos{display:flex;gap:8px;flex-wrap:wrap}.fotos img{height:110px}
.chip{display:inline-block;border:2px solid var(--linea);padding:1px 11px;font-size:16px;margin:0 6px 6px 0}
.meta{color:var(--suave);font-size:16px}.filtro a{margin-right:6px}
.enlace{font:inherit;width:100%;padding:12px;border:2px dashed var(--acento);background:var(--n2);color:var(--txt)}
.pie{font-size:15px;color:var(--suave);padding-top:30px;padding-bottom:40px}
.oculto{position:absolute;left:-9999px}
.legal h2{font-size:24px}.legal p,.legal li{max-width:46em}
table{width:100%;border-collapse:collapse;font-size:16px;background:var(--n2)}td,th{padding:8px;border-bottom:1px solid var(--linea);text-align:left;vertical-align:top}