/*
Theme Name: Zumo de Marca
Theme URI: https://zumodemarca.com
Author: Zumo de Marca
Description: Tema propio de Zumo de Marca. El jugo de cada campaña. Portada, secciones por gajos, artículos con espacios de publicidad y páginas de Quiénes somos, Contacto y Kit de prensa.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 8.0
License: Todos los derechos reservados
Text Domain: zumodemarca
*/

/* Layout: periódico digital de marca — barra útil, cabecera + menú de gajos fijo, portada (principal + 3 + lo más exprimido),
   río de lo último con la rodaja navegable al lado, un bloque por gajo, guías Claves, newsletter, quiénes somos, kit de prensa y pie.
   Una sola apariencia clara (las propuestas se revisan siempre sobre blanco). */
:root{
  --paper:#ffffff; --ink:#0f0f0f; --or:#ff5a1f; --or-text:#c2410c; --stone:#f3f3f1; --pulp:#ffd9c7; --grey:#5d5b57; --line:#e8e6e1;
  --f:"Geist",ui-sans-serif,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --m:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --w:1240px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--paper)}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ol,ul{margin:0}
h1,h2,h3{text-wrap:balance}
.wrap{max-width:var(--w);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
a:focus-visible,button:focus-visible{outline:2px solid var(--or);outline-offset:2px}

/* notas de diseño (para revisar; no irán en la web) */
.nt{display:none;position:absolute;z-index:3;top:8px;right:max(16px,env(safe-area-inset-right,0px));font-family:var(--m);font-size:11px;line-height:1.3;color:var(--ink);background:#fff3a8;border:1px solid #e6d55c;border-radius:4px;padding:4px 7px;max-width:300px}
body.notes .nt{display:block}
.rel{position:relative}
.ntoggle{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:20;font:600 13px var(--f);background:var(--ink);color:#fff;border:0;border-radius:999px;padding:10px 16px;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.18)}

/* barra útil */
.util{background:var(--ink);color:#fff;font-size:13px}
.util .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:8px;flex-wrap:wrap}
.util time{font-family:var(--m);font-size:12px;color:#bdbbb6}
.util nav{display:flex;gap:18px;flex-wrap:wrap}
.util nav a:hover{color:var(--or)}

/* cabecera */
.head .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:22px}
.logo{height:46px;width:auto;display:block}
.hact{display:flex;gap:10px;align-items:center}
.btn{font:600 14px var(--f);border-radius:999px;padding:10px 18px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.btn.or{background:var(--or);border-color:var(--or);color:var(--ink)}
.btn svg{width:16px;height:16px}

/* menú de gajos */
.menu{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--paper);border-top:1px solid var(--line);border-bottom:2px solid var(--ink)}
.menu .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.menu .wrap::-webkit-scrollbar{display:none}
.menu a{display:flex;align-items:center;gap:8px;padding:13px 14px;font-weight:600;font-size:15px;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-2px}
.menu a:hover{color:var(--or-text)}
.menu a.on{border-bottom-color:var(--or)}
.ni{width:22px;height:22px;flex:none}

/* lo del momento */
.hot .wrap{display:flex;align-items:center;gap:10px;padding-block:14px;overflow-x:auto;scrollbar-width:none}
.hot b{font-family:var(--m);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--or-text);white-space:nowrap;margin-right:6px}
.hot a{font-size:14px;font-weight:500;background:var(--stone);border-radius:999px;padding:6px 14px;white-space:nowrap}
.hot a:hover{background:var(--pulp)}

.adrow{display:flex;justify-content:center;padding-block:10px 22px}
.ad{width:100%;background:repeating-linear-gradient(-45deg,#fafaf8 0 10px,#f1f0ec 10px 20px);border:1px dashed #cfccc5;display:grid;place-items:center;max-width:100%}
.ad span{font-family:var(--m);font-size:11px;color:var(--grey);letter-spacing:.04em;text-align:center;padding:4px}

/* fotos de ejemplo */
.ph{position:relative;width:100%;max-width:100%;overflow:hidden;display:grid;place-items:center}
.ph.st{background:var(--stone)}.ph.pu{background:var(--stone)}.ph.ink{background:#1b1a19}
.phs{width:46%;max-width:240px;height:auto;opacity:.9}
.phl{position:absolute;left:10px;bottom:8px;font-family:var(--m);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.ph.ink .phl{color:#9a9893}
.play .pbtn{position:absolute;width:74px;height:74px;border-radius:50%;background:var(--or);display:grid;place-items:center}
.play .pbtn::after{content:"";margin-left:6px;border-style:solid;border-width:13px 0 13px 22px;border-color:transparent transparent transparent var(--ink)}

/* etiquetas de sección */
.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--m);font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.tag:hover{color:var(--or-text)}
.ti{width:18px;height:18px}
.tag.dk{color:#fff}
.meta{font-family:var(--m);font-size:12px;color:var(--grey)}
.dek{color:var(--grey);font-size:15.5px;line-height:1.5}

/* portada */
.top .wrap{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr) minmax(0,.95fr);gap:30px;padding-block:6px 40px}
.lead{display:grid;gap:14px}
.lead h1{font-size:clamp(30px,3.6vw,48px);font-weight:800;letter-spacing:-.045em;line-height:1.02}
.lead h1 a:hover,.card h3 a:hover,.mini h3 a:hover{color:var(--or-text)}
.lead .dek{font-size:17px;max-width:60ch}
.side{display:grid;gap:18px;align-content:start}
.mini{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--line)}
.mini:last-child{border-bottom:0}
.mini h3{font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:6px 0 6px}
.mini .phs{width:62%}
.most{background:var(--stone);border-radius:6px;padding:20px 20px 10px;align-self:start}
.most h2,.lh h2{font-size:14px;font-family:var(--m);font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.most h2 em{font-style:normal;color:var(--or-text)}
.most ol{list-style:none;padding:0;margin-top:12px}
.most li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:12px 0;border-top:1px solid #e2dfd8}
.most li:first-child{border-top:0}
.rk{font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--or)}
.most li a:not(.tag){display:block;font-weight:600;font-size:15px;line-height:1.3;margin-top:4px}
.most li a:not(.tag):hover{color:var(--or-text)}

/* río + lateral */
.mid .wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding-block:34px 44px;border-top:2px solid var(--ink)}
.lh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.lh a{font-size:14px;font-weight:600;color:var(--or-text)}
.river{list-style:none;padding:0}
.river li{display:grid;grid-template-columns:54px 30px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.river time{font-family:var(--m);font-size:12.5px;color:var(--grey);padding-top:3px;font-variant-numeric:tabular-nums}
.rs{width:28px;height:28px}
.river a{font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.river a:hover{color:var(--or-text)}
.river p{font-size:14px;color:var(--grey);margin-top:4px}
.aside{display:grid;gap:24px;align-content:start}
.rbox{border:1.5px solid var(--ink);border-radius:8px;padding:18px;display:grid;gap:12px;justify-items:center;text-align:center}
.rbox h2{font-size:14px;font-family:var(--m);font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.rnav{width:190px;height:190px}
.rnav .gj path{fill:var(--pulp);transition:fill .15s ease,transform .15s ease;transform-origin:50px 50px}
.rnav .gj:hover path,.rnav .gj.on path,.rnav .gj:focus-visible path{fill:var(--or)}
.rinfo b{display:block;font-size:20px;letter-spacing:-.02em}
.rinfo span{font-size:13.5px;color:var(--grey);display:block;min-height:3em}
.nlmini{background:var(--or);border-radius:8px;padding:18px;display:grid;gap:10px}
.nlmini b{font-size:19px;letter-spacing:-.02em;line-height:1.15}
.nlmini p{font-size:14px}
.nlmini input,.nl input{font:15px var(--f);border:0;border-radius:999px;padding:11px 16px;width:100%;min-width:0}
.nlmini button,.nl button{font:600 14px var(--f);border:0;border-radius:999px;padding:11px 18px;background:var(--ink);color:#fff;cursor:pointer}
.formok{font-size:13px;font-weight:600}

/* bloques de sección */
.blk{position:relative;padding-block:40px 46px;border-top:1px solid var(--line)}
.blk.dark{background:var(--ink);color:#fff;border-top:0}
.sh{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 20px;align-items:center;margin-bottom:24px}
.shn{display:flex;align-items:center;gap:12px}
.shs{width:46px;height:46px}
.sh h2{font-size:clamp(30px,3.4vw,42px);font-weight:800;letter-spacing:-.045em;line-height:1}
.sh p{color:var(--grey);font-size:15px;max-width:52ch}
.dark .sh p{color:#a3a19c}
.more{font-size:14px;font-weight:600;color:var(--or-text);white-space:nowrap}
.dark .more{color:var(--or)}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.g2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:start}
.card{display:grid;gap:12px;align-content:start}
.cb{display:grid;gap:8px}
.card h3{font-size:20px;font-weight:700;letter-spacing:-.025em;line-height:1.18}
.card.l h3{font-size:26px}
.card.xl h3{font-size:34px;letter-spacing:-.04em;line-height:1.05}
.card.row{grid-template-columns:150px minmax(0,1fr);gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.card.row:last-child{border-bottom:0}
.card.row h3{font-size:17px}
.card.row .phs{width:58%}
.stack{display:grid;gap:18px}
.dark .card h3 a:hover{color:var(--or)}
.dark .card.row{border-bottom-color:#2a2927}
.dark .meta{color:#a3a19c}.dark .dek{color:#bdbbb6}
.lux{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start}
.luxl{display:grid;gap:28px}
.adw{display:grid;gap:14px}
.adwt{display:grid;gap:8px}
.adw h3{font-size:28px;font-weight:800;letter-spacing:-.04em;line-height:1.08}
.ck{font-family:var(--m);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--or-text)}
.cifra{background:var(--ink);color:#fff;border-radius:6px;padding:26px;display:grid;gap:10px;align-content:start}
.cifra .ck{color:var(--or)}
.cn{font-size:clamp(56px,6vw,84px);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--or);font-variant-numeric:tabular-nums}
.cd{font-size:17px;line-height:1.4;font-weight:500}
.cs{font-family:var(--m);font-size:12px;color:#a3a19c}
.fast{list-style:none;padding:0;border-top:2px solid var(--ink)}
.fast li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 12px;padding:16px 0;border-bottom:1px solid var(--line)}
.fast a{font-weight:700;font-size:17px;line-height:1.25;letter-spacing:-.015em}
.fast a:hover{color:var(--or-text)}
.fast span{grid-column:2;font-family:var(--m);font-size:12px;color:var(--grey)}

/* claves */
.claves{background:var(--stone);padding-block:40px 44px}
.claves .sh{margin-bottom:20px}
.clrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:16px;overflow-x:auto;padding-bottom:6px}
.cl{background:var(--paper);border-radius:8px;padding:18px;display:grid;gap:8px;align-content:start;min-height:200px;border:1px solid var(--line)}
.cl:hover{border-color:var(--ink)}
.cls{width:40px;height:40px}
.clk{font-family:var(--m);font-size:11px;letter-spacing:.06em;color:var(--or-text)}
.clt{font-size:19px;font-weight:700;letter-spacing:-.025em;line-height:1.2}
.clm{font-family:var(--m);font-size:12px;color:var(--grey);margin-top:auto}

/* newsletter */
.nl{background:var(--or);padding-block:48px}
.nl .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center}
.nl h2{font-size:clamp(30px,3.6vw,46px);font-weight:800;letter-spacing:-.045em;line-height:1.02}
.nl p{font-size:17px;margin-top:10px;max-width:46ch}
.nl form{display:flex;gap:10px;flex-wrap:wrap}
.nl input{flex:1 1 220px}
.nl small{display:block;font-size:12.5px;margin-top:10px}

/* quiénes somos + kit de prensa */
.who .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;padding-block:52px}
.whobox{display:grid;gap:14px;align-content:start}
.whobox h2,.kit h2{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.04em;line-height:1.05}
.whobox p{color:var(--grey);max-width:56ch}
.whyl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:6px}
.whyl div{border-top:3px solid var(--or);padding-top:10px}
.whyl b{display:block;font-size:16px}
.whyl span{font-size:14px;color:var(--grey)}
.kit{background:var(--stone);border-radius:8px;padding:26px;display:grid;gap:14px;align-content:start}
.kit p{color:var(--grey)}
.kit ul{list-style:none;padding:0;display:grid;gap:8px}
.kit li{display:flex;gap:10px;align-items:baseline;font-weight:500}
.kit li::before{content:"";width:9px;height:9px;flex:none;background:var(--or);transform:skewX(-26.6deg)}
.kit .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.kit .mail{font-family:var(--m);font-size:13.5px;user-select:all}

/* pie */
.foot{background:var(--ink);color:#fff;padding-block:48px 28px}
.foot .wrap{display:grid;gap:34px}
.ftop{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:30px}
.fbrand{display:grid;gap:14px;align-content:start}
.fbrand .logo{height:40px}
.fbrand p{color:#bdbbb6;font-size:15px}
.fcol{display:grid;gap:9px;align-content:start;font-size:14.5px}
.fcol b{font-family:var(--m);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#a3a19c;font-weight:500;margin-bottom:4px}
.fcol a:hover{color:var(--or)}
.fbot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #2a2927;padding-top:18px;font-size:12.5px;color:#8f8d88}
.fbot .sig{font-size:11.5px}

/* responsive */
@media (max-width:1060px){
  .top .wrap{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  .most{grid-column:1/-1}
  .mid .wrap{grid-template-columns:1fr}
  .aside{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
  .aside .ad{display:none}
}
@media (max-width:820px){
  .top .wrap,.g3,.g2,.lux,.nl .wrap,.who .wrap{grid-template-columns:1fr}
  .ftop{grid-template-columns:1fr 1fr}
  .sh{grid-template-columns:1fr}
  .whyl{grid-template-columns:1fr}
  .hact .btn.ghost{display:none}
}
@media (max-width:520px){
  .logo{height:36px}
  .river li{grid-template-columns:44px 26px minmax(0,1fr);gap:10px}
  .card.row{grid-template-columns:110px minmax(0,1fr)}
  .ftop{grid-template-columns:1fr}
  .hact .btn:not(.or){display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* --- versión 2 --- */
.tick{background:var(--ink);color:#fff;font-size:13.5px}
.tick .wrap{display:flex;align-items:center;gap:14px;padding-block:9px}
.now{font-family:var(--m);font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:var(--or);color:var(--ink);border-radius:3px;padding:3px 7px;flex:none}
.tkv{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.tkt{display:flex;gap:34px;width:max-content;animation:tk 60s linear infinite}
.tkv:hover .tkt{animation-play-state:paused}
.tkt a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-weight:500}
.tkt a:hover{color:var(--or)}
.tk{width:18px;height:18px}
.tick time{font-family:var(--m);font-size:12px;color:#bdbbb6;flex:none}
@keyframes tk{to{transform:translateX(-50%)}}
.mast .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-block:22px 18px}
.mleft{display:flex;gap:6px}
.ibtn{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--f);background:transparent;border:0;padding:8px 10px;border-radius:999px;cursor:pointer;color:var(--ink)}
.ibtn:hover{background:var(--stone)}
.ibtn svg{width:20px;height:20px}
.mlogo{display:grid;justify-items:center;gap:6px}
.mlogo .logo{height:58px}
.mlogo span{font-family:var(--m);font-size:12px;letter-spacing:.06em;color:var(--grey)}
.mright{display:flex;justify-content:flex-end}
.nlbtn{display:grid;gap:1px;background:var(--or);border-radius:10px;padding:9px 16px;text-align:left}
.nlbtn b{font-size:15px}
.nlbtn span{font-size:12px}
.nlbtn:hover{background:#ff6d36}
.menu .wrap{justify-content:space-between;gap:20px}
.msec{display:flex;gap:2px}
.mmore{display:flex;gap:16px;align-items:center;font-size:13.5px;color:var(--grey);white-space:nowrap}
.mmore a{padding:0;border:0;margin:0;font-weight:500;font-size:13.5px}
.mmore a:hover{color:var(--or-text)}
.mcol{display:grid;gap:18px;align-content:start}
.top .lead{align-content:start;align-self:start}
.mast .nt{top:auto;bottom:4px;right:auto;left:max(16px,env(safe-area-inset-left,0px))}
.river li.adli{display:block;padding:14px 0;border-bottom:1px solid var(--line)}
.adli .ad{aspect-ratio:auto;min-height:110px}
.stick{position:sticky;top:calc(env(safe-area-inset-top,0px) + 64px)}
.bill{gap:16px;padding-block:28px}
.ad.mob,.anchor{display:none}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}
.ad.nat{aspect-ratio:300/250;max-width:100%}
.blk{padding-block:34px 38px}
@media (max-width:1060px){.mmore{display:none}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.mcol{grid-column:1/-1}}
@media (max-width:820px){
  .mast .wrap{grid-template-columns:auto 1fr auto}
  .mleft .ibtn span{display:none}
  .mlogo{justify-items:start}.mlogo span{display:none}.mlogo .logo{height:40px}
  .nlbtn span{display:none}.nlbtn{padding:8px 12px}
  .adrow .ad:not(.mob){display:none}.ad.mob{display:grid}
  .anchor{display:flex;justify-content:center;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--line);padding:6px max(16px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
  .ntoggle{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .foot{padding-bottom:90px}
}
@media (max-width:520px){.g4{grid-template-columns:1fr}.mlogo .logo{height:32px}}
@media (prefers-reduced-motion:reduce){.tkt{animation:none}}

/* --- versión 3 --- */
.menu{position:sticky}
.mlg,.mact{display:none}
.menu.stuck .mlg,.menu.stuck .mact{display:flex;align-items:center}
.menu.stuck .mmore{display:none}
.menu.stuck .wrap{gap:14px}
.menu.stuck .msec a span{font-size:14px}
.logo.sm{height:30px}
.mact{gap:6px;flex:none}
.btn.sm{padding:8px 14px;font-size:13.5px}
.menu .nt{top:auto;bottom:-28px}
.blk{border-top:0}
.bg-white{background:var(--paper)}
.bg-stone{background:var(--stone)}
.bg-ink{background:var(--ink);color:#fff}
.bg-ink .sh p{color:#a3a19c}.bg-ink .more{color:var(--or)}.bg-ink .meta{color:#a3a19c}.bg-ink .dek{color:#bdbbb6}
.bg-ink .card h3 a:hover{color:var(--or)}.bg-ink .card.row{border-bottom-color:#2a2927}
.ph.wh{background:#ffffff}
.bg-stone .card.row{border-bottom-color:#e2dfd8}
.bill{background:var(--paper)}
.wide{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center}
.wide h3{font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.04em;line-height:1.08}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px;padding-top:22px;border-top:2px solid var(--ink)}
.tx{display:grid;gap:8px;align-content:start}
.tx h3{font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.22}
.tx h3 a:hover{color:var(--or-text)}
.cifra.or{background:var(--or);color:var(--ink)}
.cifra.or .ck{color:var(--ink)}.cifra.or .cn{color:var(--ink)}.cifra.or .cs{color:#3b2416}
@media (max-width:1060px){.menu.stuck .msec a span{display:none}.menu.stuck .msec a{padding-inline:9px}}
@media (max-width:820px){.wide,.trio{grid-template-columns:1fr}.menu.stuck .mact .btn{display:none}}

/* --- página de sección --- */
.mact{display:none}
.menu.stuck .mact{display:flex}
.drawer{background:var(--paper);border-bottom:2px solid var(--ink)}
.drawer .wrap{padding-block:22px;display:grid;gap:18px}
.dgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dw{display:flex;gap:12px;align-items:center;padding:12px;border-radius:8px;border:1px solid var(--line)}
.dw:hover{border-color:var(--ink)}
.dws{width:40px;height:40px;flex:none}
.dw span{font-size:13.5px;color:var(--grey);display:grid;gap:2px}
.dw b{color:var(--ink);font-size:16px}
.dlinks{display:flex;gap:20px;flex-wrap:wrap;font-weight:600;font-size:14px}
.shero{background:var(--stone);padding-block:26px 22px}
.crumbs{display:flex;gap:8px;font-size:13px;color:var(--grey)}
.crumbs b{color:var(--ink);font-weight:600}
.shtop{display:flex;align-items:center;gap:26px;margin-top:16px}
.shbig{width:120px;height:120px;flex:none}
.shtop h1{font-size:clamp(46px,7vw,92px);font-weight:800;letter-spacing:-.055em;line-height:.95}
.shtop p{color:var(--grey);font-size:17px;max-width:62ch;margin-top:10px}
.subs{display:flex;gap:8px;margin-top:22px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.sub{font:500 14px var(--f);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:8px 15px;white-space:nowrap;cursor:pointer;color:var(--ink)}
.sub:hover{border-color:var(--ink)}
.sub.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.slead .wrap{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:30px;padding-block:30px 36px}
.lh1{font-size:clamp(28px,3.4vw,44px);font-weight:800;letter-spacing:-.045em;line-height:1.03}
.lh1 a:hover{color:var(--or-text)}
.slead .side{display:grid;gap:18px;align-content:start}
.adweek{background:var(--ink);color:#fff;padding-block:40px}
.adweek .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:34px;align-items:center}
.awt{display:grid;gap:12px}
.awt .ck{color:var(--or)}
.awt h2{font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.04em;line-height:1.05}
.awt h2 a:hover{color:var(--or)}
.awt > p{color:#bdbbb6}
.ficha{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:6px 0 4px;border-top:1px solid #2a2927;padding-top:14px}
.ficha dt{font-family:var(--m);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8f8d88}
.ficha dd{margin:2px 0 0;font-weight:600}
.vt{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;border-radius:999px;padding:12px 20px;background:var(--or);color:var(--ink);justify-self:start}
.vt:hover{background:#ff6d36}
.sbody .wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding-block:40px 50px;border-top:2px solid var(--ink)}
.sbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.sbar h2{font-size:28px;font-weight:800;letter-spacing:-.04em}
.sort{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px}
.sort button{font:500 13.5px var(--f);background:transparent;border:0;border-radius:999px;padding:7px 13px;cursor:pointer;color:var(--ink)}
.sort button.on{background:var(--ink);color:#fff}
.sgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;align-items:start}
.adwide{grid-column:1/-1;display:flex;justify-content:center}
.pager{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:40px;flex-wrap:wrap}
.pager a,.pager span{min-width:42px;height:42px;display:grid;place-items:center;border-radius:999px;font-weight:600;font-variant-numeric:tabular-nums;padding:0 12px}
.pager a{border:1px solid var(--line)}
.pager a:hover{border-color:var(--ink)}
.pager a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pager .next{background:var(--or);border-color:var(--or)}
.saside{display:grid;gap:26px;align-content:start}
.mlist{list-style:none;padding:0;margin-top:10px}
.mlist li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:11px 0;border-top:1px solid #e2dfd8;align-items:start}
.mlist li:first-child{border-top:0}
.mlist a{font-weight:600;font-size:15px;line-height:1.3}
.mlist a:hover{color:var(--or-text)}
.ckbox{border:1.5px solid var(--ink);border-radius:8px;padding:18px;display:grid;gap:10px}
.ckbox h3{font-size:20px;font-weight:800;letter-spacing:-.03em}
.cklist{display:grid;gap:8px}
.cklist a{display:flex;gap:10px;align-items:center;font-weight:600;font-size:14.5px;line-height:1.3}
.cklist a:hover{color:var(--or-text)}
.cks{width:24px;height:24px;flex:none}
.brands{display:grid;gap:10px}
.brands div{display:flex;flex-wrap:wrap;gap:8px}
.brands a{font-size:13.5px;font-weight:500;background:var(--stone);border-radius:999px;padding:6px 12px}
.brands a:hover{background:var(--pulp)}
.others{background:var(--stone);padding-block:40px}
.others h2{font-size:28px;font-weight:800;letter-spacing:-.04em;margin-bottom:18px}
.ogrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.og{background:var(--paper);border-radius:8px;padding:18px;display:grid;gap:6px;align-content:start;border:1px solid var(--line)}
.og:hover{border-color:var(--ink)}
.ogs{width:52px;height:52px}
.og b{font-size:19px;letter-spacing:-.02em}
.og span{font-size:13.5px;color:var(--grey)}
.soon{background:var(--paper);border-radius:10px;padding:18px 20px;display:grid;gap:4px}
.soon b{font-size:18px}
.soon span{font-size:14px;color:var(--grey)}
@media (max-width:1060px){.sbody .wrap{grid-template-columns:1fr}.saside{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.saside .stick{display:none}.ogrid{grid-template-columns:repeat(3,minmax(0,1fr))}.dgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.slead .wrap,.adweek .wrap{grid-template-columns:1fr}.sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.shbig{width:84px;height:84px}.dgrid{grid-template-columns:1fr}}
@media (max-width:520px){.sgrid{grid-template-columns:1fr}.ogrid{grid-template-columns:1fr 1fr}.shtop{gap:16px}.shbig{width:64px;height:64px}}

/* --- artículo --- */
.progress{position:sticky;top:calc(env(safe-area-inset-top,0px) + 48px);z-index:8;height:3px;background:transparent}
.progress i{display:block;height:100%;width:0;background:var(--or)}
.narrow{max-width:860px}
.ahead .wrap{padding-block:10px 22px;display:grid;gap:14px}
.ahead .crumbs{flex-wrap:wrap}
.ahead .crumbs a:hover{color:var(--or-text)}
.ahead h1{font-size:clamp(34px,5vw,62px);font-weight:800;letter-spacing:-.05em;line-height:1.02}
.adek{font-size:clamp(18px,1.8vw,21px);color:var(--grey);line-height:1.45;max-width:60ch}
.ameta{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-top:4px}
.by{display:flex;gap:10px;align-items:center}
.bysym{width:38px;height:38px}
.by > span{display:grid;font-size:14px}
.by > span span{color:var(--grey);font-size:13px}
.share{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.share > span{font-family:var(--m);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);margin-right:4px}
.shb{font:600 13px var(--f);border:1.5px solid var(--line);background:transparent;border-radius:999px;padding:7px 12px;cursor:pointer;color:var(--ink)}
.shb:hover{border-color:var(--ink)}
.hero{margin:6px auto 0;max-width:1100px}
.hero figcaption{font-size:13px;color:var(--grey);margin-top:8px}
.abody{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding-block:34px 40px;max-width:1100px}
.atext{max-width:700px;min-width:0;display:grid;gap:20px;align-content:start}
.atext p{font-size:19px;line-height:1.7}
.atext .lead1{font-size:21px;font-weight:500;line-height:1.55}
.atext h2{font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-top:14px}
.il{color:var(--or-text);text-decoration:underline;text-underline-offset:3px}
.keys{background:var(--stone);border-left:6px solid var(--or);border-radius:6px;padding:18px 20px}
.keys ul{list-style:none;padding:0;display:grid;gap:8px;margin-top:8px}
.keys li{display:flex;gap:10px;align-items:baseline;font-weight:600;font-size:17px}
.keys li::before{content:"";width:9px;height:9px;flex:none;background:var(--or);transform:skewX(-26.6deg)}
.ad.inart{width:100%;min-height:280px;aspect-ratio:auto}
.pull{margin:8px 0;padding:6px 0 6px 22px;border-left:6px solid var(--or);font-size:clamp(22px,2.4vw,28px);font-weight:700;letter-spacing:-.03em;line-height:1.25}
.shots{list-style:none;padding:0;display:grid;gap:12px}
.shots li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:baseline;border-top:1px solid var(--line);padding-top:12px;font-size:18px;line-height:1.55}
.shots time{font-family:var(--m);font-size:14px;color:var(--or-text);font-variant-numeric:tabular-nums}
.clave{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;border:1.5px solid var(--ink);border-radius:12px;padding:14px 18px}
.clave:hover{background:var(--stone)}
.csym{width:52px;height:52px}
.clave > span{display:grid;gap:2px}
.clave b{font-size:18px;letter-spacing:-.02em}
.clave span span:last-child{font-size:13.5px;color:var(--grey)}
.clave .go{font-size:22px}
.learn{list-style:none;padding:0;display:grid;gap:10px}
.learn li{font-size:18px;line-height:1.55;padding-left:22px;position:relative}
.learn li::before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;background:var(--or);transform:skewX(-26.6deg)}
.ficha2{background:var(--ink);color:#fff;border-radius:12px;padding:22px 24px}
.ficha2 h2{margin-top:0;font-size:22px}
.ficha2 dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px 18px;margin:14px 0 0}
.ficha2 dt{font-family:var(--m);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8f8d88}
.ficha2 dd{margin:2px 0 0;font-weight:600}
.fuentes h2{font-size:22px;margin-top:0}
.fuentes ol{padding-left:20px;display:grid;gap:6px;color:var(--grey);font-size:15px;margin-top:8px}
.fuentes .ai{font-size:14px;color:var(--grey);background:var(--stone);border-radius:8px;padding:12px 14px;margin-top:12px;line-height:1.5}
.fuentes .ai a{text-decoration:underline}
.atags{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.atags span{font-family:var(--m);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);margin-right:4px}
.atags a{font-size:13.5px;font-weight:500;background:var(--stone);border-radius:999px;padding:6px 12px}
.atags a:hover{background:var(--pulp)}
.ad.multi{min-height:340px;width:100%;aspect-ratio:auto}
.aside2{display:grid;gap:26px;align-content:start}
.relb{padding-block:40px;border-top:2px solid var(--ink)}
.othb{background:var(--stone);padding-block:40px}
@media (max-width:1060px){.abody{grid-template-columns:1fr}.aside2{display:none}}
@media (max-width:820px){.atext p{font-size:18px}.ahead h1{font-size:clamp(30px,8vw,42px)}}

.phero{background:var(--stone);padding-block:34px 40px}
.phero .crumbs{margin-bottom:18px}
.phero h1{font-size:clamp(44px,7vw,96px);font-weight:800;letter-spacing:-.055em;line-height:.95;max-width:14ch}
.phero h1 em{font-style:normal;color:var(--or)}
.phero .lede{font-size:19px;color:var(--grey);max-width:60ch;margin-top:18px}
.ph2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}
.bigsym{width:180px;height:180px}
.pbl{padding-block:54px;border-top:1px solid var(--line)}
.pbl.st{background:var(--stone);border-top:0}
.pbl.dk{background:var(--ink);color:#fff;border-top:0}
.pbl h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.045em;line-height:1.04;max-width:20ch}
.pbl .sub2{color:var(--grey);max-width:62ch;margin-top:10px;font-size:17px}
.pbl.dk .sub2{color:#bdbbb6}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}
.val{border-top:4px solid var(--or);padding-top:14px;display:grid;gap:6px}
.val b{font-size:22px;letter-spacing:-.03em}
.val span{color:var(--grey);font-size:15.5px}
.pbl.dk .val span{color:#bdbbb6}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.copybox{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px 20px;display:grid;gap:12px;margin-top:22px;max-width:760px}
.copybox p{font-size:16px;line-height:1.6;user-select:all}
.copybtn{justify-self:start;font:600 13.5px var(--f);border:1.5px solid var(--ink);background:transparent;border-radius:999px;padding:8px 14px;cursor:pointer;color:var(--ink)}
.mail{font-family:var(--m);font-size:15px;user-select:all;background:var(--stone);border-radius:6px;padding:3px 8px}
@media (max-width:820px){.ph2{grid-template-columns:1fr}.bigsym{width:110px;height:110px}}

.qhero{background:var(--stone);padding-block:34px 46px}
.qhero .crumbs{margin-bottom:18px}
.qhero h1{font-size:clamp(44px,7vw,96px);font-weight:800;letter-spacing:-.055em;line-height:.95;max-width:15ch;margin-top:10px}
.qhero h1 em{font-style:normal;color:var(--or)}
.mission{margin:30px 0 0;padding:6px 0 6px 26px;border-left:6px solid var(--or);max-width:760px}
.mission p{font-size:clamp(24px,2.8vw,34px);font-weight:700;letter-spacing:-.03em;line-height:1.15}
.mission cite{display:block;font-style:normal;font-family:var(--m);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);margin-top:10px}
.qhero .lede{font-size:18px;color:var(--grey);max-width:64ch;margin-top:24px}
.gcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.gcard{background:var(--stone);border-radius:12px;padding:22px;display:grid;gap:6px;align-content:start}
.gcard .bss{width:84px;height:84px;margin-bottom:6px}
.gcard h3{font-size:26px;font-weight:800;letter-spacing:-.04em;line-height:1}
.gcard p:not(.ck){color:var(--grey);font-size:15px}
.gcard:hover .bgo{color:var(--or-text)}
.team .th{margin-top:6px}
.brow{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center;border-radius:12px;padding:26px}
.brow.wh{background:#fff;border:1.5px solid var(--line)}.brow.st{background:var(--stone)}.brow.ink{background:var(--ink);color:#fff}
.bss{width:150px;height:150px}
.btx{display:grid;gap:6px}
.btx h3{font-size:34px;font-weight:800;letter-spacing:-.045em;line-height:1}
.btx p:not(.ck){color:var(--grey);font-size:15.5px}
.brow.ink .btx p:not(.ck){color:#bdbbb6}.brow.ink .ck{color:var(--or)}
.bgo{font-weight:700;font-size:14.5px;margin-top:4px}
.brow:hover .bgo{color:var(--or-text)}.brow.ink:hover .bgo{color:var(--or)}
.two2{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px}
.pol .ck{color:var(--or);margin-bottom:12px}
.pol ul{list-style:none;padding:0;display:grid;gap:14px}
.pol li{color:#bdbbb6;font-size:16px;padding-left:20px;position:relative}
.pol li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;background:var(--or);transform:skewX(-26.6deg)}
.pol b{color:#fff}
.team{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;align-items:center;margin-top:26px}
.team[hidden]{display:none}
.th{font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin:4px 0 6px}
.ph2a{background:var(--pulp)}.ph2a span{font-family:var(--m);font-size:12px;color:var(--grey);text-transform:uppercase}
.whohead{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px}
.seg button{font:600 13.5px var(--f);border:0;background:transparent;border-radius:999px;padding:8px 14px;cursor:pointer;color:var(--ink)}
.seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.cred{list-style:none;padding:0;display:grid;gap:8px;margin-top:12px}
.cred li{display:flex;gap:10px;align-items:baseline;font-weight:500}
.cred li::before{content:"";width:9px;height:9px;flex:none;background:var(--or);transform:skewX(-26.6deg)}
.cols.five{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1060px){.cols.five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cols.five{grid-template-columns:1fr}}
.tav{aspect-ratio:1;max-width:100%;border-radius:50%;background:var(--stone);display:grid;place-items:center}
.tav svg{width:62%;height:auto}
.cta-or{background:var(--or);padding-block:56px}
.cta-or .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta-or h2{font-size:clamp(30px,4vw,52px);font-weight:800;letter-spacing:-.05em;line-height:1.02;max-width:18ch}
.cta-or p{font-size:18px;margin-top:10px;max-width:52ch}
.cta-or .ctas{margin-top:0}
.btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (max-width:1060px){.gcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.gcards{grid-template-columns:1fr}}
@media (max-width:820px){.two2,.team{grid-template-columns:1fr}.tav{max-width:150px}.brow{grid-template-columns:96px minmax(0,1fr);padding:20px}.bss{width:96px;height:96px}}

.kitlogo{width:240px;height:auto}
.dls{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:28px}
.dl{border:1px solid var(--line);border-radius:10px;padding:20px;display:grid;gap:8px;align-content:start}
.dl b{font-size:19px;letter-spacing:-.02em}
.dl span{color:var(--grey);font-size:14.5px}
.dl .btn{justify-self:start;margin-top:6px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.st1{background:var(--stone);border-radius:10px;padding:18px;display:grid;gap:4px}
.st1 b{font-size:22px;letter-spacing:-.03em;color:var(--or-text)}
.st1 span{font-size:14px;color:var(--grey)}
.fmts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:28px}
.fm{border:1px solid #2a2927;border-radius:10px;padding:20px;display:grid;gap:8px;align-content:start}
.fm b{font-size:19px;letter-spacing:-.02em;color:var(--or)}
.fm span{color:#bdbbb6;font-size:15px}
.logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.lg{border-radius:10px;padding:34px 22px 16px;display:grid;gap:22px;justify-items:center}
.lg svg{width:100%;max-width:260px;height:auto}
.lg span{font-family:var(--m);font-size:11.5px;letter-spacing:.05em}
.lg.wh{background:#fff;border:1px solid var(--line)}.lg.ink{background:var(--ink);color:#a3a19c}.lg.or{background:var(--or)}
.pal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px}
.sw{display:grid;gap:4px}
.sw i{display:block;height:60px;border-radius:8px;border:1px solid var(--line)}
.sw b{font-size:14px}.sw span{font-family:var(--m);font-size:12px;color:var(--grey)}
@media (max-width:820px){.stats{grid-template-columns:1fr 1fr}.logos{grid-template-columns:1fr}.pal{grid-template-columns:repeat(3,minmax(0,1fr))}.kitlogo{width:160px}}

.chero{background:var(--stone);padding-block:34px 44px}
.chero .crumbs{margin-bottom:16px}
.chero h1{font-size:clamp(56px,9vw,120px);font-weight:800;letter-spacing:-.06em;line-height:.9}
.chero .dot{color:var(--or)}
.chero .lede{font-size:19px;color:var(--grey);max-width:60ch;margin-top:18px}
.chero b{color:var(--ink)}
.pub h2{margin-top:6px}
.opts2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.op{border:1.5px solid var(--ink);border-radius:14px;padding:26px;display:grid;gap:10px;align-content:start}
.op.hot{background:var(--or);border-color:var(--or)}
.opk{font-family:var(--m);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.op h3{font-size:30px;font-weight:800;letter-spacing:-.04em}
.op > p:not(.opk){color:var(--grey)}
.op.hot > p:not(.opk){color:var(--ink)}
.op ul{list-style:none;padding:0;display:grid;gap:6px;margin:4px 0 8px}
.op li{display:flex;gap:10px;align-items:baseline;font-weight:500}
.op li::before{content:"";width:9px;height:9px;flex:none;background:var(--or);transform:skewX(-26.6deg)}
.op.hot li::before{background:var(--ink)}
.op .btn{justify-self:start}
.btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.cgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
.comp{background:var(--paper);border-radius:16px;padding:30px;display:grid;gap:18px}
.comp h2{font-size:clamp(26px,3vw,36px)}
fieldset{border:0;padding:0;margin:0}
legend{font-weight:700;font-size:14.5px;margin-bottom:10px}
.why{display:flex;flex-wrap:wrap;gap:8px}
.why input{position:absolute;opacity:0;pointer-events:none}
.why label{font-size:14px;font-weight:600;border:1.5px solid var(--line);border-radius:999px;padding:9px 15px;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.why label:hover{border-color:var(--ink)}
.why input:checked+label{background:var(--ink);border-color:var(--ink);color:#fff}
.why input:focus-visible+label{outline:2px solid var(--or);outline-offset:2px}
.twoin{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.comp label:not(.why label){display:block;font-weight:700;font-size:14.5px;margin-bottom:6px}
.comp input[type=text],.comp textarea{font:16px var(--f);border:1.5px solid var(--line);border-radius:10px;padding:13px 14px;width:100%;color:var(--ink);background:#fbfbfa;resize:vertical}
.comp input[type=text]:focus,.comp textarea:focus{outline:none;border-color:var(--or);background:#fff;box-shadow:0 0 0 3px var(--pulp)}
.err{font-size:13.5px;color:#b42318;margin-top:6px;min-height:1em}
.subj{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;background:var(--stone);border-radius:10px;padding:12px 14px;font-size:14px}
.subj span{font-family:var(--m);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--grey);padding-top:2px}
.subj strong{overflow-wrap:anywhere}
.cbtns{display:flex;gap:10px;flex-wrap:wrap}
.cnote{font-size:13.5px;color:var(--grey)}
.chan{display:grid;gap:18px}
.links{list-style:none;padding:0;display:grid;gap:10px}
.lk{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--paper);border-radius:12px;padding:14px 16px}
.lki{width:44px;height:44px;border-radius:50%;background:var(--pulp);display:grid;place-items:center}
.lki svg{width:20px;height:20px}
.lkt{display:grid;gap:1px;min-width:0}
.lkt span{font-family:var(--m);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.lkt strong{font-size:15.5px;overflow-wrap:anywhere}
.lk.soon{opacity:.55}
.lk.soon .lki{background:var(--stone)}
.copy{font:600 13px var(--f);border:1.5px solid var(--ink);background:transparent;border-radius:999px;padding:7px 12px;cursor:pointer;color:var(--ink)}
.go{font-size:18px;color:var(--grey)}
.mails{background:var(--paper);border-radius:12px;padding:16px;display:grid;gap:8px}
.ml{display:flex;justify-content:space-between;gap:12px;font-size:14px;border-top:1px solid var(--line);padding-top:8px}
.ml:first-of-type{border-top:0;padding-top:0}
.ml b{font-family:var(--m);font-weight:500}
.faq{display:grid;gap:10px;margin-top:24px;max-width:840px}
details{border:1px solid var(--line);border-radius:10px;padding:16px 18px}
summary{font-weight:700;font-size:17px;cursor:pointer;letter-spacing:-.015em}
details p{color:var(--grey);margin-top:10px}
@media (max-width:900px){.cgrid,.opts2{grid-template-columns:1fr}}
@media (max-width:520px){.twoin{grid-template-columns:1fr}.comp{padding:20px}}
@media (prefers-reduced-motion:reduce){.why label{transition:none}}

/* ===== producción (WordPress) ===== */
.nt,.ntoggle{display:none!important}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:#fff;padding:10px 16px}
.skip:focus{left:16px;top:16px}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
body.admin-bar .menu{top:calc(32px + env(safe-area-inset-top,0px))}
@media (max-width:782px){body.admin-bar .menu{top:calc(46px + env(safe-area-inset-top,0px))}}
/* anuncios reales */
.zad{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;margin-inline:auto;overflow:hidden}
.zad::before{content:"Publicidad";font-family:var(--m);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.zad > *{max-width:100%}
.zad-top,.zad-between{min-height:120px}
.zad-sticky{min-height:600px}
.zad-art1,.zad-art2,.zad-art3{min-height:280px;margin-block:8px}
.ad .adname{display:block;font-weight:600;color:var(--ink);margin-bottom:2px}
/* fotos reales */
.ph.has{background:var(--stone)}
.ph.has img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .ph.has{border-radius:4px}
/* buscador */
.srch{background:var(--paper);border-bottom:2px solid var(--ink)}
.srch .wrap{padding-block:18px}
.srch form{display:flex;gap:10px;max-width:720px;margin-inline:auto}
.srch input{flex:1;min-width:0;font:17px var(--f);border:1.5px solid var(--line);border-radius:999px;padding:12px 18px}
.srch input:focus{outline:2px solid var(--or);border-color:var(--or)}
/* contenido de los artículos */
.entry{display:grid;gap:20px;min-width:0}
.entry > *{margin:0}
.entry p,.entry li{font-size:19px;line-height:1.7}
.entry h2{font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-top:14px}
.entry h3{font-size:22px;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-top:8px}
.entry a{color:var(--or-text);text-decoration:underline;text-underline-offset:3px}
.entry ul,.entry ol{padding-left:22px;display:grid;gap:8px}
.entry blockquote{margin:8px 0;padding:6px 0 6px 22px;border-left:6px solid var(--or);font-size:clamp(22px,2.4vw,28px);font-weight:700;letter-spacing:-.03em;line-height:1.25}
.entry blockquote p{font-size:inherit;line-height:inherit}
.entry img{max-width:100%;height:auto;border-radius:4px}
.entry figure{margin:0}
.entry figcaption{font-size:13px;color:var(--grey);margin-top:6px}
.entry iframe{max-width:100%}
.entry .wp-block-embed__wrapper{position:relative}
.alignwide,.alignfull{max-width:100%}
.empty{color:var(--grey);font-size:15px;padding:18px 0}
.archhead{background:var(--stone);padding-block:30px 26px}
.archhead h1{font-size:clamp(36px,5vw,64px);font-weight:800;letter-spacing:-.05em;line-height:1}
.archhead p{color:var(--grey);margin-top:10px;max-width:62ch}
.archbody .wrap{padding-block:34px 50px}
.e404{padding-block:70px;text-align:center;display:grid;justify-items:center;gap:16px}
.e404 svg{width:140px;height:140px}
.e404 h1{font-size:clamp(36px,6vw,72px);font-weight:800;letter-spacing:-.05em}
.page-body .wrap{padding-block:40px 60px}
.page-body .entry{max-width:760px}
.sort a{font:500 13.5px var(--f);border-radius:999px;padding:7px 13px;color:var(--ink)}
.sort a.on{background:var(--ink);color:#fff}
.pager .current{background:var(--ink);color:#fff;border:1px solid var(--ink)}
.pager .dots{border:0}
.sub{text-decoration:none;display:inline-block}
.lk{color:inherit}
.tav svg,.e404 svg{display:block}