/* Gomerías V3 · diseño PROVISORIO: lo común de las tres maquetas de inicio (asfalto mojado, amarillo vial, letra de cartel
   Oswald con Archivo para leer, textura de banda de rodamiento) mientras Harold elige la opción. Fuentes OFL autoalojadas. */
@font-face{font-family:Oswald;src:url(/assets/oswald.woff2) format('woff2');font-weight:500 700;font-display:swap}
@font-face{font-family:Archivo;src:url(/assets/archivo.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--asf:#0b1016;--carbon:#141b23;--carbon2:#1d2630;--linea:#28313b;--senal:#ffc400;--senal2:#ffdb4d;--blanco:#f3f5f7;--texto:#d6dde4;--gris:#9aa6b2;--freno:#c62a1d;--papel:#f4f4f2;--tinta:#111418;
  --cartel:Oswald,"Arial Narrow",Impact,sans-serif;--f:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;--r:6px;
  --tread:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.05' stroke-width='9'%3E%3Cpath d='M-10 50 L30 10 L60 40 L90 10 L130 50'/%3E%3C/g%3E%3C/svg%3E")}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--asf);color:var(--blanco);font:400 1rem/1.6 var(--f);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--senal)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--senal2);outline-offset:3px}
[hidden]{display:none!important}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
a.skip:focus{left:12px;top:12px;width:auto;height:auto;background:var(--senal);color:var(--asf);padding:10px 14px;z-index:99;border-radius:var(--r)}
.ic{width:1.1em;height:1.1em;flex:none;vertical-align:-.15em}
h1,h2,h3{margin:0;line-height:1}
h1,h2{font-family:var(--cartel);font-weight:700;text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}
h1{font-size:clamp(2.6rem,6.4vw,4.8rem);line-height:.92}
h2{font-size:clamp(1.5rem,2.8vw,2.1rem)}
h2.big{font-size:clamp(2.2rem,4.6vw,3.4rem);line-height:.95}
h3{font:800 1.2rem/1.2 var(--f);letter-spacing:-.01em}
p{margin:0}
.et{font:700 .74rem/1.2 var(--f);letter-spacing:.18em;text-transform:uppercase;color:var(--senal)}
.kick{font:700 .72rem/1.2 var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}
.fine{font-size:.86rem;color:var(--gris)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--senal);color:var(--asf);border:2px solid var(--senal);border-radius:var(--r);padding:14px 22px;font:800 1rem/1.1 var(--f);text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}
.btn:hover{background:var(--senal2);border-color:var(--senal2)}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;color:var(--blanco);border-color:rgba(243,245,247,.55)}
.btn.ghost:hover{background:var(--carbon2);border-color:var(--blanco)}
.btn.dark{background:var(--tinta);border-color:var(--tinta);color:var(--blanco)}
.btn.dark:hover{background:#2a3038}
.btn.wide{width:100%}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--senal);text-decoration:underline;cursor:pointer}
.banner{padding:14px 18px;border-radius:var(--r);background:var(--carbon);border:1px solid var(--linea);margin-top:18px}
.tread{background-image:var(--tread)}

/* cabecera */
.top{position:sticky;top:0;z-index:20;background:rgba(11,16,22,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:20px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--blanco);line-height:1}
.logo i{flex:none;width:30px;height:30px;border-radius:50%;border:7px solid var(--senal);box-shadow:inset 0 0 0 3px var(--asf),inset 0 0 0 6px var(--senal)}
.logo b{display:block;font:700 1.5rem/1 var(--cartel);letter-spacing:.02em;text-transform:uppercase}
.logo small{display:block;font:600 .62rem/1.3 var(--f);letter-spacing:.2em;text-transform:uppercase;color:var(--gris);margin-top:3px}
.main{display:flex;gap:4px;align-items:center}
.main a{color:var(--blanco);text-decoration:none;font:600 .95rem var(--f);padding:8px 12px;border-radius:var(--r)}
.main a:hover{background:var(--carbon2)}
.main a[aria-current]{color:var(--senal)}
.main a.nav-join{background:var(--senal);color:var(--asf);margin-left:8px;font-weight:800}
.menu-btn{display:none;background:none;border:0;width:44px;height:44px;padding:10px;cursor:pointer;flex-direction:column;justify-content:center;gap:6px}
.menu-btn span:not(.skip){display:block;height:2px;background:var(--blanco);border-radius:2px}
@media (max-width:880px){.menu-btn{display:flex}.main{display:none;position:absolute;left:0;right:0;top:68px;background:var(--asf);flex-direction:column;align-items:stretch;padding:12px 20px 20px;border-bottom:1px solid var(--linea)}.main.open{display:flex}.main a{font-size:1.2rem;padding:12px 6px}.main a.nav-join{margin:8px 0 0;text-align:center}}
@media (max-width:420px){.logo small{display:none}}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;padding-top:20px;font-size:.88rem;color:var(--gris)}
.crumbs a{color:var(--texto)}

/* hero: film de la rambla a pantalla completa (sites/_core/fondos.mjs) */
.hero{min-height:min(88vh,760px);display:flex;align-items:center;padding:72px 0 64px}
.hero .wrap{width:100%}
.hero.con-fondo .fondo::after{background:linear-gradient(90deg,rgba(11,16,22,.97) 0%,rgba(11,16,22,.86) 40%,rgba(11,16,22,.25) 72%,rgba(11,16,22,.15) 100%),linear-gradient(0deg,rgba(11,16,22,.95),rgba(11,16,22,0) 34%)}
.hero-in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:48px;align-items:end}
.hero-copy{display:grid;gap:20px;max-width:680px}
.hero h1{font-size:clamp(3.2rem,8.2vw,7rem);line-height:.86}
.hero h1 em{font-style:normal;color:var(--senal)}
.hero .lead{font-size:1.18rem;max-width:44ch;color:var(--texto)}
.search{display:flex;gap:8px;background:rgba(20,27,35,.9);padding:8px;border-radius:calc(var(--r) + 4px);max-width:620px;border:1px solid rgba(255,255,255,.14)}
.search input{flex:1;min-width:0;border:0;background:transparent;font:500 1.05rem var(--f);padding:10px 14px;color:var(--blanco)}
.search input::placeholder{color:var(--gris)}
.search input:focus-visible{outline:none}
.search:focus-within{outline:3px solid var(--senal)}
.hero-foot{font:700 .74rem var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}
/* Lugar de la herramienta del inicio (data-slot="herramienta-inicio"): acá se enchufa la opción que elija Harold. */
.hero-slot{background:rgba(12,17,23,.84);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-top:5px solid var(--senal);padding:20px 20px 16px;display:grid;gap:12px;align-self:end;min-width:0}
.slot-list{list-style:none;margin:0;padding:0;display:grid}
.slot-list a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 2px;border-top:1px solid rgba(255,255,255,.1);color:var(--blanco);text-decoration:none;font-weight:700}
.slot-list a:hover span{color:var(--senal)}
.slot-list .ic{width:24px;height:24px;color:var(--senal)}
.slot-list b{font:700 1.3rem/1 var(--cartel);color:var(--senal)}
.hero.con-fondo .fondo-toggle{left:20px;right:auto;bottom:16px}
@media (max-width:900px){.hero{min-height:0;padding:40px 0 32px;align-items:flex-start}.hero-in{grid-template-columns:1fr;gap:28px}
  .hero.con-fondo .fondo::after{background:linear-gradient(180deg,rgba(11,16,22,.35) 0%,rgba(11,16,22,.55) 30%,rgba(11,16,22,.94) 58%,rgba(11,16,22,.98) 100%)}
  .hero-copy{padding-top:min(52vw,280px)}.hero .lead{font-size:1.05rem}}
@media (max-width:600px){.search{flex-direction:column}.search .btn{width:100%}}

/* secciones */
.sec{padding:72px 0 0}
.sec.wrap{padding-inline:20px}
.sec.tight{padding-top:44px}
.head{display:grid;gap:10px;margin-bottom:26px;max-width:760px}
.head.row{max-width:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px}
.head p{color:var(--texto);font-size:1.06rem}
.more{margin-top:28px;text-align:center}
.page-head{padding:32px 0 28px;display:grid;gap:12px;max-width:780px}
.page-head p:not(.et){color:var(--texto);font-size:1.1rem}

/* tarjetas de gomería */
.gcards,.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}
.gcard{background:var(--carbon);border:1px solid var(--linea);border-top:4px solid var(--senal);display:flex;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s}
.gcard:hover{transform:translateY(-3px);border-color:#3a4552;border-top-color:var(--senal2)}
.gcard-ph{display:block;aspect-ratio:3/2;background:var(--carbon2);overflow:hidden}
.gcard-ph img{width:100%;height:100%;object-fit:cover}
.gcard-b{padding:16px 18px 18px;display:grid;gap:8px;flex:1;align-content:start}
.gcard h3{font-size:1.25rem}
.gcard h3 a{color:var(--blanco);text-decoration:none}
.gcard h3 a:hover{color:var(--senal)}
.gcard-a,.gcard-h{display:flex;gap:7px;align-items:baseline;color:var(--texto);font-size:.92rem;min-width:0}
.gcard-a span{overflow-wrap:anywhere}
.gcard-a .ic,.gcard-h .ic{color:var(--senal)}
.gcard-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;align-self:end}
.mini{display:inline-flex;align-items:center;gap:6px;background:var(--senal);color:var(--asf);font:800 .86rem/1 var(--f);padding:9px 12px;border-radius:4px;text-decoration:none;border:2px solid var(--senal)}
.mini.ghost{background:transparent;color:var(--blanco);border-color:rgba(243,245,247,.4)}
.mini:hover{filter:brightness(1.08)}
.stags{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.stags li{display:inline-flex;align-items:center;gap:5px;font:700 .74rem/1 var(--f);color:var(--blanco);background:var(--carbon2);border:1px solid var(--linea);padding:6px 8px;border-radius:3px}
.stags .ic{color:var(--senal);width:14px;height:14px}
.stags .st-24{border-color:var(--senal);color:var(--senal)}
.stags.big li{font-size:.86rem;padding:8px 10px}
.stags.big .ic{width:18px;height:18px}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:24px}
.filters input,.filters select{border:1px solid var(--linea);background:var(--carbon);border-radius:var(--r);padding:11px 14px;font:500 1rem var(--f);color:var(--blanco);max-width:100%}
.filters input{flex:1;min-width:min(100%,220px)}
.count{font:700 .88rem var(--f);color:var(--gris);margin-left:auto}
.count.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.count.tapado{-webkit-clip-path:inset(50%);clip-path:inset(50%)}
[data-directory-filters][hidden]{display:flex!important;visibility:hidden}
.src{margin-top:28px}

/* barrios */
.zchips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:8px}
.zchips a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:var(--r);background:rgba(20,27,35,.85);text-decoration:none;color:var(--blanco);font:600 1rem var(--f)}
.zchips a:hover{border-color:var(--senal);color:var(--senal)}
.zchips b{font:700 .9rem/1 var(--cartel);color:var(--asf);background:var(--senal);border-radius:3px;padding:4px 8px}
.banda-fondo{margin-top:72px}
.banda-fondo .sec{padding-top:0}
.banda-fondo .head p{color:var(--texto)}

/* Boxes: banda clara tipo portal de noticias */
.ticker{display:flex;gap:26px;overflow:hidden;white-space:nowrap;background:var(--tinta);color:#fff;font:600 .82rem var(--f);padding:10px 20px;margin-top:72px;mask-image:linear-gradient(90deg,#000 85%,transparent)}
.ticker b{color:var(--senal);text-transform:uppercase;letter-spacing:.06em}
.boxes{background:var(--papel);color:var(--tinta);padding:0 0 56px}
.boxes .ticker{margin-top:0}
.bx-cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;border-bottom:4px solid var(--tinta);padding:30px 0 10px;margin-bottom:22px}
.bx-cab h2{font-size:clamp(1.8rem,3.6vw,2.6rem);color:var(--tinta)}
.bx-cab h2 span{color:var(--freno)}
.bx-cab p{font-size:.86rem;color:#4a5159}
.bx-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px}
.bx-nota a{display:grid;gap:8px;color:var(--tinta);text-decoration:none;align-content:start}
.bx-nota a:hover h3{text-decoration:underline;text-underline-offset:3px}
.bx-nota img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#dcdcd6}
.bx-word{display:block;aspect-ratio:16/10;overflow:hidden;--r-accent:#c62a1d;--r-ink:#111418;--r-soft:#e6e6e0;--r-paper:#ffffff;--r-display:Oswald,sans-serif}
.bx-k{font:800 .72rem/1 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--freno)}
.bx-nota h3{font:800 1.05rem/1.2 var(--f);letter-spacing:-.01em}
.bx-tapa h3{font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.08;letter-spacing:-.02em}
.bx-nota p{font-size:.95rem;color:#2c3238}
.bx-t{font-size:.8rem;color:#575e66}
.bx-lista{display:grid;gap:14px;align-content:start}
.bx-lista a{grid-template-columns:104px minmax(0,1fr);gap:14px;border-top:1px solid #d2d3cd;padding-top:14px}
.bx-lista img,.bx-lista .bx-word{aspect-ratio:1}
.bx-lista div{display:grid;gap:6px;align-content:start;min-width:0}
@media (max-width:860px){.bx-grid{grid-template-columns:1fr}}

/* preguntas */
.faq{display:grid;gap:8px;max-width:860px}
.faq details{background:var(--carbon);border:1px solid var(--linea);border-radius:var(--r);padding:0 18px}
.faq summary{cursor:pointer;font:700 1.02rem/1.35 var(--f);padding:16px 0;list-style-position:outside}
.faq details p{padding:0 0 16px;color:var(--texto)}
.faq a{color:var(--senal)}

/* sumate */
.join{margin-top:88px;background:var(--senal) var(--tread);color:var(--asf);padding:48px 0}
.join-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.join-in>div{display:grid;gap:10px;max-width:640px}
.join .et{color:var(--asf)}
.join h2{font-size:clamp(2.2rem,4.6vw,3.4rem)}
.join .btn{background:var(--asf);border-color:var(--asf);color:var(--blanco)}
.join .btn:hover{background:#1d2630}

/* ficha */
.ficha{padding-top:16px}
.fhead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;padding:20px 0 8px}
.fhead:not(:has(.fgal)){grid-template-columns:1fr} /* sin fotos no hay galería ni columna vacía */
.fhead-txt{display:grid;gap:12px;align-content:start;min-width:0}
.faddr{display:flex;gap:8px;align-items:baseline;color:var(--texto);font-size:1.05rem}
.faddr span{overflow-wrap:anywhere}
.faddr .ic{color:var(--senal)}
.factions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.fgal{display:grid;gap:6px;overflow:hidden;height:min(44vw,400px);border-top:4px solid var(--senal)}
.fgal>div{position:relative;overflow:hidden;background:var(--carbon2);min-height:0}
.fgal img{width:100%;height:100%;object-fit:cover}
.fgal-2{grid-template-columns:3fr 2fr}
.fgal-3{grid-template-columns:3fr 2fr;grid-template-rows:1fr 1fr}.fgal-3>div:first-child{grid-row:span 2}
.pcred{position:absolute;left:10px;bottom:10px;background:rgba(8,10,14,.82);color:#fff;font:500 .72rem var(--f);padding:4px 8px;border-radius:4px;text-decoration:none}
.fgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;padding-top:24px}
.fsec{padding:24px 0;border-top:1px solid var(--linea);display:grid;gap:14px}
.fhours b{font:700 1.15rem var(--f)}
.notecard{display:flex;gap:14px;align-items:center;background:var(--carbon);border:1px solid var(--linea);border-left:4px solid var(--senal);padding:16px;border-radius:var(--r)}
.notecard b{display:block;font-weight:800}
.notecard span{color:var(--texto);font-size:.95rem}
.nc-ic .ic{width:28px;height:28px;color:var(--senal)}
.fmap{display:grid;gap:10px;justify-items:start}
.fmap iframe{width:100%;height:320px;border:0;border-radius:var(--r)}
.near{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.near-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.near a{display:grid;gap:2px;padding:12px 14px;border-radius:var(--r);background:var(--carbon);border:1px solid var(--linea);text-decoration:none;color:var(--blanco)}
.near a:hover{border-color:var(--senal)}
.near b{font-weight:700}
.near span{font-size:.88rem;color:var(--gris);overflow-wrap:anywhere}
.faside{display:grid;gap:14px;align-content:start;position:sticky;top:86px}
.contact{background:var(--senal) var(--tread);color:var(--asf);border-radius:var(--r);padding:22px;display:grid;gap:10px}
.contact .et{color:var(--asf)}
.contact .tel{font:700 2.1rem/1 var(--cartel);color:var(--asf);text-decoration:none;letter-spacing:.01em}
.flinks{display:grid;gap:6px}
.flinks a{color:var(--asf);display:flex;gap:8px;align-items:center;font-weight:600}
.srcbox{background:var(--carbon);border:1px solid var(--linea);border-radius:var(--r);padding:14px}
.embeds{display:grid;gap:12px}
.embed{display:grid;gap:8px;justify-items:start}
.embed-frame{width:100%;min-height:520px;border:0;border-radius:var(--r);background:#fff}
.stale{font-weight:400;opacity:.75}
.tier{display:inline-block;font:700 .72rem/1.4 var(--f);letter-spacing:.04em;padding:2px 8px;border-radius:3px;background:var(--carbon2);color:var(--blanco);justify-self:start}
.tier-ver{background:#173826;color:#9ff0c0}.tier-dest{background:var(--senal);color:var(--asf)}
.claim{display:inline-block;margin-top:6px;font-weight:700;color:var(--senal);text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.fhead{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr}.faside{position:static}.fgal{height:auto}.fgal-2,.fgal-3{grid-template-columns:1fr 1fr;grid-template-rows:auto}.fgal>div{aspect-ratio:4/3}.fgal-3>div:first-child,.fgal-2>div:first-child{grid-column:span 2;grid-row:auto}}

/* páginas claras (Boxes): la revista se lee en papel */
body.paper main{background:var(--papel);color:var(--tinta);padding-bottom:64px}
body.paper .crumbs{color:#4a5159}body.paper .crumbs a{color:var(--tinta)}
body.paper .et{color:var(--freno)}
body.paper .fine{color:#4a5159}
body.paper h1,body.paper h2{color:var(--tinta)}
body.paper .faq details{background:#fff;border-color:#d2d3cd}
body.paper .faq details p{color:#2c3238}
body.paper .faq a,body.paper .prose a{color:#8a1d13}
.revista .rv-head{display:grid;gap:10px;border-bottom:4px solid var(--tinta);padding-bottom:14px}
.revista .rv-head p:not(.et){color:#2c3238;font-size:1.06rem}

/* texto */
.prose{max-width:780px;padding-top:28px;display:grid;gap:16px}
.prose>*{min-width:0}
.prose h2{margin-top:16px;font-size:clamp(1.4rem,2.6vw,1.9rem)}
.prose h3{margin-top:8px}
.prose p,.prose li{font-size:1.06rem;color:var(--texto)}
body.paper .prose p,body.paper .prose li{color:#262b31}
.prose .lead{font-size:1.2rem}
.prose .answer{font:600 1.15rem/1.5 var(--f);background:#fff;border-left:5px solid var(--senal);padding:18px 20px;border-radius:var(--r)}
body:not(.paper) .prose .answer{background:var(--carbon);color:var(--blanco)}
.prose ul,.prose ol{padding-left:22px;display:grid;gap:6px;margin:0}
.prose a{overflow-wrap:anywhere}
.tablewrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;border:1px solid #d2d3cd;border-radius:var(--r);background:#fff}
.prose table{width:100%;min-width:600px;border-collapse:collapse;font-size:.95rem;line-height:1.4}
.prose th,.prose td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #e2e3dd;color:var(--tinta)}
.prose thead th{font:700 .78rem var(--f);letter-spacing:.04em;text-transform:uppercase;color:#4a5159;background:#f0f0ec;white-space:nowrap}
.prose td a{overflow-wrap:anywhere}
.tablewrap:focus-visible{outline:3px solid var(--tinta);outline-offset:2px}
.cta-dir{margin-top:44px;background:var(--asf) var(--tread);color:var(--blanco);border-top:5px solid var(--senal);padding:28px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;max-width:780px}
.cta-dir>div{display:grid;gap:8px;max-width:460px}
body.paper .cta-dir .et{color:var(--senal)}
body.paper .cta-dir h2{color:var(--blanco)}
.cta-dir p{color:var(--texto)}
.guia-barrio p{color:var(--texto);margin-bottom:10px}

/* formularios */
.joinpage{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:32px 20px 0;align-items:start}
.joinpage>div{display:grid;gap:14px}
.joinpage>div p:not(.et){color:var(--texto);font-size:1.06rem}
.joinform{background:var(--carbon);border:1px solid var(--linea);border-top:4px solid var(--senal);border-radius:var(--r);padding:24px;display:grid;gap:10px}
.joinform label{font:600 .95rem var(--f)}
.joinform input:not([type=checkbox]){border:1px solid var(--linea);border-radius:var(--r);padding:12px 14px;font:500 1rem var(--f);background:var(--asf);color:var(--blanco)}
.consent{display:flex;gap:10px;align-items:flex-start;font-weight:400!important;font-size:.92rem!important}
@media (max-width:820px){.joinpage{grid-template-columns:1fr}}

/* pie */
.foot{margin-top:88px;background:#070a0e;color:var(--texto);padding:0 0 40px}
main:has(>.join:last-child)+.foot,body.paper .foot{margin-top:0}
.foot-road{height:14px;background:repeating-linear-gradient(90deg,var(--senal) 0 56px,transparent 56px 96px) center/auto 4px no-repeat,#151b22;margin-bottom:44px}
.foot-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.foot-cols>div{display:grid;gap:8px;align-content:start;min-width:0}
.foot-cols a{color:var(--texto);text-decoration:none;overflow-wrap:anywhere}
.foot-cols p a{text-decoration:underline;text-underline-offset:2px}
.foot-cols a:hover{color:#fff;text-decoration:underline}
.foot-cols h2{font:700 .76rem var(--f);letter-spacing:.18em;text-transform:uppercase;color:var(--senal);margin-bottom:4px}
body.paper .foot-cols h2{color:var(--senal)}
.foot-cols .logo{margin-bottom:6px}
.foot p{font-size:.95rem}
.foot-fine{margin-top:36px;padding-top:18px;border-top:1px solid #1d2630;font-size:.82rem!important;color:var(--gris)}
.socs{display:flex;gap:10px}
@media (max-width:820px){.foot-cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-cols{grid-template-columns:1fr}}
main{display:block}
main>section:last-child.join{margin-bottom:0}

/* cookies */
/* barra chica abajo, no tapa contenido (auditoría 2026-10-08) */
.cookie{position:fixed;left:16px;right:16px;bottom:12px;z-index:50;max-width:560px;margin:0 auto;background:var(--carbon);border:1px solid var(--linea);border-radius:var(--r);box-shadow:0 10px 30px rgba(0,0,0,.4);padding:8px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.86rem}
.cookie p{flex:1 1 220px;font-size:.86rem;line-height:1.3;color:var(--texto)}
.cookie .btn{padding:7px 12px;font-size:.86rem}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.gcard:hover{transform:none}}
@media (max-width:600px){.zchips{grid-template-columns:1fr 1fr;gap:6px}.zchips a{padding:10px;font-size:.88rem}}
/* En el celular, si el navegador ignora <source media> y carga el lienzo 16:9, se ve el tercio derecho (el auto y el cartel). */
@media (max-width:900px){.hero.con-fondo .fondo-film video{object-position:right 30%}}

/* ¿Pinchaste? (sites/_core/abierto.mjs + assets/cerca.js): la herramienta del hero */
.cerca{display:grid;gap:12px}
.cerca-t{font:700 1.5rem/1 var(--cartel);text-transform:uppercase;color:var(--blanco)}
.cerca-ctl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}
.cerca-ctl .btn{padding:11px 14px;font-size:.95rem}
.cerca-ctl select{min-width:0;background:var(--carbon);color:var(--blanco);border:1px solid var(--linea);border-radius:var(--r);padding:11px 10px;font:600 .95rem var(--f)}
.cerca-only{grid-column:1/-1;display:flex;gap:8px;align-items:center;font-size:.9rem;color:var(--texto)}
.cerca-msg{font-size:.9rem;color:var(--texto);min-height:1.4em}
.cerca-list{list-style:none;margin:0;padding:0;display:grid}
.cerca-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.1)}
.cl-b{display:grid;gap:2px;min-width:0}
.cl-b>a{color:var(--blanco);font-weight:800;text-decoration:none;overflow-wrap:anywhere}
.cl-b>a:hover{color:var(--senal)}
.cl-a{font-size:.82rem;color:var(--gris)}
.cl-a [data-cerca-km]{color:var(--senal2);font-weight:700}
.cl-st{font-size:.82rem;font-weight:700;color:var(--gris)}
.cl-st[data-k=abierto]{color:#5fd38d}
.cl-st[data-k=cerrado]{color:#ff8a7a}
.cerca-fine{font-size:.78rem;color:var(--gris)}
.hero-safe{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--texto);max-width:56ch}
.hero-safe .ic{color:var(--senal);margin-top:3px}
/* Tu cubierta: pestañas de la portada */
.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--linea);margin:0 0 18px}
.tabs [role=tab]{background:none;border:0;border-bottom:4px solid transparent;margin-bottom:-2px;color:var(--texto);font:700 1.05rem var(--cartel);text-transform:uppercase;letter-spacing:.04em;padding:12px 14px;cursor:pointer}
.tabs [role=tab][aria-selected=true]{color:var(--senal);border-bottom-color:var(--senal)}
.tabpanel{display:grid;gap:14px;max-width:760px}
.cub-box{background:var(--carbon);border:1px solid var(--linea);border-top:5px solid var(--senal);border-radius:var(--r);padding:20px;margin:22px 0}
.prose.tool .cub-box label{color:var(--blanco)}
.hero h1 em{display:block;font-size:.6em;line-height:.95;margin-top:.12em}
@media (max-width:520px){.cerca-ctl{grid-template-columns:1fr}.cerca-ctl select{width:100%}}
.cub>*,.km>*,.tabpanel>*{min-width:0}
.cub-in input{width:100%}
.cub-in .btn{flex:none}
.prose .cub-res,.cub-res{padding-left:0}
.prose.tool th,.prose.tool td{color:var(--texto);border-bottom-color:var(--linea)}
.prose.tool thead th{background:var(--carbon2);color:var(--gris)}
.prose.tool table{min-width:0}
.prose.tool .tablewrap,.prose.tool table{background:var(--carbon);border-color:var(--linea)}
.prose.tool caption{color:var(--gris)}
.hero .cine-toggle{top:auto;bottom:14px;right:auto;left:14px}
/* Portada en el celular: la foto ocupa la parte de arriba y se ve el auto en la rambla; el movimiento se nota (Harold, 08/10). */
@media (max-width:900px){.hero.con-fondo .foto-viva{bottom:auto;height:600px}
  .hero.con-fondo .foto-viva img{object-position:50% 85%}
  .hero.con-fondo .foto-viva::after{background:linear-gradient(180deg,rgba(11,16,22,.25) 0%,rgba(11,16,22,.38) 45%,rgba(11,16,22,.8) 80%,rgba(11,16,22,1) 100%)}
  .hero.con-fondo .foto-viva~.wrap{text-shadow:0 1px 3px rgba(0,0,0,.6),0 2px 18px rgba(0,0,0,.55)}}
/* Biblioteca de Boxes (molde de Carnicerías, 21/10/2026): tapas dibujadas con CSS, sin fotos de terceros */
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}
.lib-it{background:var(--carbon);border:1px solid var(--linea);border-radius:var(--r);padding:0 0 16px;display:grid;gap:8px;align-content:start;overflow:hidden;min-width:0}
.lib-it>*:not(.lib-tapa){margin:0 16px}.lib-it h3{font:700 1.25rem/1.15 var(--cartel);color:var(--blanco);margin-top:6px}.lib-it p{color:var(--texto);margin-top:0;margin-bottom:0}
.lib-k{font-size:.86rem;color:var(--gris)!important}
.lib-tapa{height:92px;display:flex;align-items:flex-end;justify-content:space-between;padding:12px 16px;color:var(--asf);font:700 .74rem var(--f);letter-spacing:.16em;text-transform:uppercase;background:repeating-linear-gradient(135deg,var(--senal) 0 18px,#e6b000 18px 36px)}
.lib-tapa .ic{width:40px;height:40px}
.lib-tapa.lib-b{background:repeating-linear-gradient(90deg,#1d2630 0 10px,#28313b 10px 14px);color:var(--senal)}
.lib-tapa.lib-c{background:radial-gradient(circle at 85% 30%,transparent 0 18px,var(--asf) 18px 26px,transparent 26px),linear-gradient(135deg,var(--freno),#8f1d14);color:var(--blanco)}
.lib-links{list-style:none;padding:0;display:grid;gap:6px}.lib-links a{overflow-wrap:anywhere}.lib-links .ic{width:14px;height:14px;vertical-align:-2px}
.vid-btn{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:var(--carbon2);color:var(--blanco);border:1px solid var(--linea);border-radius:var(--r);padding:10px 12px;cursor:pointer;font:inherit;min-height:44px}
.vid-btn>.ic{width:28px;height:28px;flex:none;color:var(--senal)}.vid-btn b{display:block}.vid-btn .fine{display:block}
.vid .embed-frame{aspect-ratio:16/9;min-height:0;height:auto;background:#000}
.dir-cub a{font-weight:700}
/* compartir el resultado (barra común de compartir.js) en el lector, ¿Cuánto aire? y el cuaderno */
.cub-share{--nc-accent:var(--senal);--nc-on-accent:var(--asf);--nc-line:var(--gris);margin:14px 0 0;padding:14px 16px;background:var(--carbon2);border:1px solid var(--linea);border-left:4px solid var(--senal);border-radius:var(--r);color:var(--blanco)}
.cub-share .ncomp{margin:0}.cub-share .ncomp-t{font:600 1.1rem/1.2 var(--cartel);letter-spacing:.02em;text-transform:uppercase}.cub-share[hidden]{display:none}