/* ============================================================
   TE AMO GUERRERO
   Hoja acumulativa construida sobre la versión 40. Los rótulos
   históricos v10-v40 documentan evoluciones previas y se conservan
   únicamente para trazabilidad interna de estilos.
   ============================================================ */
:root{
  --ink:#05121D;
  --ink-2:#0A2233;
  --ink-3:#0E2C42;
  --amber:#F5A31F;
  --amber-2:#E8891C;
  --coral:#FF3D5E;
  --teal:#17C3AE;
  --cream:#FFF3E0;
  --muted:rgba(255,243,224,.62);
  --line:rgba(255,243,224,.14);
  --disp:"Guerrero Display", "Arial Black", Impact, sans-serif;
  --body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",Consolas,Menlo,monospace;
  --r:18px;
  --pad:clamp(20px,5vw,72px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--ink);
  color:var(--cream);
  font-family:var(--body);
  font-size:17px;
  line-height:1.65;
  overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
::selection{background:var(--amber);color:var(--ink)}

.skip{position:absolute;left:-999px;top:0;background:var(--amber);color:var(--ink);padding:10px 16px;z-index:200;border-radius:0 0 10px 0}
.skip:focus{left:0}

/* ---------- Loader ---------- */
.loader{
  position:fixed;inset:0;z-index:120;background:var(--ink);
  display:flex;align-items:center;justify-content:center;
  transition:opacity .6s ease,visibility .6s;
}
.loader.is-done{opacity:0;visibility:hidden}
.loader-core{text-align:center}
.loader-tag{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.35em;color:var(--teal);margin-bottom:10px}
.loader-num{font-family:var(--disp);font-size:clamp(64px,14vw,120px);color:var(--amber);line-height:1}

/* ---------- HUD ---------- */
.hud{
  position:fixed;top:0;left:0;right:0;z-index:90;
  display:flex;align-items:center;gap:22px;
  padding:12px var(--pad);
  background:linear-gradient(to bottom,rgba(5,18,29,.92),rgba(5,18,29,.55) 70%,transparent);
  backdrop-filter:blur(6px);
}
.hud-brand img{width:96px;height:auto;border-radius:10px;background:#fff;padding:4px 8px}
.hud-signal{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--muted)}
.hud-bars{display:flex;align-items:flex-end;gap:2px;height:14px}
.hud-bars i{width:3px;background:var(--line);border-radius:1px}
.hud-bars i:nth-child(1){height:20%}.hud-bars i:nth-child(2){height:40%}
.hud-bars i:nth-child(3){height:60%}.hud-bars i:nth-child(4){height:80%}
.hud-bars i:nth-child(5){height:100%}
.hud-bars i.on{background:var(--teal)}
.hud-signal-pct{color:var(--teal);min-width:34px}
.hud-nav{margin-left:auto;display:flex;gap:20px}
.hud-nav a{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--muted);transition:color .2s}
.hud-nav a:hover,.hud-nav a:focus-visible{color:var(--amber)}
.hud-cta{padding:9px 18px !important;font-size:12px !important}
@media(max-width:900px){.hud-nav{display:none}.hud-signal{margin-left:auto}}

/* ---------- Botones ---------- */
.btn{
  display:inline-block;font-family:var(--mono);font-size:13px;letter-spacing:.12em;
  text-transform:uppercase;text-decoration:none;cursor:pointer;
  padding:14px 26px;border-radius:999px;border:1px solid transparent;
  transition:transform .25s cubic-bezier(.2,.9,.3,1.4),box-shadow .25s,background .2s;
}
.btn-amber{background:linear-gradient(135deg,var(--amber),var(--amber-2));color:var(--ink);font-weight:700;box-shadow:0 8px 28px rgba(245,163,31,.28)}
.btn-amber:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 36px rgba(245,163,31,.42)}
.btn-ghost{border-color:var(--line);color:var(--cream);background:rgba(255,243,224,.04)}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-3px)}
.btn:focus-visible{outline:2px solid var(--teal);outline-offset:3px}

/* ---------- HERO ---------- */
.hero{
  position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;
  padding:120px var(--pad) 90px;overflow:hidden;perspective:900px;
}
.hero-net{position:absolute;inset:0;z-index:1;opacity:.85}
.hero-img{position:absolute;inset:-6%;z-index:0;will-change:transform}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:left center;opacity:.9}
.hero-glow{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    radial-gradient(60% 50% at 18% 30%,rgba(5,18,29,0) 0%,rgba(5,18,29,.25) 100%),
    linear-gradient(to top,var(--ink) 0%,rgba(5,18,29,.35) 30%,transparent 60%),
    linear-gradient(to right,rgba(5,18,29,.65),transparent 55%);
}
.hero-inner{position:relative;z-index:3;max-width:760px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.34em;color:var(--teal);margin-bottom:22px}
.hero-title{font-family:var(--disp);font-size:clamp(46px,9vw,118px);line-height:.94;letter-spacing:.01em;text-transform:uppercase}
.hero-title .ln{display:block;text-shadow:0 6px 40px rgba(0,0,0,.55)}
.ln-amber{
  color:transparent;
  background:linear-gradient(100deg,var(--amber) 20%,var(--coral) 65%,var(--amber-2));
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 10px 30px rgba(255,61,94,.35));
}
.hero-thesis{margin:26px 0 34px;font-size:clamp(17px,2.1vw,21px);max-width:600px;color:var(--muted)}
.hero-thesis strong{color:var(--coral)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-oath{margin-top:30px;font-family:var(--mono);font-size:11px;letter-spacing:.28em;color:var(--amber)}
.hero-stats{
  position:relative;z-index:3;list-style:none;margin-top:56px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;max-width:980px;
}
.hero-stats li{background:rgba(5,18,29,.78);backdrop-filter:blur(4px);padding:18px 20px}
.hero-stats b{display:block;font-family:var(--disp);font-size:clamp(26px,3.4vw,40px);color:var(--amber)}
.hero-stats span{font-size:13px;color:var(--muted)}
@media(max-width:760px){.hero-stats{grid-template-columns:1fr 1fr}}
.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:3;width:24px;height:40px;border:1px solid var(--line);border-radius:14px}
.scroll-cue span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--teal);animation:cue 1.8s infinite}
@keyframes cue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}100%{opacity:0}}

/* ---------- Secciones ---------- */
.sec{position:relative;padding:clamp(80px,11vw,150px) var(--pad);overflow:hidden}
.sec-alt{background:linear-gradient(180deg,var(--ink-2),var(--ink))}
.sec-dark{background:radial-gradient(80% 90% at 70% 20%,var(--ink-3),var(--ink) 75%)}
.sec-head{max-width:860px;margin-bottom:clamp(40px,6vw,70px)}
.sec-num{
  font-family:var(--disp);font-size:clamp(60px,8vw,110px);line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(245,163,31,.4);display:block;
}
.sec-tag{font-family:var(--mono);font-size:11px;letter-spacing:.3em;color:var(--teal);display:block;margin:8px 0 14px}
.sec h2{font-family:var(--disp);font-size:clamp(30px,4.6vw,56px);line-height:1.05;text-transform:uppercase}
.sec-sub{margin-top:18px;color:var(--muted);max-width:720px}
.lead{font-size:clamp(17px,2vw,20px)}
.lead strong,.split-copy em{color:var(--amber);font-style:normal}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,70px);align-items:center}
.split-copy p+p{margin-top:16px}
.pull{
  margin-top:26px;padding:20px 24px;border-left:3px solid var(--coral);
  background:rgba(255,61,94,.07);border-radius:0 var(--r) var(--r) 0;
  font-size:clamp(17px,2vw,20px);
}
.pull b{color:var(--coral)}
.split-media{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--ink-2)}
.split-media img{width:100%}
.split-media figcaption,.proof figcaption,.wide-media figcaption{
  padding:12px 18px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);border-top:1px solid var(--line);
}
@media(max-width:860px){.split{grid-template-columns:1fr}}

/* ---------- Tilt 3D ---------- */
.tilt{transform-style:preserve-3d;will-change:transform;transition:box-shadow .3s}
.tilt.is-tilting{box-shadow:0 24px 60px rgba(0,0,0,.45)}

/* ---------- Stats ---------- */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:46px}
.stat{
  background:linear-gradient(160deg,var(--ink-3),var(--ink-2));border:1px solid var(--line);
  border-radius:var(--r);padding:24px 20px;
}
.stat b{display:block;font-family:var(--disp);font-size:clamp(32px,4vw,48px);color:var(--teal)}
.stat span{font-size:13px;color:var(--muted)}
@media(max-width:760px){.stat-grid{grid-template-columns:1fr 1fr}}

/* ---------- Acordeones ---------- */
.acc-stack{display:grid;gap:12px;max-width:900px}
.acc{
  border:1px solid var(--line);border-radius:var(--r);
  background:rgba(255,243,224,.03);overflow:hidden;
  transition:border-color .25s,background .25s;
}
.acc[open]{border-color:rgba(245,163,31,.5);background:rgba(245,163,31,.05)}
.acc summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;
  padding:18px 22px;font-weight:600;font-size:clamp(15px,1.8vw,18px);
}
.acc summary::-webkit-details-marker{display:none}
.acc-k{
  font-family:var(--mono);font-size:12px;color:var(--amber);
  border:1px solid rgba(245,163,31,.4);border-radius:8px;padding:4px 9px;flex-shrink:0;
}
.acc-x{margin-left:auto;position:relative;width:14px;height:14px;flex-shrink:0}
.acc-x::before,.acc-x::after{content:"";position:absolute;background:var(--teal);inset:6px 0;transition:transform .3s}
.acc-x::after{transform:rotate(90deg)}
.acc[open] .acc-x::after{transform:rotate(0)}
.acc-body{padding:0 22px 22px;color:var(--muted)}
.acc-body p+p{margin-top:10px}
.note{font-size:14px;border-left:2px solid var(--teal);padding-left:12px;color:var(--cream)}
.note b{color:var(--teal)}
.acc-gro{border-color:rgba(255,61,94,.45)}
.acc-gro .acc-k{color:var(--coral);border-color:rgba(255,61,94,.45)}
.sources{margin-top:34px;max-width:860px;font-family:var(--mono);font-size:11px;line-height:1.8;letter-spacing:.04em;color:rgba(255,243,224,.4)}

/* ---------- Infancia ---------- */
.sec-childhood{background:linear-gradient(160deg,#0B1E30,var(--ink) 70%)}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.chips li{
  font-family:var(--mono);font-size:12px;letter-spacing:.08em;
  border:1px solid rgba(23,195,174,.45);color:var(--teal);
  padding:8px 14px;border-radius:999px;
}
.child-panel{
  background:linear-gradient(160deg,rgba(255,61,94,.14),rgba(255,61,94,.04));
  border:1px solid rgba(255,61,94,.4);border-radius:var(--r);padding:34px 30px;
}
.child-num{font-family:var(--disp);font-size:clamp(64px,8vw,104px);line-height:1;color:var(--coral);display:block;margin-bottom:12px}
.child-panel b{color:var(--amber)}

/* ---------- Guerra digital ---------- */
.war-bg{position:absolute;right:-8%;top:-4%;width:min(62vw,880px);opacity:.22;z-index:0;pointer-events:none}
.war-bg img{border-radius:24px}
#guerra .sec-head,#guerra .war-grid{position:relative;z-index:1}
.war-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.war-card{
  background:rgba(10,34,51,.72);backdrop-filter:blur(4px);
  border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;
  transition:border-color .25s;
}
.war-card:hover{border-color:rgba(245,163,31,.55)}
.war-card h3{font-family:var(--disp);font-size:20px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:baseline;gap:10px}
.war-card h3 i{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--amber)}
.war-card p{font-size:14.5px;color:var(--muted)}
@media(max-width:900px){.war-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.war-grid{grid-template-columns:1fr}}

/* ---------- Oportunidad ---------- */
.opp-band{
  margin-top:46px;border:1px solid rgba(245,163,31,.4);border-radius:var(--r);
  background:linear-gradient(120deg,rgba(245,163,31,.1),rgba(23,195,174,.06));
  padding:clamp(26px,4vw,44px);display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,54px);align-items:center;
}
.opp-nums{display:grid;gap:18px}
.opp-nums b{font-family:var(--disp);font-size:clamp(34px,4.5vw,52px);color:var(--amber);display:block;line-height:1}
.opp-nums span{font-size:13px;color:var(--muted);max-width:260px;display:block}
.opp-line{font-size:clamp(16px,2vw,19px)}
.opp-line strong{color:var(--teal)}
@media(max-width:820px){.opp-band{grid-template-columns:1fr}}

/* ---------- La respuesta ---------- */
.eco-list{
  list-style:none;counter-reset:eco;display:grid;grid-template-columns:repeat(5,1fr);
  gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;margin-bottom:46px;
}
.eco-list li{counter-increment:eco;background:var(--ink-2);padding:22px 18px;position:relative}
.eco-list li::before{
  content:"0" counter(eco);font-family:var(--mono);font-size:11px;color:var(--teal);
  display:block;margin-bottom:8px;letter-spacing:.2em;
}
.eco-list b{display:block;font-family:var(--disp);font-size:16px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}
.eco-list span{font-size:13px;color:var(--muted)}
@media(max-width:960px){.eco-list{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.eco-list{grid-template-columns:1fr}}
.proof{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-bottom:60px}
.proof figure{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--ink-2)}
.proof img{width:100%;height:100%;object-fit:cover}
@media(max-width:820px){.proof{grid-template-columns:1fr}}
.founder{
  display:grid;grid-template-columns:minmax(300px,.85fr) 1.15fr;gap:clamp(26px,4vw,60px);
  border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3.2vw,42px);
  background:linear-gradient(140deg,rgba(23,195,174,.09),rgba(245,163,31,.035) 58%,transparent);
  overflow:hidden;
}
.founder-gallery{display:grid;gap:12px;align-content:start}
.founder-gallery figure{overflow:hidden;border-radius:16px;border:1px solid var(--line);background:var(--ink-2)}
.founder-main{aspect-ratio:4/5}
.founder-main img,.founder-thumbs img{width:100%;height:100%;object-fit:cover}
.founder-thumbs{display:grid;grid-template-columns:.72fr 1.28fr;gap:12px}
.founder-thumbs figure:first-child{aspect-ratio:1/1}
.founder-thumbs figure:last-child{aspect-ratio:16/9}
.founder-content{align-self:center}
.founder h3{font-family:var(--disp);font-size:clamp(30px,4vw,50px);text-transform:uppercase;margin:10px 0 16px}
.founder p+p{margin-top:12px}
.founder-content p{color:var(--muted)}
.founder-content .founder-lead{font-size:clamp(17px,2vw,20px);line-height:1.55;color:var(--cream)}
.founder-facts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.founder-facts li{border-top:1px solid rgba(245,163,31,.45);padding-top:14px}
.founder-facts b{font-family:var(--disp);font-size:clamp(28px,3.4vw,42px);color:var(--amber);display:block;line-height:1}
.founder-facts span{font-size:12.5px;color:var(--muted)}
@media(max-width:920px){.founder{grid-template-columns:1fr}.founder-gallery{max-width:680px}}
@media(max-width:560px){.founder-thumbs{grid-template-columns:1fr 1fr}.founder-facts{grid-template-columns:1fr}.founder-main{aspect-ratio:5/6}}

/* ---------- Eventos realizados ---------- */
.events-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin-bottom:22px}
.event-card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:linear-gradient(160deg,var(--ink-3),var(--ink-2));display:grid;grid-template-rows:auto 1fr}
.event-card-featured{border-color:rgba(245,163,31,.42)}
.event-media{aspect-ratio:4/5;background:var(--ink);overflow:hidden}
.event-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.event-media-poster img{object-fit:contain;background:linear-gradient(145deg,#041827,#0b2e49)}
.event-card:hover .event-media img{transform:scale(1.025)}
.event-media-crowd img{object-position:center 44%}
.event-copy{padding:clamp(22px,3vw,34px)}
.event-place{font-family:var(--mono);font-size:10px;letter-spacing:.28em;color:var(--teal)}
.event-copy h3{font-family:var(--disp);font-size:clamp(24px,3vw,36px);text-transform:uppercase;line-height:1.02;margin:9px 0 14px}
.event-copy p{color:var(--muted)}
.event-points{list-style:none;display:grid;gap:7px;margin-top:18px}
.event-points li{position:relative;padding-left:20px;font-size:13.5px}
.event-points li::before{content:"+";position:absolute;left:0;color:var(--amber);font-weight:700}
.events-proof{display:grid;grid-template-columns:minmax(260px,.72fr) 1.28fr;gap:18px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:radial-gradient(70% 100% at 100% 0%,rgba(23,195,174,.1),transparent 55%),var(--ink-2)}
.events-proof-doc{min-height:400px;background:#fff}
.events-proof-doc img{width:100%;height:100%;object-fit:cover;object-position:center top}
.events-impact{padding:clamp(26px,4vw,48px);align-self:center}
.events-impact h3{font-family:var(--disp);font-size:clamp(26px,3.2vw,40px);text-transform:uppercase;margin:10px 0 14px}
.events-impact>p{color:var(--muted);max-width:700px}
.impact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.impact-stats div{border-top:1px solid rgba(23,195,174,.45);padding-top:14px}
.impact-stats b{display:block;font-family:var(--disp);font-size:clamp(28px,3.5vw,44px);color:var(--amber);line-height:1}
.impact-stats span{font-size:12.5px;color:var(--muted)}
@media(max-width:900px){.events-grid,.events-proof{grid-template-columns:1fr}.events-proof-doc{max-height:620px}.impact-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:560px){.impact-stats{grid-template-columns:1fr}.events-proof-doc{min-height:340px}}

/* ---------- Frentes ---------- */
.fronts{display:grid;grid-template-columns:280px 1fr;gap:clamp(20px,3.5vw,44px)}
.fronts-tabs{display:grid;gap:8px;align-content:start}
.fronts-tabs button{
  text-align:left;font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;
  background:transparent;border:1px solid var(--line);color:var(--muted);
  padding:14px 18px;border-radius:12px;cursor:pointer;transition:all .22s;
}
.fronts-tabs button:hover{border-color:var(--teal);color:var(--teal)}
.fronts-tabs button[aria-selected="true"]{
  background:linear-gradient(135deg,var(--amber),var(--amber-2));color:var(--ink);
  border-color:transparent;font-weight:700;transform:translateX(6px);
}
.fronts-panel{
  border:1px solid rgba(245,163,31,.4);border-radius:var(--r);
  background:linear-gradient(150deg,var(--ink-3),var(--ink-2));
  padding:clamp(26px,4vw,46px);min-height:340px;
}
.fronts-flag{font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--coral)}
.fronts-panel h3{font-family:var(--disp);font-size:clamp(26px,3.4vw,40px);text-transform:uppercase;margin:10px 0 12px}
.fronts-panel>p{color:var(--muted);max-width:560px}
#front-list{list-style:none;margin:20px 0;display:grid;gap:8px}
#front-list li{padding-left:22px;position:relative;font-size:15px}
#front-list li::before{content:"→";position:absolute;left:0;color:var(--teal)}
.fronts-result{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--muted);margin-bottom:22px}
.fronts-result b{color:var(--amber)}
@media(max-width:820px){
  .fronts{grid-template-columns:1fr}
  .fronts-tabs{grid-template-columns:1fr 1fr}
  .fronts-tabs button[aria-selected="true"]{transform:none}
}

/* ---------- Programas ---------- */
.prog-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}
.prog{
  border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,3vw,38px);
  background:linear-gradient(160deg,var(--ink-3),var(--ink-2));
}
.prog h3{font-family:var(--disp);font-size:clamp(22px,2.6vw,30px);letter-spacing:.03em;color:var(--amber)}
.prog-sub{color:var(--muted);margin:8px 0 16px}
.acc-inline{background:transparent;border-color:var(--line)}
.acc-inline summary{padding:14px 18px;font-size:14px;font-family:var(--mono);letter-spacing:.06em;color:var(--teal)}
.tick{list-style:none;display:grid;gap:8px}
.tick li{padding-left:24px;position:relative;font-size:14.5px}
.tick li::before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:700}
@media(max-width:820px){.prog-grid{grid-template-columns:1fr}}
.program-visuals{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.wide-media{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--ink-2)}
.wide-media img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
@media(max-width:820px){.program-visuals{grid-template-columns:1fr}}

/* ---------- Economía / beneficios ---------- */
.gain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:44px}
.gain{border-top:2px solid var(--amber);padding:18px 4px 0}
.gain b{font-family:var(--disp);font-size:18px;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:6px}
.gain span{font-size:13.5px;color:var(--muted)}
@media(max-width:820px){.gain-grid{grid-template-columns:1fr 1fr}}
.path{
  display:flex;align-items:center;flex-wrap:wrap;gap:12px;
  font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--cream);
  border:1px dashed rgba(23,195,174,.5);border-radius:999px;padding:16px 26px;width:fit-content;max-width:100%;
}
.path i{flex:0 0 26px;height:1px;background:linear-gradient(90deg,var(--teal),var(--amber))}
.path span:last-child{color:var(--amber)}

/* ---------- Registro ---------- */
.sec-register{background:radial-gradient(70% 60% at 20% 10%,var(--ink-3),var(--ink) 70%)}
.reg-wrap{display:grid;grid-template-columns:.62fr 1fr;gap:clamp(24px,4vw,60px);align-items:start}
.reg-posters{display:grid;gap:18px;position:sticky;top:90px}
.reg-posters img{border-radius:var(--r);border:1px solid var(--line)}
.reg-posters img:last-child{margin-left:12%;margin-top:-34%;box-shadow:0 30px 70px rgba(0,0,0,.55)}
@media(max-width:900px){.reg-wrap{grid-template-columns:1fr}.reg-posters{display:none}}
.reg{
  border:1px solid var(--line);border-radius:var(--r);
  background:rgba(10,34,51,.6);backdrop-filter:blur(6px);
  padding:clamp(24px,3.6vw,44px);
}
.reg-progress{margin-bottom:26px}
#reg-step-label{font-family:var(--mono);font-size:11px;letter-spacing:.24em;color:var(--teal)}
.reg-bar{height:4px;background:var(--line);border-radius:2px;margin-top:10px;overflow:hidden}
.reg-bar i{display:block;height:100%;width:25%;background:linear-gradient(90deg,var(--teal),var(--amber));transition:width .4s ease}
.hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}
.reg-step{display:none;border:0}
.reg-step.is-active{display:grid;gap:16px;animation:stepin .4s ease}
@keyframes stepin{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.reg legend{font-family:var(--disp);font-size:clamp(20px,2.6vw,28px);text-transform:uppercase;margin-bottom:18px;letter-spacing:.02em}
.reg label{display:grid;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.reg input,.reg select,.reg textarea{
  font-family:var(--body);font-size:16px;color:var(--cream);
  background:rgba(5,18,29,.7);border:1px solid var(--line);border-radius:12px;
  padding:13px 15px;width:100%;transition:border-color .2s,box-shadow .2s;
}
.reg select{appearance:none;background-image:linear-gradient(45deg,transparent 49%,var(--teal) 50%),linear-gradient(-45deg,transparent 49%,var(--teal) 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px;background-repeat:no-repeat}
.reg input:focus,.reg select:focus,.reg textarea:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px rgba(245,163,31,.18)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.row2{grid-template-columns:1fr}}
.check{grid-template-columns:auto 1fr;display:grid;align-items:start;gap:12px;text-transform:none;letter-spacing:0;font-family:var(--body);font-size:14px;line-height:1.5}
.check input{width:18px;height:18px;margin-top:2px;accent-color:var(--amber)}
.minor{border:1px dashed rgba(255,61,94,.5);border-radius:12px;padding:16px;display:grid;gap:14px}
.minor-note{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--coral)}
.reg-error{color:#FF8095;font-size:14px;margin-top:14px;border-left:2px solid var(--coral);padding-left:12px}
.reg-nav{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.reg-nav .btn{border:0}
.reg-done{
  max-width:640px;margin:50px auto 0;text-align:center;
  border:1px solid rgba(23,195,174,.5);border-radius:var(--r);
  background:linear-gradient(150deg,rgba(23,195,174,.1),rgba(245,163,31,.06));
  padding:clamp(30px,5vw,54px);
}
.reg-done h3{font-family:var(--disp);font-size:clamp(24px,3.4vw,36px);text-transform:uppercase;margin-bottom:14px}
.reg-done p{color:var(--muted);margin-bottom:24px}
.reg-done-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- Manifiesto / footer ---------- */
.manifesto{
  padding:clamp(90px,13vw,170px) var(--pad);text-align:center;position:relative;overflow:hidden;
  background:
    radial-gradient(50% 60% at 50% 100%,rgba(255,61,94,.14),transparent 70%),
    radial-gradient(40% 50% at 50% 0%,rgba(23,195,174,.1),transparent 70%),
    var(--ink);
}
.manifesto-inner{max-width:820px;margin:0 auto}
.manifesto h2{font-family:var(--disp);font-size:clamp(32px,5.4vw,64px);line-height:1.05;text-transform:uppercase;margin:16px 0 24px}
.manifesto h2 span{color:var(--amber)}
.manifesto p{color:var(--muted);margin-bottom:34px}
.foot{padding:50px var(--pad) 60px;text-align:center;border-top:1px solid var(--line)}
.foot img{margin:0 auto 18px;background:#fff;border-radius:12px;padding:6px 12px}
.foot-sign{font-size:15px}
.foot-sign b{color:var(--amber)}
.foot-meta{margin-top:8px;font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:rgba(255,243,224,.35)}

/* ---------- Reveal ---------- */
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,.8,.3,1)}
[data-reveal].is-in{opacity:1;transform:none}

/* ---------- Motion off ---------- */
@media(prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;scroll-behavior:auto !important}
  [data-reveal]{opacity:1;transform:none}
  .hero-img,.war-bg{transform:none !important}
}

/* ---------- Ajustes solicitados v10 ---------- */
.hud-nav{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1180px){.hud-nav a{font-size:10px;letter-spacing:.1em}}

.founder-single{grid-template-columns:minmax(280px,420px) 1fr;align-items:center}
.founder-gallery-single{max-width:420px}
.founder-gallery-single .founder-main{aspect-ratio:auto;background:#fff}
.founder-gallery-single .founder-main img{width:100%;height:auto;object-fit:contain}
@media(max-width:920px){.founder-single{grid-template-columns:1fr}.founder-gallery-single{max-width:360px}}

.bolillo-memory{margin-top:34px;padding:clamp(24px,3vw,38px);border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(160deg,var(--ink-3),var(--ink-2))}
.bolillo-head h3,.aprende-copy h3{font-family:var(--disp);font-size:clamp(24px,3vw,40px);text-transform:uppercase;margin:8px 0 10px}
.bolillo-head p{color:var(--muted);max-width:840px}
.bolillo-layout{display:grid;grid-template-columns:.88fr 1fr .82fr;gap:18px;align-items:start;margin-top:22px}
.bolillo-card,.bolillo-shot{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--ink)}
.bolillo-card img,.bolillo-shot img{width:100%;height:100%;object-fit:cover}
.bolillo-card figcaption{padding:12px 16px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);border-top:1px solid var(--line)}
.bolillo-stack{display:grid;gap:18px}
.bolillo-copy{border:1px solid rgba(245,163,31,.35);border-radius:16px;padding:20px;background:rgba(255,243,224,.03)}
.mini-facts{display:grid;gap:14px;margin-bottom:18px}
.mini-facts div{border-top:1px solid rgba(23,195,174,.35);padding-top:12px}
.mini-facts b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--teal);text-transform:uppercase;margin-bottom:4px}
.mini-facts span{font-size:14px;color:var(--cream)}
.bolillo-copy p{color:var(--muted)}
@media(max-width:980px){.bolillo-layout{grid-template-columns:1fr}.bolillo-stack{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.bolillo-stack{grid-template-columns:1fr}}

.agenda-wrap .agenda-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.agenda-wrap .agenda-points div{border:1px solid var(--line);border-radius:14px;padding:16px 16px 15px;background:rgba(255,243,224,.03)}
.agenda-wrap .agenda-points b{display:block;font-family:var(--disp);font-size:18px;letter-spacing:.02em;text-transform:uppercase;color:var(--amber);margin-bottom:6px}
.agenda-wrap .agenda-points span{font-size:14px;color:var(--muted)}
@media(max-width:760px){.agenda-wrap .agenda-points{grid-template-columns:1fr}}

.aprende-intro{margin-bottom:24px}
.aprende-gallery{display:grid;grid-template-columns:1.02fr .98fr;gap:18px;align-items:center}
.aprende-copy{border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,3vw,38px);background:linear-gradient(160deg,var(--ink-3),var(--ink-2))}
.aprende-copy p{color:var(--muted);margin-top:12px}
.impact-stats-two{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.aprende-gallery{grid-template-columns:1fr}}
@media(max-width:560px){.impact-stats-two{grid-template-columns:1fr}}

/* ============================================================
   V11 · PROFUNDIDAD 3D, UNIFICACIÓN DEL PROYECTO Y ACTIVACIONES
   ============================================================ */

/* Señal de avance */
.hud-signal{min-width:170px}
.signal-track{position:relative;width:64px;height:4px;border-radius:999px;background:rgba(255,243,224,.12);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.signal-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--amber),var(--coral));box-shadow:0 0 12px rgba(23,195,174,.8);transition:width .18s linear}
@media(max-width:720px){.hud-signal{min-width:0}.signal-track{display:none}}

/* Héroe con escena tridimensional */
.hero{isolation:isolate;--cursor-x:72%;--cursor-y:36%;background:#020a12}
.hero::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(23,195,174,.18),transparent 18%),radial-gradient(circle at 82% 24%,rgba(245,163,31,.14),transparent 28%)}
.hero-scene{position:absolute;inset:-3%;z-index:0;transform-style:preserve-3d;transition:transform .22s ease-out;will-change:transform;perspective:1400px}
.hero-scene [data-hero-layer]{will-change:transform}
.hero-img{inset:-5%;transform-style:preserve-3d;filter:saturate(1.12) contrast(1.05)}
.hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(1,8,14,.42),transparent 48%,rgba(1,8,14,.2));mix-blend-mode:multiply}
.hero-grid-floor{position:absolute;left:45%;right:-15%;bottom:-30%;height:68%;transform:translate3d(var(--pointer-x,0),var(--pointer-y,0),-20px) rotateX(69deg);transform-origin:center bottom;background-image:linear-gradient(rgba(23,195,174,.19) 1px,transparent 1px),linear-gradient(90deg,rgba(23,195,174,.19) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to top,rgba(0,0,0,.9),transparent 83%);opacity:.72}
.hero-orbit{position:absolute;border:1px solid rgba(23,195,174,.34);border-radius:50%;box-shadow:0 0 60px rgba(23,195,174,.12),inset 0 0 40px rgba(23,195,174,.08);transform:translate3d(var(--pointer-x,0),var(--pointer-y,0),60px);animation:orbitPulse 6s ease-in-out infinite}
.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:var(--amber);box-shadow:0 0 18px rgba(245,163,31,.95)}
.hero-orbit-a{width:min(35vw,520px);aspect-ratio:1;right:10%;top:12%;transform:translate3d(var(--pointer-x,0),var(--pointer-y,0),80px) rotateX(67deg) rotateZ(14deg)}
.hero-orbit-a::before{left:8%;top:48%}.hero-orbit-a::after{right:13%;top:16%;background:var(--teal);box-shadow:0 0 18px rgba(23,195,174,.95)}
.hero-orbit-b{width:min(24vw,360px);aspect-ratio:1;right:17%;top:21%;border-color:rgba(255,61,94,.3);animation-delay:-2.5s;transform:translate3d(var(--pointer-x,0),var(--pointer-y,0),110px) rotateX(70deg) rotateZ(-18deg)}
.hero-orbit-b::before{left:42%;top:-5%;background:var(--coral);box-shadow:0 0 18px rgba(255,61,94,.9)}
.hero-orbit-b::after{right:-4%;bottom:30%}
@keyframes orbitPulse{0%,100%{opacity:.55;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.35)}}
.hero-core{position:absolute;right:22%;top:29%;width:118px;height:118px;border-radius:30px;background:linear-gradient(145deg,rgba(10,34,51,.84),rgba(5,18,29,.52));border:1px solid rgba(245,163,31,.45);backdrop-filter:blur(12px);display:grid;place-content:center;text-align:center;transform:translate3d(var(--pointer-x,0),var(--pointer-y,0),150px) rotate(-4deg);box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 34px rgba(245,163,31,.16)}
.hero-core span{font-family:var(--mono);font-size:9px;letter-spacing:.3em;color:var(--teal)}
.hero-core b{font-family:var(--disp);font-size:36px;line-height:1;color:var(--amber)}
.hero-core i{display:block;width:45px;height:4px;border-radius:10px;background:linear-gradient(90deg,var(--teal),var(--amber));margin:9px auto 0;box-shadow:0 0 14px rgba(23,195,174,.6)}
.hero-float{position:absolute;min-width:175px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,243,224,.15);background:linear-gradient(145deg,rgba(10,34,51,.84),rgba(5,18,29,.58));backdrop-filter:blur(10px);box-shadow:0 22px 48px rgba(0,0,0,.4);transform:translate3d(var(--pointer-x,0),var(--pointer-y,0),120px);animation:floatCard 5.5s ease-in-out infinite}
.hero-float::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.12),transparent 38%);pointer-events:none}
.hero-float small{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.25em;color:var(--teal)}
.hero-float b{display:block;font-family:var(--disp);font-size:20px;color:var(--cream);line-height:1.1;margin:4px 0}
.hero-float span{display:block;font-size:11px;color:var(--muted)}
.hero-float-a{right:6%;top:14%;animation-delay:-1s}
.hero-float-b{right:31%;bottom:17%;animation-delay:-3.2s}
.hero-float-c{right:4%;bottom:23%;animation-delay:-2.1s;border-color:rgba(255,61,94,.3)}
.hero-float-d{right:29%;top:11%;animation-delay:-4.2s;border-color:rgba(245,163,31,.34)}
@keyframes floatCard{0%,100%{margin-top:0}50%{margin-top:-12px}}
.hero-glow{z-index:2;background:linear-gradient(to top,var(--ink) 0%,rgba(5,18,29,.3) 32%,transparent 62%),linear-gradient(90deg,rgba(5,18,29,.93) 0%,rgba(5,18,29,.63) 43%,rgba(5,18,29,.12) 72%,rgba(5,18,29,.34) 100%)}
.hero-inner{max-width:700px}
.hero-alerts{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hero-alerts span{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--cream);border:1px solid rgba(255,61,94,.34);background:rgba(255,61,94,.08);padding:7px 10px;border-radius:999px}
.hero-stats{max-width:860px}
@media(max-width:1100px){.hero-float-a,.hero-float-c{right:2%}.hero-float-d{right:25%}.hero-float-b{right:25%}}
@media(max-width:900px){.hero-scene{opacity:.82}.hero-float{display:none}.hero-core{right:9%;top:22%;transform:scale(.8)}.hero-orbit-a{right:-8%;width:58vw}.hero-orbit-b{right:2%;width:40vw}.hero-grid-floor{left:20%}}
@media(max-width:620px){.hero{padding-top:112px}.hero-title{font-size:clamp(42px,15vw,70px)}.hero-core{display:none}.hero-orbit-a{right:-30%;top:18%;width:92vw}.hero-orbit-b{right:-8%;top:26%;width:62vw}.hero-img img{object-position:60% center}.hero-alerts{display:none}}

/* Dolor, miedo, enojo y decisión */
.emotion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}
.emotion-card{position:relative;overflow:hidden;min-height:210px;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:radial-gradient(70% 80% at 100% 0%,rgba(255,61,94,.12),transparent 60%),linear-gradient(150deg,var(--ink-3),var(--ink-2))}
.emotion-card::before{content:"";position:absolute;inset:auto -30% -45% 20%;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,61,94,.16),transparent 68%)}
.emotion-card span{font-family:var(--mono);font-size:10px;letter-spacing:.28em;color:var(--coral)}
.emotion-card h3{font-family:var(--disp);font-size:clamp(18px,2vw,24px);line-height:1.12;text-transform:uppercase;margin-top:18px;position:relative}
.emotion-card-action{border-color:rgba(23,195,174,.45);background:radial-gradient(70% 80% at 100% 0%,rgba(23,195,174,.18),transparent 60%),linear-gradient(150deg,var(--ink-3),var(--ink-2))}
.emotion-card-action span{color:var(--teal)}
@media(max-width:980px){.emotion-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.emotion-grid{grid-template-columns:1fr}.emotion-card{min-height:170px}}

/* Tilt con brillo dinámico */
.tilt{position:relative;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s;transform-style:preserve-3d}
.tilt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--tilt-x,50%) var(--tilt-y,50%),rgba(255,255,255,.17),transparent 36%);transition:opacity .2s;z-index:4}
.tilt.is-tilting::after{opacity:1}
.tilt.is-tilting{box-shadow:0 32px 80px rgba(0,0,0,.5),0 0 0 1px rgba(245,163,31,.16)}

/* Agenda unificada */
.agenda-unified-note{margin-top:30px;border:1px solid rgba(245,163,31,.34);border-radius:var(--r);padding:clamp(24px,4vw,44px);background:linear-gradient(145deg,rgba(245,163,31,.08),rgba(23,195,174,.05))}
.agenda-unified-note h3{font-family:var(--disp);font-size:clamp(25px,3.4vw,42px);text-transform:uppercase;margin:8px 0 12px}
.agenda-unified-note p{color:var(--muted);max-width:860px}

/* Mapa 3D de un solo movimiento */
.movement-map{position:relative;min-height:640px;margin:0 0 70px;perspective:1400px;border:1px solid var(--line);border-radius:32px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(23,195,174,.14),transparent 26%),radial-gradient(circle at 50% 50%,rgba(245,163,31,.08),transparent 48%),linear-gradient(150deg,#061521,#020a12)}
.movement-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,195,174,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,195,174,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 50%,black,transparent 82%)}
.movement-center,.movement-node{position:absolute;z-index:2;border:1px solid var(--line);background:rgba(7,27,41,.8);backdrop-filter:blur(10px);box-shadow:0 24px 70px rgba(0,0,0,.42)}
.movement-center{left:50%;top:50%;width:230px;height:230px;margin:-115px 0 0 -115px;border-radius:50%;display:grid;place-content:center;text-align:center;border-color:rgba(245,163,31,.52);background:radial-gradient(circle,rgba(245,163,31,.16),rgba(7,27,41,.86) 64%)}
.movement-center::before,.movement-center::after{content:"";position:absolute;inset:-20px;border:1px solid rgba(23,195,174,.22);border-radius:50%;animation:movementRing 5s linear infinite}
.movement-center::after{inset:-42px;border-color:rgba(255,61,94,.16);animation-direction:reverse;animation-duration:7s}
@keyframes movementRing{to{transform:rotate(360deg)}}
.movement-center small{font-family:var(--mono);font-size:9px;letter-spacing:.25em;color:var(--teal)}
.movement-center b{font-family:var(--disp);font-size:40px;line-height:.9;color:var(--amber);margin:8px 0}
.movement-center span{font-size:12px;color:var(--muted)}
.movement-node{width:225px;padding:18px 20px;border-radius:16px}
.movement-node b{display:block;font-family:var(--disp);font-size:19px;color:var(--cream);letter-spacing:.02em}
.movement-node span{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.node-a{left:7%;top:9%}.node-b{right:7%;top:9%}.node-c{right:3%;top:46%}.node-d{right:8%;bottom:7%}.node-e{left:8%;bottom:7%}.node-f{left:3%;top:46%}
.movement-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.movement-lines path{fill:none;stroke:rgba(23,195,174,.26);stroke-width:1.5;stroke-dasharray:7 9;animation:dashFlow 14s linear infinite}
@keyframes dashFlow{to{stroke-dashoffset:-220}}
@media(max-width:900px){.movement-map{min-height:auto;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.movement-center,.movement-node{position:relative;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0;width:auto;height:auto;border-radius:18px}.movement-center{grid-column:1/-1;padding:32px}.movement-lines{display:none}}
@media(max-width:560px){.movement-map{grid-template-columns:1fr}.movement-center{grid-column:auto}.movement-center::before,.movement-center::after{display:none}}

/* Plan integrado de activación gastronómica */
.gas-plan{display:grid;grid-template-columns:1fr .9fr;gap:20px;align-items:stretch;margin-bottom:22px}
.gas-plan-copy,.gas-plan-hero{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:linear-gradient(150deg,var(--ink-3),var(--ink-2))}
.gas-plan-copy{padding:clamp(26px,4vw,48px);display:flex;flex-direction:column;justify-content:center}
.gas-plan-copy h3,.city-plan h3{font-family:var(--disp);font-size:clamp(27px,3.5vw,44px);text-transform:uppercase;line-height:1.05;margin:8px 0 14px}
.gas-plan-copy p,.city-plan p{color:var(--muted)}
.gas-plan-hero img{width:100%;height:100%;object-fit:cover}
.plan-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:25px}
.plan-flow span{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--cream);padding:7px 9px;border:1px solid rgba(23,195,174,.3);border-radius:999px}
.plan-flow i{width:16px;height:1px;background:linear-gradient(90deg,var(--teal),var(--amber))}
.event-cases{display:grid;gap:20px}
.event-case{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(150deg,rgba(10,34,51,.9),rgba(5,18,29,.94));padding:clamp(22px,3vw,36px);overflow:hidden}
.event-case-head{display:grid;grid-template-columns:.28fr 1fr 1.1fr;gap:20px;align-items:end;margin-bottom:22px}
.event-case-head span{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--teal)}
.event-case-head h3{font-family:var(--disp);font-size:clamp(26px,3.4vw,42px);line-height:1;text-transform:uppercase}
.event-case-head p{color:var(--muted)}
.event-case-media{display:grid;gap:14px;margin-bottom:18px}
.event-case-media figure{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.event-case-media img{width:100%;height:100%;object-fit:cover}
.tacos-media{grid-template-columns:1.45fr .55fr}
.tacos-media figure:first-child{min-height:440px}.tacos-media figure:last-child{min-height:440px}
.bolillo-media{grid-template-columns:.62fr 1fr 1fr}
.bolillo-media figure{min-height:310px}
.bolillo-media figure:first-child img{object-position:center top}
.event-case .event-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.event-case .event-points li{border-top:1px solid rgba(245,163,31,.35);padding:12px 0 0 18px;color:var(--muted)}
.city-plan{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;border:1px solid rgba(23,195,174,.32);border-radius:var(--r);padding:clamp(26px,4vw,48px);background:radial-gradient(70% 100% at 100% 0%,rgba(23,195,174,.12),transparent 55%),var(--ink-2)}
.city-cloud{display:flex;flex-wrap:wrap;align-content:center;gap:10px}
.city-cloud span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;padding:10px 13px;border-radius:999px;background:rgba(255,243,224,.06);border:1px solid var(--line)}
.city-cloud span:nth-child(3n+1){border-color:rgba(245,163,31,.34);color:var(--amber)}
.city-cloud span:nth-child(3n+2){border-color:rgba(23,195,174,.34);color:var(--teal)}
@media(max-width:960px){.gas-plan,.city-plan{grid-template-columns:1fr}.event-case-head{grid-template-columns:1fr}.tacos-media,.bolillo-media{grid-template-columns:1fr 1fr}.bolillo-media figure:first-child{grid-row:span 2}.event-case .event-points{grid-template-columns:1fr}}
@media(max-width:620px){.tacos-media,.bolillo-media{grid-template-columns:1fr}.tacos-media figure:first-child,.tacos-media figure:last-child,.bolillo-media figure{min-height:auto}.bolillo-media figure:first-child{grid-row:auto}}

/* Mini proyectos de una misma causa */
.mini-projects{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 26px}
.mini-project{border:1px solid var(--line);border-radius:16px;padding:20px;background:rgba(255,243,224,.035)}
.mini-project b{display:block;font-family:var(--disp);font-size:18px;line-height:1.05;color:var(--amber)}
.mini-project span{display:block;font-size:13px;color:var(--muted);margin-top:7px}
@media(max-width:900px){.mini-projects{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.mini-projects{grid-template-columns:1fr}}

/* Reduce motion: mantener funcionalidad sin animación */
@media(prefers-reduced-motion:reduce){
  .hero-scene,.hero-scene [data-hero-layer],.hero-orbit,.hero-float,.movement-center::before,.movement-center::after,.movement-lines path{animation:none!important;transform:none!important}
  .hero-grid-floor{transform:rotateX(69deg)!important}
  .signal-track i{transition:none}
}

/* Agenda propia: síntesis única, no proyectos separados */
.agenda-synthesis{display:grid;grid-template-columns:.92fr 1.08fr;gap:20px;align-items:stretch}
.agenda-purpose{border:1px solid rgba(245,163,31,.36);border-radius:var(--r);padding:clamp(26px,4vw,46px);background:radial-gradient(80% 70% at 100% 0%,rgba(245,163,31,.12),transparent 65%),linear-gradient(150deg,var(--ink-3),var(--ink-2))}
.agenda-purpose h3{font-family:var(--disp);font-size:clamp(28px,3.8vw,46px);line-height:1.04;text-transform:uppercase;margin:8px 0 16px}
.agenda-purpose p{color:var(--muted)}
.agenda-purpose blockquote{margin-top:24px;padding:18px 20px;border-left:3px solid var(--teal);background:rgba(23,195,174,.06);border-radius:0 14px 14px 0;color:var(--cream);font-size:clamp(16px,1.7vw,19px)}
.agenda-route{display:grid;gap:12px}
.route-step{display:grid;grid-template-columns:68px 1fr;gap:16px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:rgba(255,243,224,.035)}
.route-step i{font-family:var(--disp);font-style:normal;font-size:30px;color:var(--teal);line-height:1}
.route-step b{display:block;font-family:var(--disp);font-size:20px;letter-spacing:.03em;color:var(--cream)}
.route-step span{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.route-step-final{border-color:rgba(245,163,31,.42);background:linear-gradient(135deg,rgba(245,163,31,.08),rgba(255,61,94,.05))}
.route-step-final i{color:var(--amber)}
.reference-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:20px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.reference-strip span{background:var(--ink-2);padding:16px;font-size:12px;color:var(--muted)}
.reference-strip b{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--amber);margin-bottom:5px}
@media(max-width:900px){.agenda-synthesis{grid-template-columns:1fr}.reference-strip{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.reference-strip{grid-template-columns:1fr}.route-step{grid-template-columns:48px 1fr}.route-step i{font-size:24px}}

/* ============================================================
   V12 · MUNDO DIGITAL EXPANDIBLE
   Capas ambientales, módulos-acordeón y archivos holográficos.
   ============================================================ */

/* ---------- Capas globales del mundo digital ---------- */
body{position:relative;isolation:isolate}
#site{position:relative;z-index:2}
.world-canvas{
  position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;
  opacity:.58;background:radial-gradient(circle at 50% 55%,rgba(14,44,66,.28),rgba(5,18,29,.94) 68%);
}
.world-aurora{
  position:fixed;inset:-30%;z-index:0;pointer-events:none;opacity:.5;
  background:
    radial-gradient(38% 32% at 14% 20%,rgba(23,195,174,.15),transparent 70%),
    radial-gradient(34% 30% at 84% 22%,rgba(255,61,94,.11),transparent 74%),
    radial-gradient(42% 34% at 62% 88%,rgba(245,163,31,.12),transparent 74%);
  filter:blur(45px);animation:worldAurora 18s ease-in-out infinite alternate;
}
@keyframes worldAurora{
  0%{transform:translate3d(-2%,-1%,0) scale(1)}
  50%{transform:translate3d(3%,2%,0) scale(1.08)}
  100%{transform:translate3d(-1%,4%,0) scale(.98)}
}
.world-scanlines{
  position:fixed;inset:0;z-index:95;pointer-events:none;opacity:.09;
  background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(255,255,255,.09) 4px,transparent 5px);
  mix-blend-mode:overlay;
}
.world-scanlines::after{
  content:"";position:absolute;left:0;right:0;height:22vh;top:-30vh;
  background:linear-gradient(to bottom,transparent,rgba(23,195,174,.08),transparent);
  animation:globalScan 9s linear infinite;
}
@keyframes globalScan{to{transform:translateY(150vh)}}

/* ---------- Cursor holográfico ---------- */
.cursor-orb{
  position:fixed;left:0;top:0;z-index:160;width:38px;height:38px;margin:-19px 0 0 -19px;
  pointer-events:none;opacity:0;transition:opacity .25s,filter .25s;will-change:transform;
}
.cursor-orb.is-visible{opacity:.8}
.cursor-orb i,.cursor-orb b{position:absolute;inset:0;border-radius:50%}
.cursor-orb i{border:1px solid rgba(23,195,174,.75);box-shadow:0 0 20px rgba(23,195,174,.32),inset 0 0 12px rgba(23,195,174,.16)}
.cursor-orb b{inset:15px;background:var(--amber);box-shadow:0 0 12px rgba(245,163,31,.8)}
.cursor-orb::before,.cursor-orb::after{content:"";position:absolute;background:rgba(23,195,174,.65)}
.cursor-orb::before{left:-8px;right:-8px;top:50%;height:1px}
.cursor-orb::after{top:-8px;bottom:-8px;left:50%;width:1px}
.cursor-orb.is-hot{filter:hue-rotate(125deg) brightness(1.3)}
.cursor-orb.is-hot i{transform:scale(1.34);border-style:dashed;animation:cursorSpin 2s linear infinite}
@keyframes cursorSpin{to{transform:scale(1.34) rotate(360deg)}}

/* ---------- Consola y navegación orbital ---------- */
.world-console{
  position:fixed;left:18px;bottom:18px;z-index:88;width:min(290px,calc(100vw - 36px));
  padding:13px 14px;border:1px solid rgba(23,195,174,.25);border-radius:14px;
  background:linear-gradient(150deg,rgba(5,18,29,.9),rgba(10,34,51,.78));
  backdrop-filter:blur(16px);box-shadow:0 22px 60px rgba(0,0,0,.4),inset 0 0 40px rgba(23,195,174,.035);
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;
}
.world-console::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(23,195,174,.5),transparent 30%,transparent 70%,rgba(245,163,31,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.world-console-head{display:flex;align-items:center;gap:8px;color:var(--teal);margin-bottom:10px}
.console-pulse{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(23,195,174,.5);animation:consolePulse 2s infinite}
@keyframes consolePulse{70%{box-shadow:0 0 0 10px rgba(23,195,174,0)}}
.world-console-row{display:grid;grid-template-columns:105px 1fr;gap:8px;padding:6px 0;border-top:1px solid rgba(255,243,224,.08)}
.world-console-row small{color:rgba(255,243,224,.42)}
.world-console-row strong{color:var(--cream);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.world-console-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.world-console-actions button{
  border:1px solid rgba(245,163,31,.24);border-radius:8px;background:rgba(245,163,31,.06);color:var(--amber);
  padding:8px 7px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;
}
.world-console-actions button:hover,.world-console-actions button:focus-visible{background:var(--amber);color:var(--ink);outline:none}

.world-rail{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:87;display:grid;gap:7px}
.world-rail-dot{position:relative;width:25px;height:25px;display:grid;place-items:center;text-decoration:none;color:rgba(255,243,224,.42)}
.world-rail-dot i{width:7px;height:7px;border:1px solid rgba(23,195,174,.45);border-radius:50%;transition:all .25s}
.world-rail-dot span{position:absolute;font-family:var(--mono);font-size:7px;opacity:0;transition:opacity .2s}
.world-rail-dot b{position:absolute;right:30px;width:max-content;max-width:250px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(5,18,29,.94);font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateX(8px);pointer-events:none;transition:.2s}
.world-rail-dot:hover b,.world-rail-dot:focus-visible b{opacity:1;transform:none}
.world-rail-dot.is-active i{width:13px;height:13px;background:var(--amber);border-color:var(--amber);box-shadow:0 0 18px rgba(245,163,31,.75)}
.world-rail-dot.is-active span{opacity:1;color:var(--ink);font-weight:700}

.module-hint{
  position:fixed;top:82px;left:50%;transform:translateX(-50%);z-index:82;
  font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,243,224,.52);
  background:rgba(5,18,29,.75);border:1px solid rgba(23,195,174,.18);border-radius:999px;padding:7px 13px;
  backdrop-filter:blur(10px);pointer-events:none;
}

/* ---------- Héroe convertido en portal digital ---------- */
.hero-world-shell{position:absolute;z-index:1;right:-8vw;top:8vh;width:min(58vw,850px);aspect-ratio:1;pointer-events:none;transform-style:preserve-3d;filter:drop-shadow(0 0 34px rgba(23,195,174,.16))}
.shell-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(23,195,174,.2);transform:translate(-50%,-50%);box-shadow:inset 0 0 45px rgba(23,195,174,.04)}
.shell-ring::before{content:"";position:absolute;inset:-4px;border-radius:inherit;border-top:2px solid rgba(245,163,31,.62);border-right:2px solid transparent}
.shell-ring-1{width:92%;height:92%;animation:shellSpin 18s linear infinite}
.shell-ring-2{width:67%;height:67%;border-style:dashed;animation:shellSpin 13s linear infinite reverse}
.shell-ring-3{width:42%;height:42%;animation:shellSpin 8s linear infinite}
@keyframes shellSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.shell-node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 18px var(--teal)}
.shell-node-1{left:18%;top:28%;animation:nodeFloat 4.4s ease-in-out infinite}
.shell-node-2{right:15%;top:40%;background:var(--amber);box-shadow:0 0 18px var(--amber);animation:nodeFloat 5s ease-in-out infinite reverse}
.shell-node-3{left:38%;bottom:9%;background:var(--coral);box-shadow:0 0 18px var(--coral);animation:nodeFloat 5.8s ease-in-out infinite}
.shell-node-4{right:38%;top:4%;animation:nodeFloat 3.8s ease-in-out infinite reverse}
@keyframes nodeFloat{50%{transform:translate3d(0,-18px,35px) scale(1.5)}}
.hero-data-rain{position:absolute;z-index:2;inset:0;pointer-events:none;overflow:hidden;opacity:.22}
.hero-data-rain i{position:absolute;top:-30%;width:1px;height:20%;background:linear-gradient(to bottom,transparent,var(--teal),transparent);animation:dataFall 5s linear infinite}
.hero-data-rain i:nth-child(1){left:8%;animation-delay:-1s}.hero-data-rain i:nth-child(2){left:18%;animation-delay:-3.4s;height:28%}.hero-data-rain i:nth-child(3){left:29%;animation-delay:-2s}.hero-data-rain i:nth-child(4){left:41%;animation-delay:-4.1s;height:34%}.hero-data-rain i:nth-child(5){left:53%;animation-delay:-.6s}.hero-data-rain i:nth-child(6){left:65%;animation-delay:-2.7s;height:30%}.hero-data-rain i:nth-child(7){left:74%;animation-delay:-4.4s}.hero-data-rain i:nth-child(8){left:83%;animation-delay:-1.8s;height:24%}.hero-data-rain i:nth-child(9){left:91%;animation-delay:-3s}.hero-data-rain i:nth-child(10){left:97%;animation-delay:-.4s;height:38%}
@keyframes dataFall{to{transform:translateY(145vh)}}
.hero-data-ticker{position:absolute;left:0;right:0;bottom:0;z-index:4;height:32px;overflow:hidden;border-top:1px solid rgba(23,195,174,.15);background:rgba(5,18,29,.66);backdrop-filter:blur(8px)}
.hero-data-ticker div{width:max-content;display:flex;align-items:center;gap:28px;height:100%;font-family:var(--mono);font-size:9px;letter-spacing:.22em;animation:tickerMove 28s linear infinite}
.hero-data-ticker span{color:var(--teal)}.hero-data-ticker i{font-style:normal;color:var(--amber)}
@keyframes tickerMove{to{transform:translateX(-50%)}}
.hero::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle at var(--cursor-x,70%) var(--cursor-y,35%),rgba(23,195,174,.11),transparent 19%)}

/* ---------- Secciones como portales compactables ---------- */
.sec{transform-style:preserve-3d;transition:padding .45s ease,background .45s ease}
.sec::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;
  background-image:linear-gradient(rgba(23,195,174,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(23,195,174,.04) 1px,transparent 1px);
  background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);
  transform:translateY(calc(var(--world-scroll,0) * -0.35px));
}
.sec::after{content:"";position:absolute;left:var(--pad);right:var(--pad);top:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal),var(--amber),transparent);opacity:.32;box-shadow:0 0 22px rgba(23,195,174,.25)}
.sec.module-collapsed{padding-top:clamp(48px,7vw,88px);padding-bottom:clamp(48px,7vw,88px)}
.sec.module-collapsed .sec-head{margin-bottom:0}
.sec-head{position:relative;z-index:3;padding-right:min(250px,28vw)}
.sec-head::before{content:"";position:absolute;left:-28px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--teal),var(--amber),transparent);box-shadow:0 0 16px rgba(23,195,174,.35)}
.sec-head::after{content:"SECTOR // " attr(data-sector);position:absolute;right:0;top:8px;font-family:var(--mono);font-size:8px;letter-spacing:.22em;color:rgba(23,195,174,.36)}
.sec-num{text-shadow:0 0 28px rgba(245,163,31,.12);animation:numGlitch 9s steps(1) infinite}
@keyframes numGlitch{0%,93%,100%{transform:none;text-shadow:0 0 28px rgba(245,163,31,.12)}94%{transform:translateX(2px);text-shadow:-3px 0 var(--coral),3px 0 var(--teal)}95%{transform:translateX(-2px)}96%{transform:none}}
.section-toggle{
  position:absolute;right:0;bottom:0;display:grid;grid-template-columns:auto auto 24px;align-items:center;gap:9px;
  border:1px solid rgba(23,195,174,.28);border-radius:999px;padding:9px 11px 9px 13px;
  background:linear-gradient(135deg,rgba(10,34,51,.9),rgba(5,18,29,.75));color:var(--cream);cursor:pointer;
  box-shadow:0 10px 30px rgba(0,0,0,.25),inset 0 0 22px rgba(23,195,174,.04);transition:.25s;
}
.section-toggle:hover,.section-toggle:focus-visible{border-color:var(--amber);transform:translateY(-2px);outline:none;box-shadow:0 14px 34px rgba(245,163,31,.14)}
.section-toggle-code{font-family:var(--mono);font-size:8px;letter-spacing:.16em;color:var(--teal)}
.section-toggle-copy{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.section-toggle i{position:relative;width:24px;height:24px;border-radius:50%;border:1px solid rgba(245,163,31,.35)}
.section-toggle i::before,.section-toggle i::after{content:"";position:absolute;left:6px;right:6px;top:11px;height:1px;background:var(--amber);transition:transform .3s}
.section-toggle i::after{transform:rotate(90deg)}
.section-toggle[aria-expanded="true"] i::after{transform:rotate(0)}
.section-drawer{position:relative;z-index:2;display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .65s cubic-bezier(.2,.8,.2,1),opacity .4s,transform .55s;transform-origin:top}
.section-drawer.is-collapsed{grid-template-rows:0fr;opacity:.08;transform:perspective(1000px) rotateX(-8deg) scale(.985)}
.section-drawer-inner{min-height:0;overflow:hidden}
.section-drawer-inner::before{content:"";display:block;height:2px;margin-bottom:clamp(28px,4vw,50px);background:linear-gradient(90deg,rgba(23,195,174,.6),rgba(245,163,31,.35),transparent);transform-origin:left;animation:drawerSignal 4s ease-in-out infinite}
@keyframes drawerSignal{50%{transform:scaleX(.45);filter:brightness(1.6)}}
.module-activated::after{animation:moduleFlash .8s ease}
@keyframes moduleFlash{0%{opacity:1;box-shadow:0 0 60px rgba(245,163,31,.8)}100%{opacity:.32;box-shadow:0 0 22px rgba(23,195,174,.25)}}

/* ---------- Acordeones internos de información e imágenes ---------- */
.digital-vault{
  margin:18px 0;border:1px solid rgba(23,195,174,.2);border-radius:18px;overflow:hidden;
  background:linear-gradient(145deg,rgba(10,34,51,.74),rgba(5,18,29,.82));
  box-shadow:0 18px 44px rgba(0,0,0,.18),inset 0 0 36px rgba(23,195,174,.025);
}
.digital-vault[open]{border-color:rgba(245,163,31,.38);box-shadow:0 26px 62px rgba(0,0,0,.3),0 0 30px rgba(245,163,31,.06)}
.digital-vault>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:34px 1fr 34px;gap:12px;align-items:center;padding:16px 18px;position:relative;overflow:hidden}
.digital-vault>summary::-webkit-details-marker{display:none}
.digital-vault>summary::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(23,195,174,.06),transparent);transform:translateX(-100%);transition:transform .7s}
.digital-vault>summary:hover::before{transform:translateX(100%)}
.digital-vault>summary small{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.22em;color:var(--teal)}
.digital-vault>summary b{display:block;font-family:var(--disp);font-size:clamp(17px,2vw,23px);letter-spacing:.02em;text-transform:uppercase;color:var(--cream)}
.vault-signal{width:30px;height:30px;border-radius:9px;border:1px solid rgba(23,195,174,.3);display:grid;place-items:center;background:rgba(23,195,174,.04)}
.vault-signal i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal);animation:vaultPulse 1.9s ease-in-out infinite}
@keyframes vaultPulse{50%{transform:scale(.55);opacity:.55}}
.digital-vault>summary em{position:relative;width:30px;height:30px;border-radius:50%;border:1px solid rgba(245,163,31,.28)}
.digital-vault>summary em::before,.digital-vault>summary em::after{content:"";position:absolute;left:8px;right:8px;top:14px;height:1px;background:var(--amber);transition:transform .3s}
.digital-vault>summary em::after{transform:rotate(90deg)}
.digital-vault[open]>summary em::after{transform:rotate(0)}
.vault-content{padding:4px 18px 20px;animation:vaultOpen .42s ease both}
@keyframes vaultOpen{from{opacity:0;transform:translateY(-8px) perspective(800px) rotateX(-3deg)}to{opacity:1;transform:none}}
.media-vault{border-color:rgba(255,61,94,.2)}
.media-vault .vault-signal i{background:var(--coral);box-shadow:0 0 12px var(--coral)}
.profile-vault{border-color:rgba(245,163,31,.25)}
.digital-vault .proof,.digital-vault .program-visuals,.digital-vault .movement-map,.digital-vault .founder,.digital-vault .gas-plan,.digital-vault .event-case,.digital-vault .city-plan,.digital-vault .agenda-synthesis,.digital-vault .reference-strip,.digital-vault .emotion-grid,.digital-vault .war-grid,.digital-vault .aprende-gallery,.digital-vault .aprende-intro,.digital-vault .gain-grid,.digital-vault .path,.digital-vault .split-media{margin-top:0;margin-bottom:0}

/* ---------- Mejoras de profundidad en tarjetas y galerías ---------- */
.tilt{position:relative}
.tilt::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--tilt-x,50%) var(--tilt-y,50%),rgba(255,255,255,.11),transparent 32%);opacity:0;transition:opacity .25s}
.tilt.is-tilting::after{opacity:1}
.event-case-media figure,.program-visuals figure,.proof figure,.aprende-gallery figure{box-shadow:0 18px 55px rgba(0,0,0,.25)}

/* ---------- Responsive ---------- */
@media(max-width:1180px){
  .world-console{display:none}
  .world-rail{right:5px}
  .module-hint{display:none}
}
@media(max-width:900px){
  .hero-world-shell{right:-35vw;top:18vh;width:105vw;opacity:.58}
  .sec-head{padding-right:0;padding-bottom:58px}
  .section-toggle{left:0;right:auto;bottom:0}
  .world-rail{display:none}
  .cursor-orb{display:none}
  .digital-vault>summary{grid-template-columns:30px 1fr 30px;padding:14px}
  .digital-vault>summary b{font-size:17px}
}
@media(max-width:560px){
  .hero-data-ticker{height:28px}
  .hero-data-ticker div{font-size:8px}
  .section-toggle-copy{font-size:8px}
  .section-toggle-code{display:none}
  .sec-head::before{left:-12px}
  .vault-content{padding:4px 12px 14px}
}

/* ---------- Accesibilidad: movimiento reducido ---------- */
@media(prefers-reduced-motion:reduce){
  .world-aurora,.world-scanlines::after,.console-pulse,.shell-ring,.shell-node,.hero-data-rain i,.hero-data-ticker div,.sec-num,.section-drawer-inner::before,.vault-signal i{animation:none!important}
  .section-drawer,.section-toggle,.digital-vault>summary::before,.cursor-orb{transition:none!important}
  .section-drawer.is-collapsed{transform:none}
  .world-scanlines{opacity:.04}
}

/* ============================================================
   V13 · SOLO GUERRERO PRIMERO
   Estructura pública clara, metodología interna protegida.
   ============================================================ */

/* Navegación */
.hud-nav{gap:14px}
.hud-nav a{font-size:10px;letter-spacing:.1em}
@media(max-width:1120px){.hud-nav{display:none}}

/* Héroe corregido */
.hero-inner{max-width:900px}
.hero-title{font-size:clamp(50px,9.3vw,126px)}
.hero-thesis{max-width:760px;font-size:clamp(18px,2.05vw,22px)}
.hero-stats{max-width:1120px}
.hero-stats li:first-child b{font-size:clamp(24px,3vw,38px)}
.hero-float-a{top:17%;right:9%}
.hero-float-b{top:43%;right:3%}
.hero-float-c{bottom:16%;right:18%}
.hero-float-d{top:28%;right:30%}

/* Guerra digital */
.war-manifest{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(22px,4vw,54px);align-items:center;padding:clamp(26px,4vw,54px);border:1px solid rgba(245,163,31,.34);border-radius:var(--r);background:radial-gradient(60% 140% at 0 0,rgba(245,163,31,.13),transparent 70%),linear-gradient(145deg,var(--ink-3),var(--ink-2));margin-bottom:28px;overflow:hidden}
.war-manifest::before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,rgba(23,195,174,.08),transparent 25%);animation:worldSpin 18s linear infinite;pointer-events:none}
.war-manifest>div,.war-manifest>p{position:relative;z-index:1}
.war-manifest small{font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--teal)}
.war-manifest h3{font-family:var(--disp);font-size:clamp(26px,3.8vw,48px);line-height:1.05;text-transform:uppercase;margin-top:8px}
.war-manifest p{color:var(--muted);font-size:clamp(16px,1.8vw,20px)}
.context-stack{max-width:none}
.war-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.war-tags span{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(23,195,174,.28);border-radius:999px;padding:7px 11px;color:var(--teal);background:rgba(23,195,174,.04)}
.evidence-four{margin:0 0 20px}
.research-vault{border:1px solid rgba(245,163,31,.25);border-radius:14px;background:rgba(5,18,29,.48);overflow:hidden}
.research-vault summary{cursor:pointer;list-style:none;padding:14px 17px;font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--amber)}
.research-vault summary::-webkit-details-marker{display:none}
.research-vault>div{padding:0 17px 18px;display:grid;gap:12px}
.compact-emotions{margin-top:22px}

/* Solo Guerrero */
.network-proof{display:grid;grid-template-columns:minmax(280px,.72fr) 1.28fr;gap:18px;margin-bottom:22px}
.network-number{padding:clamp(28px,4vw,48px);border:1px solid rgba(245,163,31,.4);border-radius:var(--r);background:linear-gradient(145deg,rgba(245,163,31,.16),rgba(255,61,94,.06)),var(--ink-2);display:flex;flex-direction:column;justify-content:center;min-height:270px}
.network-number small{font-family:var(--mono);font-size:10px;letter-spacing:.28em;color:var(--teal)}
.network-number b{font-family:var(--disp);font-size:clamp(58px,8vw,108px);line-height:.9;color:var(--amber);text-shadow:0 0 28px rgba(245,163,31,.28);margin:12px 0}
.network-number span{color:var(--muted)}
.network-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.network-metrics div{border:1px solid var(--line);border-radius:var(--r);padding:24px;background:linear-gradient(145deg,rgba(23,195,174,.06),rgba(5,18,29,.45))}
.network-metrics b{display:block;font-family:var(--disp);font-size:clamp(28px,4vw,50px);color:var(--teal);line-height:1}
.network-metrics span{font-size:13px;color:var(--muted)}
.network-stage{display:grid;grid-template-columns:1.12fr .88fr;gap:22px;align-items:center;margin:30px 0}
.network-visual{position:relative;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;min-height:490px;background:radial-gradient(circle at 50% 50%,rgba(23,195,174,.16),transparent 50%),var(--ink)}
.network-visual>img{width:100%;height:100%;min-height:490px;object-fit:cover;opacity:.64;filter:saturate(1.18) contrast(1.05)}
.network-nodes{position:absolute;inset:0}
.network-nodes span{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);font-family:var(--mono);font-size:8px;letter-spacing:.06em;white-space:nowrap;padding:5px 8px;border:1px solid rgba(23,195,174,.42);border-radius:999px;color:var(--cream);background:rgba(5,18,29,.78);box-shadow:0 0 16px rgba(23,195,174,.15);animation:nodeFloat 3.4s ease-in-out infinite alternate}
.network-nodes span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal);margin-right:6px}
.network-nodes span:nth-child(2n){animation-delay:-1.1s}.network-nodes span:nth-child(3n){animation-delay:-2.2s}
@keyframes nodeFloat{to{transform:translate(-50%,calc(-50% - 6px))}}
.network-copy h3{font-family:var(--disp);font-size:clamp(28px,4vw,50px);text-transform:uppercase;margin-bottom:14px}
.network-copy p{color:var(--muted);margin-top:12px}
.credibility-note{border-left:2px solid var(--teal);padding:14px 16px;background:rgba(23,195,174,.05);border-radius:0 12px 12px 0;font-size:14px}
.daily-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.service-card{border:1px solid var(--line);border-radius:16px;background:rgba(255,243,224,.025);overflow:hidden;transition:border-color .25s,transform .25s}
.service-card[open]{border-color:rgba(245,163,31,.42);transform:translateY(-3px)}
.service-card summary{list-style:none;cursor:pointer;padding:18px;display:flex;align-items:center;gap:12px}
.service-card summary::-webkit-details-marker{display:none}
.service-card summary span{font-family:var(--mono);font-size:10px;color:var(--teal)}
.service-card summary b{font-family:var(--disp);font-size:20px;text-transform:uppercase}
.service-card p{padding:0 18px 18px;color:var(--muted);font-size:14px}

/* Territorio */
.region-explorer{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;margin:28px 0}
.region-map{position:relative;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;min-height:510px;background:var(--ink)}
.region-map img{width:100%;height:100%;min-height:510px;object-fit:cover;opacity:.76}
.region-pulse{position:absolute;inset:18%;border:1px solid rgba(23,195,174,.35);border-radius:50%;box-shadow:0 0 40px rgba(23,195,174,.2),inset 0 0 30px rgba(23,195,174,.1);animation:regionPulse 3s ease-in-out infinite}
.region-pulse::before,.region-pulse::after{content:"";position:absolute;inset:18%;border:1px dashed rgba(245,163,31,.4);border-radius:50%;animation:worldSpin 14s linear infinite}
.region-pulse::after{inset:35%;animation-direction:reverse;animation-duration:9s}
@keyframes regionPulse{50%{transform:scale(1.06);opacity:.6}}
.region-interface{display:grid;align-content:start;gap:14px}
.region-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.region-tabs button{cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:rgba(255,243,224,.03);color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;transition:.25s}
.region-tabs button:hover,.region-tabs button.is-active{border-color:var(--amber);background:rgba(245,163,31,.12);color:var(--cream);transform:translateY(-2px)}
.region-panel{border:1px solid rgba(23,195,174,.32);border-radius:var(--r);padding:clamp(24px,3vw,38px);background:linear-gradient(145deg,var(--ink-3),var(--ink-2));min-height:365px}
.region-panel>span{font-family:var(--mono);font-size:10px;letter-spacing:.25em;color:var(--teal)}
.region-panel h3{font-family:var(--disp);font-size:clamp(25px,3.3vw,40px);text-transform:uppercase;margin:10px 0}
.region-panel>p{color:var(--muted)}
.region-fields{display:grid;gap:12px;margin-top:22px}
.region-fields div{border-top:1px solid rgba(245,163,31,.3);padding-top:12px}
.region-fields b{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:5px}
.region-fields span{font-size:14px;color:var(--muted)}

/* Trayectoria */
.history-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 30px;padding:18px;border:1px dashed rgba(23,195,174,.35);border-radius:var(--r);background:rgba(23,195,174,.035)}
.history-flow span{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.history-flow span b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--ink-3);color:var(--teal);border:1px solid rgba(23,195,174,.35)}
.history-flow i{width:18px;height:1px;background:linear-gradient(90deg,var(--teal),var(--amber))}
.history-flow .history-final{color:var(--amber)}
.work-stack{max-width:none}
.compact-event-cases{margin-top:20px}
.compact-event-cases .event-case{margin:0 0 16px}
.document-crop{height:250px;overflow:hidden;position:relative}
.document-crop img{height:520px!important;object-position:top!important;filter:saturate(.8)}
.document-crop::after{content:"MEMORIA DE PLANEACIÓN · METODOLOGÍA INTERNA NO PUBLICADA";position:absolute;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(transparent,rgba(5,18,29,.96));font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:var(--cream);text-align:center}
.learn-archive{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.learn-archive figure{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.learn-archive img{width:100%;height:100%;object-fit:cover}

/* Programa */
.identity-formula{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.1fr;gap:10px;align-items:stretch;margin:0 0 28px}
.identity-formula>i{align-self:center;font-family:var(--disp);font-size:32px;color:var(--teal);font-style:normal}
.formula-card{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:linear-gradient(145deg,var(--ink-3),var(--ink-2));min-height:210px}
.formula-card small{font-family:var(--mono);font-size:8px;letter-spacing:.2em;color:var(--teal)}
.formula-card h3{font-family:var(--disp);font-size:clamp(21px,2.3vw,30px);text-transform:uppercase;margin:10px 0}
.formula-card p{color:var(--muted);font-size:14px}
.solo-card{border-color:rgba(23,195,174,.36)}.tag-card{border-color:rgba(255,61,94,.32)}.core-card{border-color:rgba(245,163,31,.36)}.agenda-card{background:radial-gradient(70% 90% at 100% 0,rgba(245,163,31,.16),transparent 70%),var(--ink-2)}
.project-thesis{font-family:var(--disp);font-size:clamp(22px,3.2vw,38px);text-align:center;text-transform:uppercase;padding:30px;border-top:1px solid rgba(23,195,174,.3);border-bottom:1px solid rgba(245,163,31,.3);margin:24px 0;color:var(--cream)}
.project-thesis b{color:var(--amber)}
.ecosystem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.ecosystem-grid article{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,243,224,.025)}
.ecosystem-grid b{display:block;font-family:var(--disp);font-size:18px;text-transform:uppercase;color:var(--teal);margin-bottom:5px}
.ecosystem-grid span{font-size:13px;color:var(--muted)}

/* Frentes */
.fronts-expanded{grid-template-columns:240px 1fr}
.fronts-expanded .fronts-tabs{grid-template-columns:1fr}
.front-public-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin:22px 0}
.front-public-grid>div{border:1px solid var(--line);border-radius:13px;padding:16px;background:rgba(255,243,224,.025)}
.front-public-grid b{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:8px}
.front-public-grid p{font-size:14px;color:var(--muted)}
.front-public-grid #front-list{margin:0}
.protected-method{margin-top:20px;padding:16px 18px;border-left:3px solid var(--coral);border-radius:0 14px 14px 0;background:rgba(255,61,94,.06);color:var(--muted);font-size:14px}
.protected-method b{color:var(--coral)}

/* Flujo */
.project-flow{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:14px 3px 18px;scrollbar-width:thin}
.project-flow>i{flex:0 0 18px;height:1px;background:linear-gradient(90deg,var(--teal),var(--amber))}
.flow-step{flex:0 0 112px;cursor:pointer;border:1px solid var(--line);border-radius:14px;padding:14px 10px;background:rgba(255,243,224,.025);color:var(--muted);font-family:var(--body);transition:.25s}
.flow-step b{display:block;font-family:var(--disp);font-size:26px;color:var(--teal)}
.flow-step span{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.flow-step:hover,.flow-step.is-active{border-color:var(--amber);background:rgba(245,163,31,.1);color:var(--cream);transform:translateY(-3px)}
.flow-step.is-active b{color:var(--amber)}
.flow-panel{padding:clamp(28px,4vw,48px);border:1px solid rgba(23,195,174,.34);border-radius:var(--r);background:linear-gradient(145deg,var(--ink-3),var(--ink-2));margin-bottom:18px}
.flow-panel small{font-family:var(--mono);font-size:9px;letter-spacing:.25em;color:var(--teal)}
.flow-panel h3{font-family:var(--disp);font-size:clamp(28px,4vw,50px);text-transform:uppercase;margin:10px 0}
.flow-panel p{color:var(--muted);max-width:800px}
.role-chain{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.role-chain span{border-top:1px solid rgba(23,195,174,.34);padding-top:12px;color:var(--muted);font-size:13px}
.role-chain b{display:block;color:var(--cream);margin-bottom:4px}

/* Comunidades */
.community-selector{display:grid;grid-template-columns:.88fr 1.12fr;gap:20px;margin-bottom:22px}
.community-cloud{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}
.community-cloud button{cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:rgba(255,243,224,.025);color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;transition:.25s}
.community-cloud button:hover,.community-cloud button.is-active{border-color:var(--teal);color:var(--cream);background:rgba(23,195,174,.1);box-shadow:0 0 18px rgba(23,195,174,.12);transform:translateY(-2px)}
.community-panel{border:1px solid rgba(245,163,31,.34);border-radius:var(--r);padding:clamp(26px,4vw,44px);background:linear-gradient(145deg,var(--ink-3),var(--ink-2));min-height:390px}
.community-panel>small{font-family:var(--mono);font-size:9px;letter-spacing:.25em;color:var(--teal)}
.community-panel h3{font-family:var(--disp);font-size:clamp(30px,4.4vw,58px);text-transform:uppercase;margin:10px 0}
.community-panel>p{color:var(--muted);margin-bottom:20px}
.community-panel>div{border-top:1px solid rgba(245,163,31,.28);padding-top:12px;margin-top:12px}
.community-panel>div b{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--amber);margin-bottom:5px}
.community-panel>div span{font-size:14px;color:var(--muted)}
.community-visual{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--ink-2)}
.community-visual img{width:100%;aspect-ratio:16/9;object-fit:cover}
.community-visual figcaption{padding:12px 18px;border-top:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--muted)}

/* Crecimiento */
.growth-ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.growth-ladder details{border:1px solid var(--line);border-radius:14px;background:rgba(255,243,224,.025);overflow:hidden}
.growth-ladder details[open]{border-color:rgba(245,163,31,.42);background:rgba(245,163,31,.05)}
.growth-ladder summary{list-style:none;cursor:pointer;padding:16px;display:flex;align-items:center;gap:12px}
.growth-ladder summary::-webkit-details-marker{display:none}
.growth-ladder summary b{font-family:var(--disp);font-size:28px;color:var(--teal)}
.growth-ladder summary span{font-family:var(--disp);font-size:18px;text-transform:uppercase}
.growth-ladder p{padding:0 16px 16px;color:var(--muted);font-size:14px}

/* Registro */
.reg textarea[required]{min-height:125px}

/* Responsive */
@media(max-width:1050px){
  .identity-formula{grid-template-columns:1fr 1fr}.identity-formula>i{display:none}
  .ecosystem-grid{grid-template-columns:1fr 1fr}
  .role-chain{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .war-manifest,.network-proof,.network-stage,.region-explorer,.community-selector{grid-template-columns:1fr}
  .network-visual,.network-visual>img,.region-map,.region-map img{min-height:390px}
  .daily-mosaic{grid-template-columns:1fr 1fr}
  .fronts-expanded{grid-template-columns:1fr}
  .fronts-expanded .fronts-tabs{grid-template-columns:repeat(3,1fr)}
  .front-public-grid{grid-template-columns:1fr}
  .growth-ladder{grid-template-columns:1fr 1fr}
  .history-flow i{display:none}
}
@media(max-width:640px){
  .network-metrics,.daily-mosaic,.learn-archive,.identity-formula,.ecosystem-grid,.role-chain,.growth-ladder{grid-template-columns:1fr}
  .region-tabs,.fronts-expanded .fronts-tabs{grid-template-columns:1fr 1fr}
  .network-visual,.network-visual>img,.region-map,.region-map img{min-height:320px}
  .network-nodes span{font-size:6.5px;padding:4px 6px}
  .project-thesis{padding:22px 6px}
  .community-panel{min-height:auto}
  .hero-float{display:none}
}

@media(prefers-reduced-motion:reduce){
  .war-manifest::before,.network-nodes span,.region-pulse,.region-pulse::before,.region-pulse::after{animation:none!important}
}
.activation-overview{margin:18px 0}
.activation-overview img{aspect-ratio:auto;height:auto;object-fit:contain;background:#071725}

/* ============================================================
   V14 · GUERRERO REACCIONA
   Evolución editorial, turística y de arquitectura del ecosistema
   ============================================================ */
.hero-inner-guerrilla{max-width:900px}
.war-alert{display:flex;align-items:center;gap:10px;color:#fff;letter-spacing:.26em;background:rgba(255,61,94,.1);border:1px solid rgba(255,61,94,.42);width:fit-content;padding:8px 12px;border-radius:5px;box-shadow:0 0 28px rgba(255,61,94,.16)}
.war-alert span{width:9px;height:9px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 0 rgba(255,61,94,.6);animation:warPulse 1.5s infinite}
@keyframes warPulse{60%{box-shadow:0 0 0 10px rgba(255,61,94,0)}100%{box-shadow:0 0 0 0 rgba(255,61,94,0)}}
.hero-title-guerrilla{font-size:clamp(48px,8.6vw,120px);max-width:1050px}
.hero-title-guerrilla .ln-war{position:relative;display:inline-block;padding-right:.12em;filter:drop-shadow(0 14px 30px rgba(255,61,94,.35))}
.hero-title-guerrilla .ln-war::before,.hero-title-guerrilla .ln-war::after{content:"";position:absolute;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--coral),var(--amber),transparent);transform:skewX(-24deg)}
.hero-title-guerrilla .ln-war::before{top:-8px}.hero-title-guerrilla .ln-war::after{bottom:-9px;right:22%}
.hero-warline{font-family:var(--disp);font-size:clamp(18px,2.8vw,34px);letter-spacing:.05em;color:var(--cream);margin:22px 0 8px;text-transform:uppercase;text-shadow:0 0 24px rgba(23,195,174,.28)}
.hero-generation{max-width:760px;color:rgba(255,243,224,.76);font-size:clamp(15px,1.8vw,18px);margin:-14px 0 28px;padding:16px 18px;border-left:3px solid var(--teal);background:linear-gradient(90deg,rgba(23,195,174,.08),transparent);border-radius:0 12px 12px 0}
.hero-stats-three{grid-template-columns:repeat(3,1fr);max-width:1180px}
.hero-stats-three li{min-height:132px;display:flex;flex-direction:column;justify-content:center}
.hero-stats-three b{font-size:clamp(25px,3vw,42px);line-height:1.05}
.hero-stats-three span{margin-top:7px;line-height:1.45}
.hero-float-d{min-width:250px}

.creator-choice{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;margin-bottom:26px}
.choice-card{position:relative;overflow:hidden;padding:clamp(24px,3.4vw,42px);border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(145deg,var(--ink-3),var(--ink-2));min-height:255px}
.choice-card::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(23,195,174,.1),transparent 30%);animation:choiceSpin 9s linear infinite}
@keyframes choiceSpin{to{transform:rotate(360deg)}}
.choice-card>*{position:relative;z-index:1}
.choice-card small{font-family:var(--mono);font-size:9px;letter-spacing:.24em;color:var(--teal)}
.choice-card h3{font-family:var(--disp);font-size:clamp(34px,5vw,66px);text-transform:uppercase;margin:12px 0}
.choice-card p{color:var(--muted);max-width:520px}
.choice-consumer{border-color:rgba(255,61,94,.28)}.choice-consumer h3{color:rgba(255,243,224,.68)}
.choice-creator{border-color:rgba(245,163,31,.46);box-shadow:inset 0 0 40px rgba(245,163,31,.05)}.choice-creator h3{color:var(--amber)}
.choice-versus{display:grid;place-items:center}
.choice-versus span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid rgba(23,195,174,.45);background:var(--ink);font-family:var(--disp);font-size:25px;color:var(--teal);box-shadow:0 0 28px rgba(23,195,174,.18)}
.source-note{margin-top:18px;padding:13px 15px;border:1px dashed rgba(23,195,174,.34);border-radius:12px;background:rgba(23,195,174,.035);font-size:12.5px!important;color:rgba(255,243,224,.58)!important}
.agenda-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.agenda-benefits article{padding:16px;border:1px solid var(--line);border-radius:13px;background:rgba(255,243,224,.025)}
.agenda-benefits b{display:block;font-family:var(--disp);font-size:18px;text-transform:uppercase;color:var(--amber);margin-bottom:6px}
.agenda-benefits span{font-size:13px;color:var(--muted)}
.compact-principles{display:grid;gap:10px;margin:18px 0 0;padding-left:22px}
.compact-principles li{padding-left:7px;color:var(--muted)}
.compact-principles li::marker{color:var(--teal);font-weight:700}

.identity-architecture{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:28px 0}
.identity-architecture .service-card{min-height:170px}
.ecosystem-stack{max-width:none}
.process-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;padding:14px;border:1px dashed rgba(23,195,174,.32);border-radius:13px}
.process-strip span{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--cream)}
.process-strip i{width:18px;height:1px;background:linear-gradient(90deg,var(--teal),var(--amber))}
.mini-thesis{margin-top:18px;padding:16px 18px;border-left:3px solid var(--amber);background:rgba(245,163,31,.06);border-radius:0 12px 12px 0;color:var(--cream)}
.editorial-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}
.editorial-rules span{padding:13px;border:1px solid var(--line);border-radius:12px;font-size:12px;color:var(--muted)}
.editorial-rules b{display:block;color:var(--teal);margin-bottom:4px}

.tourism-context{max-width:none;margin-bottom:28px}
.region-explorer-eight{align-items:stretch}
.region-counter{position:absolute;left:20px;bottom:20px;padding:12px 15px;border:1px solid rgba(245,163,31,.42);border-radius:12px;background:rgba(5,18,29,.82);backdrop-filter:blur(8px);z-index:3}
.region-counter b{display:block;font-family:var(--disp);font-size:38px;line-height:.85;color:var(--amber)}
.region-counter span{font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.region-tabs{grid-template-columns:repeat(4,1fr)}
.region-fields-rich{grid-template-columns:1fr 1fr;gap:14px}
.region-fields-rich div{border:1px solid var(--line);border-radius:12px;padding:14px;background:rgba(255,243,224,.025)}
.region-fields-rich div:nth-child(4){border-color:rgba(245,163,31,.35)}
.territory-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}
.territory-principles article{padding:18px;border-top:2px solid var(--teal);background:linear-gradient(180deg,rgba(23,195,174,.055),transparent)}
.territory-principles b{display:block;font-family:var(--disp);font-size:20px;text-transform:uppercase;color:var(--cream);margin-bottom:5px}
.territory-principles span{font-size:13px;color:var(--muted)}

.identity-formula-five{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1.1fr}
.learn-card{border-color:rgba(75,211,145,.36);background:linear-gradient(145deg,rgba(25,80,65,.38),var(--ink-2))}
.program-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}
.program-lines details{border:1px solid var(--line);border-radius:15px;background:rgba(255,243,224,.025);overflow:hidden}
.program-lines details[open]{border-color:rgba(23,195,174,.4);background:rgba(23,195,174,.05)}
.program-lines summary{cursor:pointer;list-style:none;padding:18px;min-height:125px}
.program-lines summary::-webkit-details-marker{display:none}
.program-lines summary b{display:block;font-family:var(--disp);font-size:20px;text-transform:uppercase;color:var(--teal);margin-bottom:7px}
.program-lines summary span{font-size:13px;color:var(--muted)}
.program-lines details>p{padding:0 18px 18px;color:var(--muted);font-size:14px}
.alliance-callout{margin-top:22px;padding:22px;border:1px solid rgba(245,163,31,.4);border-radius:var(--r);background:radial-gradient(70% 120% at 100% 0,rgba(245,163,31,.13),transparent 55%),var(--ink-2);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.alliance-callout span{font-family:var(--disp);font-size:clamp(22px,3vw,36px);color:var(--amber);text-transform:uppercase;max-width:260px;line-height:1}
.alliance-callout p{color:var(--muted)}

@media(max-width:1100px){
  .identity-architecture{grid-template-columns:repeat(3,1fr)}
  .identity-formula-five{grid-template-columns:1fr 1fr}.identity-formula-five>i{display:none}
  .program-lines{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .hero-stats-three{grid-template-columns:1fr}
  .hero-stats-three li{min-height:auto}
  .creator-choice{grid-template-columns:1fr}.choice-versus{margin:-4px 0}
  .agenda-benefits{grid-template-columns:1fr 1fr}
  .identity-architecture{grid-template-columns:1fr 1fr}
  .region-fields-rich,.territory-principles{grid-template-columns:1fr 1fr}
  .alliance-callout{grid-template-columns:1fr}
  .alliance-callout span{max-width:none}
}
@media(max-width:640px){
  .war-alert{font-size:8px;letter-spacing:.14em}
  .hero-title-guerrilla{font-size:clamp(40px,15vw,70px)}
  .agenda-benefits,.identity-architecture,.editorial-rules,.region-fields-rich,.territory-principles,.program-lines{grid-template-columns:1fr}
  .region-tabs{grid-template-columns:1fr 1fr}
  .process-strip i{display:none}
}
@media(prefers-reduced-motion:reduce){
  .war-alert span,.choice-card::before{animation:none!important}
}

/* Ajuste de legibilidad del manifiesto guerrillero */
.hero-title-guerrilla{font-size:clamp(44px,7vw,98px)}
.world-console{opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .35s ease,transform .35s ease}
body.is-scrolled .world-console{opacity:1;pointer-events:auto;transform:none}
@media(max-width:640px){
  .hero-title-guerrilla{font-size:clamp(34px,11.5vw,50px);line-height:.98;max-width:100%}
  .hero-title-guerrilla .ln{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .hero-title-guerrilla .ln-war{display:block;width:100%;padding-right:0}
  .hero-warline{font-size:clamp(17px,5vw,23px);line-height:1.25}
  .hero-thesis{font-size:16px;line-height:1.65}
}

/* ============================================================
   V15 · PROFUNDIDAD E INTERACCIÓN 3D + CÁMARA DE ACORDEONES
   Solo modifica comportamiento visual e interacción.
   ============================================================ */
:root{--global-x:50%;--global-y:40%}

/* Iluminación ambiental que sigue al cursor */
.world-aurora::after{
  content:"";position:absolute;inset:18%;pointer-events:none;
  background:
    radial-gradient(circle at var(--global-x) var(--global-y),rgba(23,195,174,.22),transparent 18%),
    radial-gradient(circle at calc(var(--global-x) + 10%) calc(var(--global-y) - 8%),rgba(245,163,31,.13),transparent 22%);
  filter:blur(18px);mix-blend-mode:screen;transition:opacity .28s ease;opacity:.72;
}

/* Tarjetas con volumen, reflejo y sombra direccional */
.tilt{
  transform-origin:center;transform-style:preserve-3d;backface-visibility:hidden;
  transition:transform .34s cubic-bezier(.16,.8,.25,1),box-shadow .34s,border-color .34s,filter .34s;
  isolation:isolate;
}
.tilt::before{
  content:"";position:absolute;inset:1px;z-index:4;pointer-events:none;border-radius:inherit;
  border:1px solid rgba(255,255,255,.04);
  background:linear-gradient(125deg,rgba(255,255,255,.12),transparent 22%,transparent 72%,rgba(23,195,174,.08));
  opacity:.34;transition:opacity .25s,filter .25s;
}
.tilt::after{
  z-index:5;background:
    radial-gradient(circle at var(--tilt-x,50%) var(--tilt-y,50%),rgba(255,255,255,.2),transparent 27%),
    linear-gradient(135deg,rgba(23,195,174,.08),transparent 42%,rgba(245,163,31,.08));
  mix-blend-mode:screen;
}
.tilt.is-tilting{
  box-shadow:var(--shadow-x,0) var(--shadow-y,28px) 72px rgba(0,0,0,.52),0 0 0 1px rgba(23,195,174,.22),0 0 42px rgba(23,195,174,.12);
  filter:saturate(1.1) contrast(1.025);
}
.tilt.is-tilting::before{opacity:.82;filter:brightness(1.25)}
.tilt.is-pressed-3d{filter:saturate(1.16) brightness(.94)}
.tilt>img,.tilt>figure,.tilt>.event-copy,.tilt>.war-card-copy,.tilt>.region-panel,.tilt>.fronts-panel{transform:translateZ(16px);backface-visibility:hidden}

/* Respuesta magnética de botones y encabezados */
.magnetic-3d{
  position:relative;transform-style:preserve-3d;backface-visibility:hidden;
  transform:perspective(850px) translate3d(var(--mag-x,0),var(--mag-y,0),0) rotateX(var(--mag-rx,0deg)) rotateY(var(--mag-ry,0deg));
  transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s,box-shadow .18s;
  overflow:hidden;
}
.magnetic-3d:hover{filter:brightness(1.08);z-index:6}
.magnetic-3d.is-digital-press{
  transform:perspective(850px) translate3d(var(--mag-x,0),var(--mag-y,0),-5px) rotateX(var(--mag-rx,0deg)) rotateY(var(--mag-ry,0deg)) scale(.975);
}
.digital-ripple{
  position:absolute!important;z-index:20!important;width:12px;height:12px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.78),rgba(23,195,174,.45) 34%,transparent 70%);
  transform:translate(-50%,-50%) scale(0);animation:digitalRipple .7s ease-out forwards;
  box-shadow:0 0 24px rgba(23,195,174,.65);
}
@keyframes digitalRipple{to{transform:translate(-50%,-50%) scale(22);opacity:0}}

/* Volumen específico en acordeones */
details,section.sec{scroll-margin-top:112px}
details{
  transform-style:preserve-3d;backface-visibility:hidden;
  transition:border-color .32s,background .32s,box-shadow .32s,filter .32s,transform .32s;
}
details>summary{transform-style:preserve-3d;perspective:900px}
details>summary>*{transform:translateZ(10px);backface-visibility:hidden}
details[open]{
  position:relative;z-index:5;transform:perspective(1400px) translate3d(0,-2px,12px);
  box-shadow:0 28px 72px rgba(0,0,0,.38),0 0 0 1px rgba(245,163,31,.12),0 0 36px rgba(23,195,174,.08);
}
.acc[open],.digital-vault[open],.service-card[open],.research-vault[open]{filter:saturate(1.06) brightness(1.025)}
.acc-body,.vault-content,details>div{transform-origin:top center;transform-style:preserve-3d}

/* Enfoque de cámara: acompaña el cierre y apertura sin perder el inicio */
body.camera-is-tracking .world-canvas{opacity:.73;filter:saturate(1.18) brightness(1.08);transition:opacity .28s,filter .28s}
body.camera-is-tracking .world-aurora{opacity:.68;filter:blur(38px) saturate(1.24);transition:opacity .28s,filter .28s}
body.camera-is-tracking .world-scanlines{opacity:.14}
.accordion-camera-target{
  z-index:12!important;animation:cameraLock .86s cubic-bezier(.16,.8,.25,1) both;
}
.accordion-camera-target>.sec-head,
details.accordion-camera-target>summary{
  box-shadow:0 0 0 1px rgba(23,195,174,.46),0 0 42px rgba(23,195,174,.2),0 18px 52px rgba(0,0,0,.36);
}
@keyframes cameraLock{
  0%{filter:brightness(.88) saturate(.9) drop-shadow(0 0 0 rgba(23,195,174,0))}
  44%{filter:brightness(1.16) saturate(1.2) drop-shadow(0 0 26px rgba(23,195,174,.22))}
  100%{filter:none}
}

/* Apertura de los módulos con mayor sensación de profundidad */
.section-drawer:not(.is-collapsed){animation:drawerDepthIn .68s cubic-bezier(.16,.8,.25,1) both}
.section-drawer.is-collapsed{transform:perspective(1300px) rotateX(-12deg) translateZ(-28px) scale(.975);filter:blur(1px)}
@keyframes drawerDepthIn{
  from{opacity:.12;transform:perspective(1300px) rotateX(-7deg) translate3d(0,-14px,-34px);filter:blur(2px)}
  to{opacity:1;transform:perspective(1300px) rotateX(0) translate3d(0,0,0);filter:none}
}
.section-toggle[aria-expanded="true"]{box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 28px rgba(23,195,174,.12)}

@media(max-width:760px){
  .tilt>img,.tilt>figure,.tilt>.event-copy,.tilt>.war-card-copy,.tilt>.region-panel,.tilt>.fronts-panel{transform:none}
  details[open]{transform:none}
}

@media(prefers-reduced-motion:reduce){
  .world-aurora::after,.tilt::before,.tilt::after{transition:none!important}
  .tilt,.magnetic-3d,details,.section-drawer,.accordion-camera-target{animation:none!important;transform:none!important;transition:none!important}
  .digital-ripple{display:none!important}
  body.camera-is-tracking .world-canvas,body.camera-is-tracking .world-aurora{filter:none!important}
}

/* Evita que el navegador compita con la cámara al cambiar la altura de módulos. */
.section-drawer,details,.section-drawer-inner{overflow-anchor:none}
html,body{overflow-anchor:none}

/* ============================================================
   V17 · CLARIDAD VISUAL, BLOQUES CROMÁTICOS Y SISTEMA COHERENTE
   Dos familias tipográficas: Guerrero Display + sistema.
   ============================================================ */
:root{
  --mono:var(--body);
  --content:1180px;
  --soft-line:rgba(255,255,255,.1);
}
body{font-size:16px;line-height:1.58;background:#06111a}
.world-console,.module-hint{display:none!important}
.hud{gap:16px;padding-top:10px;padding-bottom:10px;background:rgba(5,18,29,.86);border-bottom:1px solid rgba(255,255,255,.07)}
.hud-nav{gap:13px;max-width:780px;justify-content:flex-end}
.hud-nav a{font-size:10px;letter-spacing:.08em}
.hero{padding-top:116px;padding-bottom:82px}
.hero-inner{max-width:730px}
.hero-thesis{max-width:650px;margin-bottom:16px}
.hero-generation{max-width:640px;margin:0 0 26px;color:rgba(255,243,224,.72);font-size:15px}
.hero-oath{margin-top:18px}
.hero-float-c,.hero-float-d{display:none}
.hero-float{opacity:.78;backdrop-filter:blur(8px)}
.hero-data-rain{opacity:.26}
.hero-stats-three{max-width:1120px;margin-top:42px}
.hero-stats-three li{padding:16px 18px;min-height:120px}
.hero-stats-three b{font-size:clamp(27px,3vw,38px)}
.hero-stats-three span{font-size:12px;line-height:1.45}

.sec{--accent:var(--teal);--accent-rgb:23,195,174;padding:clamp(74px,8vw,118px) var(--pad);border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(var(--accent-rgb),.035),rgba(5,18,29,.96) 42%),#06131d}
.sec.theme-cyan{--accent:#19c8d2;--accent-rgb:25,200,210;background:radial-gradient(70% 50% at 15% 0,rgba(25,200,210,.12),transparent 62%),linear-gradient(180deg,#071923,#06131c)}
.sec.theme-blue{--accent:#4a9cff;--accent-rgb:74,156,255;background:radial-gradient(70% 55% at 85% 0,rgba(74,156,255,.13),transparent 62%),linear-gradient(180deg,#0b1a2b,#071522)}
.sec.theme-violet{--accent:#aa82ff;--accent-rgb:170,130,255;background:radial-gradient(65% 55% at 12% 0,rgba(170,130,255,.14),transparent 62%),linear-gradient(180deg,#17142a,#0b1320)}
.sec.theme-amber{--accent:#f5a31f;--accent-rgb:245,163,31;background:radial-gradient(70% 55% at 88% 0,rgba(245,163,31,.14),transparent 62%),linear-gradient(180deg,#24190d,#0c151d)}
.sec.theme-teal{--accent:#24d3ad;--accent-rgb:36,211,173;background:radial-gradient(65% 55% at 12% 0,rgba(36,211,173,.13),transparent 62%),linear-gradient(180deg,#0b2422,#08151d)}
.sec.theme-indigo{--accent:#7288ff;--accent-rgb:114,136,255;background:radial-gradient(70% 55% at 88% 0,rgba(114,136,255,.14),transparent 62%),linear-gradient(180deg,#12182f,#09141f)}
.sec.theme-green{--accent:#70d67b;--accent-rgb:112,214,123;background:radial-gradient(70% 55% at 12% 0,rgba(112,214,123,.12),transparent 62%),linear-gradient(180deg,#10251a,#09151d)}
.sec.theme-charcoal{--accent:#f0c36b;--accent-rgb:240,195,107;background:radial-gradient(70% 55% at 88% 0,rgba(240,195,107,.1),transparent 62%),linear-gradient(180deg,#191919,#0a1218)}
.sec.theme-register{--accent:#ff5d78;--accent-rgb:255,93,120;background:radial-gradient(70% 55% at 12% 0,rgba(255,93,120,.12),transparent 62%),linear-gradient(180deg,#21121a,#07131b)}
.sec>.sec-head,.section-drawer-inner{width:min(100%,var(--content));margin-left:auto;margin-right:auto}
.sec-head{margin-bottom:38px;padding:22px 24px 22px 26px;border-left:3px solid var(--accent);border-radius:0 18px 18px 0;background:linear-gradient(90deg,rgba(var(--accent-rgb),.09),rgba(255,255,255,.015) 58%,transparent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.sec-num{font-size:clamp(48px,6vw,78px);-webkit-text-stroke:1px rgba(var(--accent-rgb),.48)}
.sec-tag{color:var(--accent);letter-spacing:.22em}
.sec h2{font-size:clamp(30px,4.1vw,50px);max-width:930px}
.sec-sub{font-size:16px;max-width:760px;margin-top:13px;color:rgba(255,243,224,.7)}
.section-toggle{border-color:rgba(var(--accent-rgb),.34)!important;background:rgba(var(--accent-rgb),.055)!important;color:var(--cream)!important}
.section-toggle-code{color:var(--accent)!important}
.section-drawer-inner{padding-top:28px}
.section-drawer.is-collapsed{transform:none;filter:none}

/* Tarjetas y símbolos: menos texto, más jerarquía */
.symbol-grid{display:grid;gap:16px;margin-bottom:24px}
.symbol-grid-three{grid-template-columns:repeat(3,1fr)}
.symbol-card{position:relative;min-height:230px;padding:26px;border:1px solid rgba(var(--accent-rgb),.25);border-radius:20px;background:linear-gradient(155deg,rgba(var(--accent-rgb),.1),rgba(5,18,29,.52));overflow:hidden}
.symbol-card .symbol-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.38);color:var(--accent);font-size:25px;margin-bottom:32px}
.symbol-card small,.system-card small{font-size:9px;letter-spacing:.18em;color:var(--accent)}
.symbol-card h3,.system-card h3{font-family:var(--disp);font-size:26px;text-transform:uppercase;line-height:1.05;margin:7px 0 8px}
.symbol-card p,.system-card p{color:rgba(255,243,224,.68);font-size:14px}
.creator-choice-clean{margin:12px 0 22px}
.creator-choice-clean .choice-card{min-height:205px;padding:26px}
.creator-choice-clean .choice-card h3{font-size:clamp(28px,3vw,40px)}
.compact-stats{margin:0 0 22px}
.compact-stats .stat{min-height:130px;padding:20px}
.compact-stats .stat b{color:var(--accent)}
.concise-accordions{max-width:none;grid-template-columns:1fr 1fr;align-items:start}
.concise-accordions .acc{background:rgba(5,18,29,.46);border-color:rgba(var(--accent-rgb),.2)}
.concise-accordions .acc[open]{grid-column:1/-1;border-color:rgba(var(--accent-rgb),.48);background:rgba(var(--accent-rgb),.055)}
.concise-accordions .acc-k{color:var(--accent);border-color:rgba(var(--accent-rgb),.38)}
.meaning-grid,.two-story{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.meaning-grid p,.two-story p{padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025)}
.agenda-benefits-clean{grid-template-columns:repeat(3,1fr);gap:10px}
.agenda-benefits-clean article{padding:15px;min-height:110px}

/* Territorio */
.territory-symbols,.action-symbols{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.territory-symbols span,.action-symbols span{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(var(--accent-rgb),.24);border-radius:999px;background:rgba(var(--accent-rgb),.055);font-size:12px;color:rgba(255,243,224,.78)}
.territory-symbols b{color:var(--accent);font-size:18px}
.region-explorer{gap:18px;margin-top:0}
.region-map{min-height:430px;border-color:rgba(var(--accent-rgb),.25)}
.region-map img{min-height:430px}
.region-panel{min-height:330px;border-color:rgba(var(--accent-rgb),.32);background:linear-gradient(145deg,rgba(var(--accent-rgb),.075),rgba(5,18,29,.72))}
.region-panel>span,.region-fields b{color:var(--accent)}
.region-tabs button:hover,.region-tabs button.is-active{border-color:var(--accent);background:rgba(var(--accent-rgb),.12)}
.compact-principles{margin:18px 0 22px}
.compact-principles article{min-height:112px;border-top-color:var(--accent);padding:16px}

/* Sistema */
.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.system-card{position:relative;padding:25px;border:1px solid rgba(var(--accent-rgb),.26);border-radius:20px;background:linear-gradient(150deg,rgba(var(--accent-rgb),.1),rgba(6,17,26,.7));min-height:225px}
.system-card>span{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.4);font-family:var(--disp);color:var(--accent);font-size:19px;margin-bottom:30px}
.system-path,.simple-flow{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 0;padding:17px;border:1px dashed rgba(var(--accent-rgb),.33);border-radius:18px;background:rgba(var(--accent-rgb),.035)}
.system-path span,.simple-flow span{font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.system-path i,.simple-flow i{width:28px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}
.program-lines-clean{grid-template-columns:repeat(5,1fr);margin:0}
.program-lines-clean details{min-height:0}
.program-lines-clean summary{min-height:120px}

/* Áreas de participación */
.fronts-clear{grid-template-columns:250px 1fr}
.fronts-tabs{gap:7px}
.fronts-tabs button{padding:12px 14px;border-color:rgba(var(--accent-rgb),.2);font-size:11px}
.fronts-tabs button[aria-selected="true"]{background:linear-gradient(135deg,var(--accent),#f2c45e);color:#07131c}
.fronts-panel{border-color:rgba(var(--accent-rgb),.42);background:linear-gradient(150deg,rgba(var(--accent-rgb),.11),rgba(5,18,29,.76));padding:clamp(25px,3.4vw,42px)}
.fronts-panel h3{font-size:clamp(28px,3.7vw,44px)}
.front-public-grid-clear{grid-template-columns:1.05fr .95fr;gap:13px}
.front-public-grid-clear>div{min-height:145px;padding:17px;border-color:rgba(var(--accent-rgb),.2);background:rgba(255,255,255,.025)}
.front-activities{grid-row:span 2}
#front-list{grid-template-columns:1fr;gap:7px;margin:11px 0 0}
.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.project-tags span{padding:7px 10px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.08);font-size:11px;color:var(--cream)}
.front-evolution{display:grid;gap:5px;margin:14px 0 20px;padding:14px 16px;border-left:2px solid var(--accent);background:rgba(var(--accent-rgb),.055)}
.front-evolution small{font-size:9px;letter-spacing:.18em;color:var(--accent)}
.front-evolution span{font-size:14px;color:rgba(255,243,224,.78)}
.alliance-callout-clean{border-color:rgba(var(--accent-rgb),.35);background:linear-gradient(145deg,rgba(var(--accent-rgb),.09),rgba(5,18,29,.62))}
.alliance-callout-clean span{color:var(--accent)}

/* Laboratorio de proyectos */
.project-lab{display:grid;grid-template-columns:280px 1fr;gap:16px}
.project-tabs{display:grid;gap:7px;align-content:start}
.project-tabs button{cursor:pointer;text-align:left;padding:13px 15px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:13px;background:rgba(255,255,255,.025);color:rgba(255,243,224,.68);font-family:var(--body);font-size:12px;transition:.25s}
.project-tabs button:hover,.project-tabs button.is-active{color:#06131c;border-color:var(--accent);background:var(--accent);transform:translateX(4px)}
.project-panel{position:relative;min-height:380px;padding:clamp(27px,4vw,50px);border:1px solid rgba(var(--accent-rgb),.38);border-radius:22px;background:radial-gradient(70% 80% at 100% 0,rgba(var(--accent-rgb),.16),transparent 58%),rgba(5,18,29,.68)}
.project-panel>span{font-size:10px;letter-spacing:.2em;color:var(--accent)}
.project-panel h3{font-family:var(--disp);font-size:clamp(32px,4.2vw,52px);line-height:1.02;text-transform:uppercase;margin:11px 0 14px;max-width:720px}
.project-panel>p{font-size:17px;color:rgba(255,243,224,.72);max-width:680px}
.project-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:28px}
.project-panel-grid>div{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025)}
.project-panel-grid b{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.project-panel-grid p{margin-top:10px;color:rgba(255,243,224,.72)}
.project-collage{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin:18px 0}
.project-collage figure{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.24);background:#06131c;min-height:240px}
.project-collage img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10;opacity:.86}
.project-collage figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;border-radius:10px;background:rgba(5,18,29,.82);backdrop-filter:blur(7px);font-size:11px;color:var(--cream)}
.simple-flow span{display:flex;align-items:center;gap:7px}
.simple-flow span b{color:var(--accent);font-size:11px}

/* Comunidades, crecimiento y evidencia */
.community-selector{gap:18px}
.community-panel{border-color:rgba(var(--accent-rgb),.35);background:linear-gradient(145deg,rgba(var(--accent-rgb),.11),rgba(5,18,29,.72))}
.community-cloud button.is-active{background:var(--accent);color:#06131c;border-color:var(--accent)}
.community-visual{margin-top:18px;max-height:520px;overflow:hidden}
.community-visual img{width:100%;height:100%;object-fit:cover}
.gain-grid-clean{grid-template-columns:repeat(4,1fr);gap:14px}
.gain-grid-clean .gain{min-height:170px;padding:23px;border:1px solid rgba(var(--accent-rgb),.2);border-top:2px solid var(--accent);border-radius:16px;background:rgba(var(--accent-rgb),.04)}
.gain-grid-clean .gain>span{display:block;font-size:25px;color:var(--accent);margin-bottom:20px}
.gain-grid-clean .gain b{font-size:21px}
.gain-grid-clean .gain small{display:block;color:rgba(255,243,224,.62);margin-top:6px}
.network-proof-clean{margin-bottom:18px}
.network-proof-clean .network-number{min-height:230px;border-color:rgba(var(--accent-rgb),.35);background:linear-gradient(145deg,rgba(var(--accent-rgb),.13),rgba(5,18,29,.68))}
.network-proof-clean .network-number b,.network-proof-clean .network-metrics b{color:var(--accent)}
.proof-symbols{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin:18px 0 24px}
.proof-symbols article{min-height:145px;padding:17px;border:1px solid rgba(var(--accent-rgb),.18);border-radius:15px;background:rgba(255,255,255,.025)}
.proof-symbols article>span{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:rgba(var(--accent-rgb),.1);color:var(--accent);margin-bottom:18px}
.proof-symbols b{display:block;font-family:var(--disp);font-size:18px;text-transform:uppercase}
.proof-symbols small{color:rgba(255,243,224,.58)}
.network-stage{margin:18px 0 24px}
.network-visual{min-height:420px}
.network-visual>img{min-height:420px}

/* Acordeones más limpios */
.acc,.digital-vault,.service-card{border-color:rgba(var(--accent-rgb),.18)}
.acc[open],.digital-vault[open],.service-card[open]{border-color:rgba(var(--accent-rgb),.44);background:rgba(var(--accent-rgb),.045)}
.acc summary,.digital-vault summary{padding:16px 18px}
.acc-body,.vault-content{color:rgba(255,243,224,.68)}
.digital-vault{margin-top:18px}
.vault-signal i,.acc-x::before,.acc-x::after{background:var(--accent)!important}

/* Registro: una acción final distinta de la evidencia */
.theme-register .reg{border-color:rgba(var(--accent-rgb),.25);background:rgba(10,24,34,.72)}
.theme-register .reg-progress span{color:var(--accent)}
.theme-register .reg-bar i{background:linear-gradient(90deg,var(--accent),var(--amber))}

@media(max-width:1100px){
  .system-grid{grid-template-columns:1fr 1fr}
  .program-lines-clean{grid-template-columns:1fr 1fr}
  .proof-symbols{grid-template-columns:repeat(3,1fr)}
  .project-collage{grid-template-columns:1fr 1fr}.project-collage figure:first-child{grid-column:1/-1}
}
@media(max-width:900px){
  .symbol-grid-three,.concise-accordions,.system-grid,.project-lab,.fronts-clear{grid-template-columns:1fr}
  .concise-accordions .acc[open]{grid-column:auto}
  .fronts-tabs{grid-template-columns:1fr 1fr}
  .front-public-grid-clear,.project-panel-grid,.meaning-grid,.two-story{grid-template-columns:1fr}
  .front-activities{grid-row:auto}
  .project-tabs{grid-template-columns:1fr 1fr}
  .project-tabs button:hover,.project-tabs button.is-active{transform:none}
  .gain-grid-clean{grid-template-columns:1fr 1fr}
  .hero-float{display:none}
}
@media(max-width:640px){
  .hud-signal-label,.signal-track{display:none}
  .hero{padding-top:104px}
  .hero-generation{font-size:14px}
  .hero-stats-three{grid-template-columns:1fr}
  .symbol-grid-three,.program-lines-clean,.fronts-tabs,.project-tabs,.project-collage,.gain-grid-clean,.proof-symbols{grid-template-columns:1fr}
  .project-collage figure:first-child{grid-column:auto}
  .system-path i,.simple-flow i{display:none}
  .system-path,.simple-flow{justify-content:flex-start}
  .region-map,.region-map img{min-height:350px}
  .network-visual,.network-visual>img{min-height:350px}
  .sec-head{padding:18px}
  .sec h2{font-size:clamp(28px,9vw,40px)}
}
@media(prefers-reduced-motion:reduce){
  .project-tabs button,.symbol-card,.system-card,.project-panel{transition:none!important;transform:none!important}
}
/* La entrada es inmediata: se elimina la pantalla de carga para reducir ruido visual. */
.loader{display:none!important}

/* ===== v18 ajustes de propuesta ===== */
body{padding-bottom:92px}
.join-fab{
  position:fixed;right:18px;bottom:18px;z-index:110;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:108px;height:50px;padding:0 18px;border-radius:999px;
  text-decoration:none;text-transform:uppercase;letter-spacing:.08em;
  font-family:var(--mono);font-size:12px;font-weight:700;
  color:#08141d;background:linear-gradient(135deg,var(--amber),#ffd36d);
  box-shadow:0 18px 44px rgba(245,163,31,.34),0 0 0 1px rgba(255,255,255,.24) inset;
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.join-fab::before{content:"♥";font-size:12px;margin-right:9px;color:#f4497b}
.join-fab:hover,.join-fab:focus-visible{transform:translateY(-3px) scale(1.02);box-shadow:0 24px 58px rgba(245,163,31,.42),0 0 0 1px rgba(255,255,255,.32) inset;filter:saturate(1.05)}
.hero-mini-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hero-mini-chips span{
  padding:8px 12px;border-radius:999px;border:1px solid rgba(245,163,31,.25);
  background:rgba(255,255,255,.05);backdrop-filter:blur(10px);
  font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--cream)
}
.visual-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 10px}
.visual-strip figure,.visuals-moodboard figure{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.24);background:#06131c;min-height:240px;box-shadow:0 20px 58px rgba(0,0,0,.28)}
.visual-strip img,.visuals-moodboard img{width:100%;height:100%;object-fit:cover;display:block}
.visual-strip figcaption,.visuals-moodboard figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;border-radius:10px;background:rgba(5,18,29,.84);backdrop-filter:blur(8px);font-size:11px;color:var(--cream)}
.project-collage.visuals-moodboard{grid-template-columns:1fr 1fr;gap:14px}
.project-collage.visuals-moodboard figure:first-child{grid-column:auto}
.gain-grid-inline{margin:0 0 20px}
.gain-grid-inline .gain{border-color:rgba(255,93,120,.22);background:rgba(255,255,255,.03)}
.gain-grid-inline .gain span{color:var(--amber)}
#programa .system-card,#frentes .fronts-panel,#proyectos .project-panel,#comunidades .community-panel,#solo-guerrero .network-number{
  box-shadow:0 22px 62px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04)
}
#registro .reg{box-shadow:0 24px 70px rgba(0,0,0,.28)}
#registro .reg-posters img{object-fit:cover;box-shadow:0 18px 55px rgba(0,0,0,.3)}
#inicio .hero-img img{object-position:center center;filter:saturate(1.06) contrast(1.03)}
.sec-head h2{max-width:14ch}
.sec-head .sec-sub{max-width:68ch}
.alliance-callout-clean p{max-width:70ch}
.project-collage figure img[src$='comunidad-jovenes.png']{object-position:center top}
.community-visual img{object-position:center top}
.fronts-panel .btn,.hero-actions .btn,.reg-nav .btn{position:relative;z-index:1}
@media (max-width:900px){
  body{padding-bottom:86px}
  .visual-strip,.project-collage.visuals-moodboard{grid-template-columns:1fr}
  .join-fab{right:12px;bottom:12px;min-width:98px;height:46px;font-size:11px}
  .sec-head h2{max-width:none}
}

/* ===== Ajustes solicitados: contexto compacto y datos útiles ===== */
.digital-decision{
  display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:22px;
  padding:clamp(22px,3vw,34px);margin:0 0 18px;border:1px solid rgba(var(--accent-rgb),.28);
  border-radius:22px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.12),rgba(5,18,29,.72));
  box-shadow:0 22px 64px rgba(0,0,0,.24);overflow:hidden;position:relative
}
.digital-decision::after{content:"";position:absolute;inset:auto -12% -52% 40%;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.18),transparent 70%);pointer-events:none}
.digital-decision-lead{position:relative;z-index:1}
.digital-decision-lead small,.digital-decision-paths small{font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--accent);text-transform:uppercase}
.digital-decision-lead h3{font-family:var(--disp);font-size:clamp(24px,3.3vw,42px);line-height:1.04;text-transform:uppercase;margin:9px 0 12px}
.digital-decision-lead p{color:var(--muted);max-width:48ch}
.digital-decision-paths{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch;position:relative;z-index:1}
.digital-decision-paths article{padding:18px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.035);display:flex;flex-direction:column;gap:8px;justify-content:center}
.digital-decision-paths b{font-size:14px;line-height:1.45;color:var(--cream)}
.digital-decision-paths>i{align-self:center;font-style:normal;font-size:28px;color:var(--amber)}
.decision-create{border-color:rgba(245,163,31,.35)!important;background:linear-gradient(145deg,rgba(245,163,31,.1),rgba(255,255,255,.025))!important}
.digital-decision-chips{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
.digital-decision-chips span{padding:7px 10px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.22);font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.compact-stats .stat-useful{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:190px;padding:20px}
.stat-useful b{font-size:clamp(34px,4vw,52px)!important;color:var(--accent)!important;line-height:1}
.stat-useful p{margin:10px 0 12px;color:var(--cream);font-size:14px;line-height:1.4}
.stat-useful small{margin-top:auto;padding-top:12px;border-top:1px solid rgba(var(--accent-rgb),.2);color:var(--muted);font-size:11px;line-height:1.45}
.source-note-visible{display:block!important;margin:10px 0 20px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:rgba(255,243,224,.58)}
#guerra-digital .media-vault .wide-media img{width:100%;height:auto;max-height:none;object-fit:contain;background:#061421}
@media(max-width:900px){
  .digital-decision{grid-template-columns:1fr}
  .digital-decision-paths{grid-template-columns:1fr}
  .digital-decision-paths>i{transform:rotate(90deg)}
}

/* ============================================================
   V20 · AJUSTES PUNTUALES SOLICITADOS
   Sin alterar la arquitectura restante del sitio.
   ============================================================ */

/* El control del módulo deja de flotar sobre el texto */
.sec-head{
  padding-right:24px!important;
  padding-bottom:24px!important;
}
.section-toggle{
  position:relative!important;
  right:auto!important;
  bottom:auto!important;
  width:max-content;
  max-width:100%;
  margin-top:20px;
  margin-left:0;
  display:inline-grid;
  align-self:flex-start;
  z-index:5;
}
.section-drawer-inner{padding-top:24px!important}
.section-drawer-inner::before{margin-bottom:32px!important}

/* Acordeones: separación real para impedir que resumen y contenido se encimen */
.acc-stack{gap:16px!important}
.acc,.digital-vault{
  contain:layout paint;
  isolation:isolate;
}
.acc summary,.digital-vault>summary{
  min-height:70px;
  line-height:1.35;
}
.acc-body{
  position:relative;
  z-index:1;
  padding:8px 22px 24px!important;
}
.digital-vault .vault-content{
  position:relative;
  z-index:1;
  padding-top:12px!important;
}
details[open]{
  margin-top:4px;
  margin-bottom:18px;
  transform:perspective(1400px) translate3d(0,0,12px)!important;
}

/* Botones ÚNETE más visibles, sin invadir el contenido */
.hud-cta,
.join-fab,
a.btn.btn-amber[href="#registro"],
#front-cta{
  min-height:56px;
  padding:0 26px;
  font-size:13px;
  letter-spacing:.1em;
  border-radius:999px;
  box-shadow:0 18px 48px rgba(245,163,31,.34),0 0 0 1px rgba(255,255,255,.24) inset,0 0 26px rgba(255,61,94,.12);
}
.hud-cta{min-height:48px;padding:0 22px}
.join-fab{min-width:138px;height:60px;right:20px;bottom:20px;font-size:13px}
a.btn.btn-amber[href="#registro"]::after,
.hud-cta::after,
.join-fab::after{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:inherit;
  border:1px solid rgba(245,163,31,.28);
  opacity:.55;
  animation:joinPulse 2.4s ease-in-out infinite;
  pointer-events:none;
}
@keyframes joinPulse{50%{transform:scale(1.045);opacity:.08}}

/* Cintas persuasivas repetidas, inspiradas en la ticker del héroe */
.battle-ticker-inline{
  position:relative;
  z-index:12;
  display:block;
  width:100%;
  height:46px;
  overflow:hidden;
  text-decoration:none;
  border-top:1px solid rgba(23,195,174,.18);
  border-bottom:1px solid rgba(245,163,31,.18);
  background:linear-gradient(90deg,rgba(5,18,29,.98),rgba(12,36,48,.95),rgba(5,18,29,.98));
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}
.battle-ticker-inline div{
  display:flex;
  align-items:center;
  gap:42px;
  width:max-content;
  height:100%;
  padding-left:24px;
  white-space:nowrap;
  animation:battleTickerMove 34s linear infinite;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.battle-ticker-inline span{color:var(--teal)}
.battle-ticker-inline i{font-style:normal;color:var(--amber)}
.battle-ticker-inline:hover div{animation-play-state:paused}
@keyframes battleTickerMove{to{transform:translateX(-50%)}}

/* Datos duros y causa */
.stakes-lead,.genz-direct{
  font-size:clamp(18px,2vw,23px);
  line-height:1.5;
  color:var(--cream)!important;
  max-width:960px;
}
.stakes-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:20px 0;
}
.stakes-grid article,
.agenda-axes article{
  padding:18px;
  border-radius:15px;
  border:1px solid rgba(var(--accent-rgb),.24);
  background:linear-gradient(145deg,rgba(var(--accent-rgb),.08),rgba(5,18,29,.58));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.stakes-grid b,.agenda-axes b{
  display:block;
  margin-bottom:7px;
  color:var(--accent);
  font-family:var(--disp);
  font-size:19px;
  text-transform:uppercase;
}
.stakes-grid span,.agenda-axes span{display:block;font-size:14px;color:rgba(255,243,224,.68)}
.stakes-call{
  margin-top:18px;
  padding:18px 20px;
  border-left:3px solid var(--coral);
  background:rgba(255,61,94,.07);
  color:var(--cream);
  font-family:var(--disp);
  font-size:clamp(19px,2.2vw,27px);
  text-transform:uppercase;
}
.agenda-axes{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  margin:20px 0;
}
.agenda-cross{
  padding:16px 18px;
  border-radius:14px;
  border:1px solid rgba(23,195,174,.24);
  background:rgba(23,195,174,.055);
  color:var(--cream)!important;
}

/* Comunidad territorial integrada dentro del punto 2 */
.community-vault{margin-top:24px}
.community-vault-intro{max-width:760px;margin-bottom:18px;color:rgba(255,243,224,.72)}
.community-vault .community-selector{margin-bottom:18px}
.community-vault .community-visual{margin-top:18px}

/* Profundidad visual adicional sin cargar la interfaz */
.sec-head,
.digital-decision,
.region-explorer,
.system-card,
.fronts-panel,
.project-panel,
.community-panel,
.reg,
.network-stage{
  transform-style:preserve-3d;
}
.sec-head::before{
  box-shadow:0 0 28px rgba(var(--accent-rgb),.35);
}
.sec-head:hover{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.055),0 26px 70px rgba(0,0,0,.18),0 0 50px rgba(var(--accent-rgb),.07);
}
.region-tabs button,.fronts-tabs button,.project-tabs button,.community-cloud button{
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;
}
.region-tabs button:hover,.fronts-tabs button:hover,.project-tabs button:hover,.community-cloud button:hover{
  transform:translateY(-3px) translateZ(12px);
  box-shadow:0 12px 28px rgba(0,0,0,.26),0 0 20px rgba(var(--accent-rgb),.1);
}

@media(max-width:980px){
  .agenda-axes{grid-template-columns:1fr 1fr}
  .stakes-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .section-toggle{width:100%;grid-template-columns:auto 1fr 24px}
  .stakes-grid,.agenda-axes{grid-template-columns:1fr}
  .join-fab{min-width:118px;height:54px;right:12px;bottom:12px}
  .hud-cta{min-height:44px;padding:0 16px}
  .battle-ticker-inline{height:42px}
  .battle-ticker-inline div{font-size:9px;gap:28px}
}
@media(prefers-reduced-motion:reduce){
  .battle-ticker-inline div,.join-fab::after,.hud-cta::after,a.btn.btn-amber[href="#registro"]::after{animation:none!important}
}

/* ===== v21 claridad, insistencia y archivo temático ===== */
.hero-thesis{max-width:780px}
.hero-generation{max-width:760px}
.manifesto{padding-top:clamp(54px,7vw,92px);padding-bottom:clamp(54px,7vw,92px)}
.manifesto-inner{max-width:740px}
.manifesto h2{margin-bottom:18px}
.manifesto p{max-width:650px;margin-left:auto;margin-right:auto}
.digital-decision-lead p{max-width:620px}
.compact-stats .stat{min-height:0;padding:18px}
.compact-stats .stat p{margin:5px 0 3px}
.compact-stats .stat small{line-height:1.35}

/* La invitación aparece al superar los dos primeros pasos y permanece visible */
.join-fab{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(18px) scale(.94);
}
.join-fab.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.join-fab.is-active:hover,.join-fab.is-active:focus-visible{transform:translateY(-3px) scale(1.03)}
.after-two-steps{box-shadow:0 18px 52px rgba(245,163,31,.12)}

/* Beneficios compactos en registro */
.reg-benefits-line{
  margin:0 0 20px;
  padding:12px 16px;
  border:1px solid rgba(255,93,120,.22);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:rgba(255,243,224,.78);
  font-family:var(--mono);
  font-size:10px;
  line-height:1.45;
  letter-spacing:.08em;
  text-align:center;
  text-transform:uppercase;
}

/* Trabajo de Solo Guerrero desglosado por temas y subtemas */
.work-theme{
  margin:0 0 18px;
  padding:18px;
  border:1px solid rgba(var(--accent-rgb),.18);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(var(--accent-rgb),.055),rgba(5,18,29,.6));
  box-shadow:0 18px 46px rgba(0,0,0,.16);
}
.work-theme:last-child{margin-bottom:0}
.work-theme-head{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:center;
  margin-bottom:14px;
}
.work-theme-head>span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:rgba(var(--accent-rgb),.12);
  color:var(--accent);
  font-family:var(--mono);
  font-size:11px;
  font-weight:800;
}
.work-theme-head h3{
  margin:0;
  font-family:var(--disp);
  font-size:clamp(20px,2.4vw,30px);
  line-height:1.05;
  text-transform:uppercase;
}
.work-subtopics{
  grid-column:2;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.work-subtopics span{
  padding:6px 9px;
  border:1px solid rgba(var(--accent-rgb),.2);
  border-radius:999px;
  color:rgba(255,243,224,.62);
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.work-theme>.acc{margin-top:8px}
#solo-guerrero .media-vault{margin-top:22px;margin-bottom:22px}
#solo-guerrero .visuals-moodboard img{object-fit:contain;background:#081622}

@media(max-width:760px){
  .reg-benefits-line{border-radius:16px;font-size:9px}
  .work-theme{padding:13px}
  .work-theme-head{grid-template-columns:36px 1fr}
  .work-theme-head>span{width:36px;height:36px}
}


/* ============================================================
   V22 · REGISTRO PRINCIPAL — SIN ACORDEÓN
   El contenido y los datos permanecen intactos. Solo cambia la
   jerarquía visual, la interacción y la activación del envío.
   ============================================================ */
#registro.registration-stage{
  --reg-x:50%;--reg-y:34%;
  position:relative;isolation:isolate;overflow:hidden;
  min-height:100vh;
  padding-top:clamp(86px,10vw,142px);
  padding-bottom:clamp(92px,11vw,154px);
  background:
    radial-gradient(circle at var(--reg-x) var(--reg-y),rgba(255,93,120,.18),transparent 26%),
    radial-gradient(65% 70% at 88% 12%,rgba(245,163,31,.13),transparent 62%),
    radial-gradient(75% 70% at 8% 70%,rgba(23,195,174,.13),transparent 64%),
    linear-gradient(180deg,#21121a 0%,#0a1822 48%,#07131b 100%);
}
#registro.registration-stage>.sec-head,
#registro.registration-stage>.reg-command-bar,
#registro.registration-stage>.reg-benefits-line,
#registro.registration-stage>.reg-wrap,
#registro.registration-stage>.reg-done{position:relative;z-index:5}
#registro.registration-stage>.sec-head{
  margin-bottom:18px;
  border-left-color:#ff5d78;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 30px 86px rgba(0,0,0,.22),0 0 64px rgba(255,93,120,.08);
}
#registro.registration-stage>.sec-head::after{content:"OBJETIVO PRINCIPAL // REGISTRO"}
#registro.registration-stage .section-toggle,
#registro.registration-stage>.section-drawer{display:none!important}
.reg-portal{position:absolute;inset:0;z-index:0;pointer-events:none;perspective:1100px;overflow:hidden}
.reg-orbit{position:absolute;border:1px solid rgba(23,195,174,.16);border-radius:50%;filter:drop-shadow(0 0 14px rgba(23,195,174,.16));animation:regOrbit 19s linear infinite}
.reg-orbit::before,.reg-orbit::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 18px rgba(245,163,31,.9)}
.reg-orbit::before{top:9%;left:22%}.reg-orbit::after{right:12%;bottom:19%;background:#ff5d78;box-shadow:0 0 18px rgba(255,93,120,.9)}
.reg-orbit-a{width:660px;height:660px;right:-250px;top:8%;transform:rotateX(62deg) rotateZ(8deg)}
.reg-orbit-b{width:500px;height:500px;left:-230px;bottom:4%;border-color:rgba(245,163,31,.13);animation-duration:24s;animation-direction:reverse}
.reg-orbit-c{width:340px;height:340px;left:42%;top:35%;border-style:dashed;opacity:.58;animation-duration:13s}
.reg-node{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal),0 0 28px rgba(23,195,174,.65);animation:regNode 3.2s ease-in-out infinite}
.reg-node-a{left:8%;top:22%}.reg-node-b{right:12%;top:28%;animation-delay:-.8s}.reg-node-c{left:21%;bottom:17%;animation-delay:-1.6s}.reg-node-d{right:31%;bottom:12%;animation-delay:-2.3s}
@keyframes regOrbit{to{rotate:1turn}}
@keyframes regNode{50%{transform:scale(1.9);opacity:.35}}
.reg-command-bar{
  width:min(100%,var(--content));margin:0 auto 22px;padding:10px 14px;
  display:flex;align-items:center;gap:14px;border:1px solid rgba(255,93,120,.22);border-radius:999px;
  background:linear-gradient(90deg,rgba(255,93,120,.09),rgba(23,195,174,.055),rgba(245,163,31,.075));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 48px rgba(0,0,0,.2);
  font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,243,224,.75)
}
.reg-command-bar>span{color:#ff7890}.reg-command-bar>strong{margin-left:auto;color:var(--amber);font-weight:600}
.reg-command-nodes{display:flex;gap:7px}.reg-command-nodes i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.13);border:1px solid rgba(23,195,174,.32)}
.reg-command-nodes i:first-child,.reg-command-nodes i:nth-child(2){background:var(--teal);box-shadow:0 0 10px rgba(23,195,174,.65)}
#registro .reg-benefits-line{
  width:min(100%,var(--content));margin:0 auto 24px;
  border-color:rgba(255,93,120,.24);background:rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)
}
#registro .reg-wrap{width:min(100%,var(--content));margin-left:auto;margin-right:auto;perspective:1500px;align-items:center}
#registro .reg-posters{transform-style:preserve-3d}
#registro .reg-posters img{
  transition:transform .5s cubic-bezier(.18,.8,.2,1),filter .35s,box-shadow .35s;
  filter:saturate(.9) brightness(.88);
  box-shadow:0 28px 74px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.05) inset
}
#registro .reg-posters img:first-child{transform:rotateY(8deg) rotateX(1deg) translateZ(14px)}
#registro .reg-posters img:last-child{transform:rotateY(-7deg) rotateX(2deg) translateZ(38px)}
#registro .reg-posters:hover img{filter:saturate(1.04) brightness(.98)}
#registro .reg-posters:hover img:first-child{transform:rotateY(3deg) translateZ(24px) translateY(-4px)}
#registro .reg-posters:hover img:last-child{transform:rotateY(-3deg) translateZ(50px) translateY(-8px)}
#registro .reg{
  position:relative;isolation:isolate;overflow:hidden;transform-style:preserve-3d;
  border:1px solid rgba(255,93,120,.34);
  background:linear-gradient(145deg,rgba(10,24,34,.9),rgba(8,19,28,.76));
  backdrop-filter:blur(18px) saturate(1.14);
  box-shadow:0 38px 110px rgba(0,0,0,.48),0 0 72px rgba(255,93,120,.08),inset 0 1px 0 rgba(255,255,255,.08);
  transition:box-shadow .35s,border-color .35s,transform .35s
}
#registro .reg::before{
  content:"";position:absolute;z-index:-1;inset:-35%;pointer-events:none;
  background:conic-gradient(from 90deg at 50% 50%,transparent 0 35%,rgba(23,195,174,.11) 42%,transparent 49% 72%,rgba(245,163,31,.1) 79%,transparent 87%);
  animation:regEnergy 18s linear infinite
}
#registro .reg::after{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:radial-gradient(circle at var(--reg-x) var(--reg-y),rgba(255,255,255,.075),transparent 30%);
  mix-blend-mode:screen
}
#registro .reg:focus-within{border-color:rgba(245,163,31,.52);box-shadow:0 42px 120px rgba(0,0,0,.5),0 0 86px rgba(245,163,31,.1),inset 0 1px 0 rgba(255,255,255,.1)}
@keyframes regEnergy{to{transform:rotate(1turn)}}
#registro .reg-progress{padding:14px 16px;border:1px solid rgba(23,195,174,.18);border-radius:14px;background:rgba(5,18,29,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
#registro .reg-bar{height:6px;background:rgba(255,255,255,.075);box-shadow:inset 0 1px 4px rgba(0,0,0,.45)}
#registro .reg-bar i{border-radius:999px;box-shadow:0 0 20px rgba(255,93,120,.42);background:linear-gradient(90deg,#ff5d78,var(--amber),var(--teal))}
#registro .reg-step.is-active{animation:regStep3D .48s cubic-bezier(.16,.8,.25,1)}
@keyframes regStep3D{from{opacity:0;transform:perspective(900px) translateX(22px) rotateY(-2deg) translateZ(-20px)}to{opacity:1;transform:none}}
#registro .reg label{position:relative}
#registro .reg input,#registro .reg select,#registro .reg textarea{
  border-color:rgba(255,255,255,.12);background:rgba(4,16,25,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.1);
  transition:border-color .24s,box-shadow .24s,transform .24s,background .24s
}
#registro .reg input:hover,#registro .reg select:hover,#registro .reg textarea:hover{border-color:rgba(23,195,174,.34);transform:translateY(-1px)}
#registro .reg input:focus,#registro .reg select:focus,#registro .reg textarea:focus{
  transform:translateY(-2px) translateZ(8px);background:rgba(5,22,33,.9);
  border-color:var(--amber);box-shadow:0 0 0 3px rgba(245,163,31,.13),0 14px 32px rgba(0,0,0,.22),0 0 22px rgba(245,163,31,.08)
}
#registro .reg-nav{min-height:58px;align-items:center}
#registro .reg-nav .btn{min-width:142px;justify-content:center}
.reg-complete-hint{
  margin-top:22px;padding:13px 16px;border:1px dashed rgba(255,93,120,.3);border-radius:12px;
  background:rgba(255,93,120,.055);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,243,224,.65)
}
#reg-send:not([hidden]){animation:sendReady .62s cubic-bezier(.16,.8,.25,1) both;box-shadow:0 20px 56px rgba(245,163,31,.38),0 0 34px rgba(255,93,120,.18)}
#reg-send.is-ready::before{content:"✓";margin-right:9px;font-size:15px}
@keyframes sendReady{from{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:none}}
#registro .form-is-complete .reg-progress{border-color:rgba(112,214,123,.34);box-shadow:0 0 34px rgba(112,214,123,.08),inset 0 1px 0 rgba(255,255,255,.04)}
#registro .form-is-complete #reg-step-label{color:#70d67b}
@media(max-width:900px){
  #registro.registration-stage{min-height:auto;padding-top:78px}
  .reg-command-bar{border-radius:16px}.reg-command-bar>strong{display:none}
  #registro .reg-wrap{display:block}
}
@media(max-width:560px){
  #registro.registration-stage>.sec-head{padding:20px!important}
  .reg-command-bar{gap:9px;padding:10px 12px}.reg-command-nodes{margin-left:auto}
  #registro .reg{padding:22px 18px}
  #registro .reg-nav .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .reg-orbit,.reg-node,#registro .reg::before,#reg-send:not([hidden]){animation:none!important}
  #registro .reg-posters img,#registro .reg input,#registro .reg select,#registro .reg textarea{transform:none!important}
}

/* El atributo hidden debe dominar sobre los estilos de botón del sitio. */
#registro [hidden]{display:none!important}


/* ============================================================
   v23 · Jaguar integrado, simetría y experiencia sin acordeones
   ============================================================ */
.world-console,.world-rail,.module-hint{display:none!important}

.hero{grid-template-columns:minmax(0,1fr) minmax(320px,520px);column-gap:clamp(28px,4vw,54px);align-items:center}
.hero-inner{max-width:none;grid-column:1;align-self:center}
.hero-jaguar-panel{grid-column:2;position:relative;z-index:3;background:linear-gradient(180deg,rgba(8,22,34,.72),rgba(8,22,34,.88));border:1px solid rgba(245,163,31,.24);border-radius:26px;padding:22px;backdrop-filter:blur(10px);box-shadow:0 30px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06)}
.hero-jaguar-head small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.24em;color:var(--amber);margin-bottom:10px}
.hero-jaguar-head h3{font-family:var(--disp);font-size:clamp(22px,2.5vw,32px);line-height:1.05;text-transform:uppercase;margin-bottom:10px}
.hero-jaguar-head p{font-size:14px;color:var(--muted);margin-bottom:16px}
.hero-jaguar-stage{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(245,163,31,.22);background:radial-gradient(circle at 50% 20%,rgba(255,184,31,.22),rgba(5,18,29,.88) 62%);padding:12px;margin:0 0 14px 0}
.hero-jaguar-stage::before{content:"";position:absolute;inset:8px;border-radius:18px;border:1px solid rgba(255,255,255,.05);pointer-events:none}
#hero-jaguar-main{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;filter:drop-shadow(0 20px 40px rgba(255,190,54,.18));animation:jaguarFloat 5.5s ease-in-out infinite;transition:opacity .25s ease, transform .25s ease}
#hero-jaguar-main.is-switching{opacity:.4;transform:scale(.985)}
#hero-jaguar-caption{padding:12px 4px 2px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.hero-jaguar-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hero-jaguar-thumb{position:relative;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:16px;padding:4px;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.hero-jaguar-thumb:hover,.hero-jaguar-thumb.is-active{transform:translateY(-2px);border-color:rgba(245,163,31,.56);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.hero-jaguar-thumb img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}
.hero-jaguar-thumb span{position:absolute;right:8px;bottom:8px;min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:rgba(5,18,29,.78);border:1px solid rgba(255,255,255,.06);font-family:var(--mono);font-size:10px;color:var(--cream)}
.hero-data-ticker,.scroll-cue{grid-column:1/-1}
.hero-oath{max-width:640px}

@keyframes jaguarFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.static-details .acc-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:none}
.static-details details.acc,.static-details details.digital-vault{height:100%;border-color:rgba(23,195,174,.14);background:rgba(255,243,224,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.static-details details.is-static summary,.static-details details.digital-vault.is-static summary{cursor:default;padding-bottom:10px}
.static-details details.is-static summary .acc-x,.static-details details.digital-vault.is-static summary em{display:none!important}
.static-details details.is-static .acc-body{padding-top:0}
.static-details .context-stack .acc:nth-child(1){grid-column:span 2}
.static-details .media-vault .vault-content,.static-details .community-vault .vault-content,.static-details .info-vault .vault-content,.static-details .profile-vault .vault-content{padding:0 22px 22px}
.static-details .digital-vault summary{pointer-events:none}
.static-details .work-theme{background:rgba(255,255,255,.024);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:18px}
.static-details .ecosystem-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.static-details .work-theme details.acc{margin-top:14px}
.static-details .work-theme details.acc + details.acc{margin-top:14px}

.theme-jaguar{background:radial-gradient(65% 110% at 80% 10%,rgba(245,163,31,.15),transparent 40%),linear-gradient(180deg,var(--ink-2),var(--ink))}
.guardian-strip{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:24px;align-items:center}
.guardian-figure{margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(245,163,31,.22);background:rgba(255,255,255,.03)}
.guardian-figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.guardian-figure figcaption{padding:12px 18px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted)}
.guardian-copy{display:grid;gap:18px}
.guardian-points{display:flex;flex-wrap:wrap;gap:10px}
.guardian-points span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(245,163,31,.22);font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--cream)}
.guardian-copy p{font-size:16px;color:var(--muted);max-width:40ch}

.join-fab{z-index:60}
.join-fab.is-active{opacity:1;transform:translateY(0)}

@media (max-width:1120px){
  .hero{grid-template-columns:1fr;row-gap:28px;padding-top:110px}
  .hero-inner,.hero-jaguar-panel{grid-column:1}
  .hero-inner{max-width:760px}
  .hero-jaguar-panel{max-width:640px;width:100%}
  .static-details .context-stack .acc:nth-child(1){grid-column:auto}
}
@media (max-width:980px){
  .static-details .acc-stack,.static-details .ecosystem-stack,.guardian-strip{grid-template-columns:1fr}
}
@media (max-width:640px){
  .hero-jaguar-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-jaguar-panel{padding:16px}
  .hero-jaguar-head h3{font-size:24px}
}

/* ============================================================
   v24 · Template Jaguar 3D integrado
   El jaguar es parte de la interfaz, no una galería.
   ============================================================ */
:root{
  --jaguar-gold:#ffbf38;
  --jaguar-deep:#110a02;
  --page-max:1240px;
}

body{
  background:
    radial-gradient(circle at 50% -10%,rgba(255,180,40,.10),transparent 34%),
    linear-gradient(180deg,#03101a 0%,#05121d 42%,#040c13 100%);
}

.jaguar-template-chrome{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.jaguar-template-chrome::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,transparent 0 9%,rgba(255,188,54,.055) 9.1%,transparent 9.3% 90.7%,rgba(255,188,54,.055) 90.9%,transparent 91%),
    radial-gradient(circle at 50% 0%,rgba(255,188,54,.10),transparent 40%);
  opacity:.9;
}
.chrome-line{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(255,190,50,.16),transparent)}
.chrome-line-a{left:7.5%}.chrome-line-b{right:7.5%}
.chrome-eye{position:absolute;top:22vh;width:7px;height:3px;border-radius:999px;background:var(--jaguar-gold);box-shadow:0 0 14px 4px rgba(255,183,39,.32);opacity:.45}
.chrome-eye-left{left:4.5%}.chrome-eye-right{right:4.5%}

.hud{background:rgba(3,12,19,.84);border-bottom:1px solid rgba(255,190,50,.12);backdrop-filter:blur(18px)}
.hud::after{content:"";position:absolute;left:50%;bottom:-1px;width:min(520px,45vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--jaguar-gold),transparent);opacity:.5}

.hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,560px);
  align-items:center;
  gap:clamp(30px,5vw,72px);
  min-height:100svh;
  padding:116px max(var(--pad),calc((100vw - var(--page-max))/2 + 28px)) 76px;
}
.hero-inner{position:relative;z-index:4;grid-column:1;max-width:690px}
.hero-title{font-size:clamp(50px,7vw,102px)}
.hero-thesis,.hero-generation{max-width:640px}
.hero-actions{gap:12px;margin-top:4px}
.hero-actions .btn{min-width:190px;justify-content:center}
.hero-oath{max-width:620px}
.hero-data-ticker,.scroll-cue{grid-column:1/-1}

.hero-jaguar-interface{
  --jaguar-rx:0deg;--jaguar-ry:0deg;--jaguar-x:0px;--jaguar-y:0px;
  position:relative;z-index:4;grid-column:2;
  width:100%;max-width:560px;aspect-ratio:1/1;
  display:grid;place-items:center;perspective:1400px;
  transform:translate3d(var(--jaguar-x),var(--jaguar-y),0) rotateX(var(--jaguar-rx)) rotateY(var(--jaguar-ry));
  transition:transform .22s ease-out;
  justify-self:center;
}
.hero-jaguar-interface::before{
  content:"";position:absolute;inset:7%;border-radius:50%;
  background:radial-gradient(circle,rgba(255,183,36,.24),rgba(255,183,36,.03) 48%,transparent 66%);
  filter:blur(14px);animation:jaguarPulse 3.8s ease-in-out infinite;
}
.jaguar-sequence{position:absolute;inset:6%;border-radius:50%;overflow:hidden;transform-style:preserve-3d;filter:drop-shadow(0 38px 62px rgba(0,0,0,.45))}
.jaguar-frame{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
  opacity:0;transform:scale(1.08) translateZ(-20px);transition:opacity 1.1s ease,transform 5.4s ease;
  filter:saturate(1.05) contrast(1.05) brightness(.96);
}
.jaguar-frame.is-active{opacity:1;transform:scale(1) translateZ(30px)}
.jaguar-halo{position:absolute;border:1px solid rgba(255,191,56,.23);border-radius:50%;box-shadow:inset 0 0 28px rgba(255,177,25,.06)}
.jaguar-halo-a{inset:1%;animation:haloSpin 26s linear infinite}
.jaguar-halo-b{inset:8%;border-style:dashed;animation:haloSpinReverse 18s linear infinite}
.jaguar-halo-c{inset:16%;border-color:rgba(23,195,174,.16);animation:haloSpin 12s linear infinite}
.jaguar-scan{position:absolute;inset:8%;border-radius:50%;background:linear-gradient(180deg,transparent 0 44%,rgba(255,200,83,.16) 50%,transparent 56%);mix-blend-mode:screen;animation:jaguarScan 4.8s ease-in-out infinite}
.jaguar-interface-label{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);width:max-content;max-width:88%;padding:10px 16px;border:1px solid rgba(255,190,50,.25);border-radius:999px;background:rgba(3,12,19,.76);backdrop-filter:blur(10px);text-align:center;box-shadow:0 14px 32px rgba(0,0,0,.34)}
.jaguar-interface-label span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.24em;color:var(--teal)}
.jaguar-interface-label b{display:block;margin-top:2px;font-family:var(--disp);font-size:14px;letter-spacing:.06em;color:var(--cream)}

@keyframes haloSpin{to{transform:rotate(360deg)}}
@keyframes haloSpinReverse{to{transform:rotate(-360deg)}}
@keyframes jaguarScan{0%,100%{transform:translateY(-14%);opacity:.25}50%{transform:translateY(14%);opacity:.8}}
@keyframes jaguarPulse{0%,100%{transform:scale(.98);opacity:.7}50%{transform:scale(1.04);opacity:1}}

/* Secciones más compactas, simétricas y coherentes */
.sec{padding:clamp(68px,7.5vw,106px) max(var(--pad),calc((100vw - var(--page-max))/2 + 28px));position:relative;isolation:isolate}
.sec > :not(.jaguar-template-decor){position:relative;z-index:2;max-width:var(--page-max);margin-inline:auto}
.sec-head{max-width:930px;margin:0 auto clamp(28px,4vw,48px);text-align:center}
.sec-head h2{max-width:18ch;margin-inline:auto}
.sec-head .sec-sub{max-width:760px;margin-inline:auto}
.manifesto{position:relative;isolation:isolate;overflow:hidden}
.manifesto-inner{position:relative;z-index:2;max-width:980px;margin-inline:auto;text-align:center}

.jaguar-template-decor{
  --decor-y:0px;
  position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .8s ease;
}
.jaguar-template-decor.is-visible{opacity:1}
.jaguar-template-decor::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,18,29,.32),rgba(5,18,29,.86) 82%)}
.jaguar-template-decor img{position:absolute;width:min(760px,58vw);height:auto;object-fit:contain;opacity:.13;filter:saturate(.85) contrast(1.05) drop-shadow(0 30px 70px rgba(0,0,0,.45));transform:translateY(var(--decor-y)) scale(1.02);transition:transform .25s linear}
.jaguar-decor-left img{left:-10%;top:50%;transform:translateY(calc(-50% + var(--decor-y))) scale(1.02)}
.jaguar-decor-right img{right:-10%;top:50%;transform:translateY(calc(-50% + var(--decor-y))) scale(1.02)}
.jaguar-decor-center img{left:50%;top:50%;transform:translate(-50%,calc(-50% + var(--decor-y))) scale(1.08);opacity:.105}

/* Información abierta, sin acordeones y sin huecos laterales */
.static-info-card{
  position:relative;border:1px solid rgba(255,255,255,.08);border-radius:20px;
  background:linear-gradient(155deg,rgba(12,31,46,.86),rgba(5,18,29,.76));
  box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
.static-info-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,191,56,.75),transparent);opacity:.5}
.static-card-head{display:flex;align-items:center;gap:12px;padding:16px 18px 10px;font-weight:700;font-size:clamp(15px,1.5vw,18px);color:var(--cream)}
.static-card-head small{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--teal);margin-bottom:2px}
.static-card-head b{font-family:var(--disp);font-size:18px;letter-spacing:.03em;text-transform:uppercase}
.static-info-card .acc-body,.static-info-card .vault-content{padding:0 18px 18px;color:var(--muted)}
.static-vault-card{margin-top:18px}
.context-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:var(--page-max);margin-inline:auto}
.context-stack .static-acc-card:first-child{grid-column:1/-1}
.stakes-grid,.agenda-axes{gap:10px}
.stakes-grid article,.agenda-axes article{padding:14px}
.static-vault-card .wide-media{max-width:980px;margin-inline:auto}
.static-vault-card .wide-media img{max-height:390px;object-fit:cover;width:100%}

#territorio .region-stage,#frentes .fronts,#proyectos .project-lab,#registro .reg-wrap,#solo-guerrero .network-proof{max-width:var(--page-max);margin-inline:auto}
#territorio .static-vault-card{max-width:var(--page-max);margin-inline:auto;margin-top:18px}
#territorio .static-vault-card .vault-content{display:grid;gap:18px}

.ecosystem-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:none}
.work-theme{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(255,255,255,.025)}
.work-theme .static-info-card{margin-top:12px}
.work-theme-head{margin-bottom:4px}

/* Frentes y proyectos: más simetría */
.fronts{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:18px}
.fronts-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.fronts-tabs button{min-height:46px;text-align:left;border-radius:12px}
.fronts-panel{min-height:100%;padding:clamp(20px,3vw,34px)}
.project-lab{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:18px}
.project-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.project-tabs button{min-height:46px;border-radius:12px}
.project-panel{min-height:100%}
.project-collage{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.project-collage figure{min-height:220px}
.project-collage figure img{height:100%;object-fit:cover}

/* Registro: jaguar como atmósfera, no como bloque extra */
#registro{background:radial-gradient(circle at 50% 25%,rgba(255,183,28,.12),transparent 38%),linear-gradient(180deg,#06131d,#030b12)}
#registro .jaguar-template-decor img{opacity:.12;width:min(900px,72vw)}
#registro .reg-wrap{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:20px;align-items:stretch}
#registro .reg-posters{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
#registro .reg-posters img{width:100%;height:100%;max-height:380px;object-fit:cover;border-radius:18px}
#registro .reg{height:100%;border-color:rgba(255,191,56,.22)}

/* Solo Guerrero al final, abierto y ordenado */
#solo-guerrero .static-vault-card{margin-top:18px}
#solo-guerrero .visuals-moodboard{grid-template-columns:repeat(2,minmax(0,1fr))}
#solo-guerrero .founder-single{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr)}

/* Respeta accesibilidad */
@media (prefers-reduced-motion:reduce){
  .jaguar-frame,.jaguar-halo,.jaguar-scan,.hero-jaguar-interface::before{animation:none!important;transition:none!important}
  .jaguar-frame:not(.is-active){display:none}
}

@media(max-width:1120px){
  .hero{grid-template-columns:1fr;gap:28px;padding-top:110px}
  .hero-inner{grid-column:1;max-width:820px;margin-inline:auto;text-align:center}
  .hero-actions{justify-content:center}
  .hero-thesis,.hero-generation,.hero-oath{margin-inline:auto}
  .hero-jaguar-interface{grid-column:1;max-width:620px}
}
@media(max-width:920px){
  .context-stack,.ecosystem-stack,.fronts,.project-lab,#registro .reg-wrap,#solo-guerrero .founder-single{grid-template-columns:1fr}
  .context-stack .static-acc-card:first-child{grid-column:auto}
  .fronts-tabs,.project-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  #registro .reg-posters{grid-template-columns:1fr 1fr}
  .project-collage{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .hero{padding-inline:18px}
  .hero-title{font-size:clamp(46px,16vw,72px)}
  .hero-jaguar-interface{max-width:94vw}
  .jaguar-interface-label{bottom:1%}
  .sec{padding-inline:18px}
  .fronts-tabs,.project-tabs,#registro .reg-posters,.project-collage,#solo-guerrero .visuals-moodboard{grid-template-columns:1fr}
  .static-card-head{align-items:flex-start}
  .jaguar-template-decor img{width:95vw;opacity:.08}
}

/* ============================================================
   v25 · Fondo Jaguar dinámico, acordeones restaurados y registro prioritario
   ============================================================ */

/* Fondo global con parallax 3D por sección */
.jaguar-scroll-world{
  --world-x:0px;--world-y:0px;--world-rx:0deg;--world-ry:0deg;--world-scale:1.06;
  position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;
  background:radial-gradient(circle at 50% 40%,rgba(255,177,31,.08),transparent 34%),#02070d;
  perspective:1200px;
}
.jaguar-scroll-grid{
  position:absolute;inset:-12%;opacity:.18;
  background-image:linear-gradient(rgba(23,195,174,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(245,163,31,.065) 1px,transparent 1px);
  background-size:52px 52px;
  transform:translate3d(calc(var(--world-x) * -.25),calc(var(--world-y) * -.28),-40px) rotateX(68deg) scale(1.35);
  transform-origin:center 70%;
}
.jaguar-scroll-layer{
  position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;object-position:center;
  opacity:0;filter:saturate(.84) contrast(1.08) brightness(.54) sepia(.08);
  transform:translate3d(var(--world-x),var(--world-y),0) rotateX(var(--world-rx)) rotateY(var(--world-ry)) scale(var(--world-scale));
  transition:opacity .75s ease,filter .75s ease;will-change:transform,opacity;
}
.jaguar-scroll-layer.is-active{opacity:.14}
.jaguar-scroll-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,16,.82),rgba(3,10,16,.58) 36%,rgba(3,10,16,.86)),radial-gradient(circle at center,transparent 12%,rgba(3,10,16,.58) 76%)}

/* Jaguar distinto por apartado con movimiento espacial */
.jaguar-template-decor{perspective:1200px;opacity:.62!important}
.jaguar-template-decor img{
  --decor-x:0px;--decor-r:0deg;--decor-scale:1.04;
  opacity:.18!important;
  transform:translate3d(var(--decor-x),var(--decor-y),0) rotate(var(--decor-r)) scale(var(--decor-scale))!important;
  transition:none!important;will-change:transform;mix-blend-mode:screen;
}
.jaguar-decor-left img{left:-8%!important;top:48%!important}
.jaguar-decor-right img{right:-8%!important;top:48%!important}
.jaguar-decor-center img{left:50%!important;top:50%!important;margin-left:-28vw}
#registro .jaguar-template-decor img{opacity:.15!important}
#solo-guerrero .jaguar-template-decor img{opacity:.12!important}

/* Acordeones: compactos, simétricos y funcionales */
.context-stack,.ecosystem-stack{display:grid;grid-template-columns:1fr;gap:12px;max-width:var(--page-max);margin-inline:auto}
.jaguar-accordion{
  position:relative;border:1px solid rgba(255,255,255,.09);border-radius:18px;
  background:linear-gradient(155deg,rgba(12,31,46,.9),rgba(5,18,29,.82));
  box-shadow:0 16px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;
}
.jaguar-accordion::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 15%,rgba(245,163,31,.08),transparent 34%);opacity:.8}
.jaguar-accordion[open]{border-color:rgba(245,163,31,.42);box-shadow:0 24px 54px rgba(0,0,0,.3),0 0 0 1px rgba(245,163,31,.05) inset}
.jaguar-accordion summary{position:relative;z-index:2;min-height:62px;padding:17px 20px!important;align-items:center}
.jaguar-accordion .acc-body,.jaguar-accordion .vault-content{position:relative;z-index:2;padding:0 20px 20px}
.jaguar-accordion .acc-x{margin-left:auto}
.digital-vault.jaguar-accordion{margin-top:14px}
.digital-vault.jaguar-accordion summary{pointer-events:auto!important;cursor:pointer!important}
.digital-vault.jaguar-accordion::after{
  content:"";position:absolute;right:-5%;bottom:-16%;width:260px;height:260px;
  background-image:var(--vault-jaguar);background-size:contain;background-repeat:no-repeat;background-position:center;
  opacity:.055;filter:saturate(.8) sepia(.2);pointer-events:none;
}
.accordion-camera-target{scroll-margin-top:92px}

/* Una sola lectura compacta de las capacidades de Solo Guerrero */
.network-proof-clean{display:block!important;margin-bottom:14px}
.network-number-all{min-height:0!important;padding:22px!important;width:100%;background:linear-gradient(135deg,rgba(245,163,31,.1),rgba(23,195,174,.055),rgba(5,18,29,.78))!important}
.network-number-all h3{font-family:var(--disp);font-size:clamp(24px,3vw,38px);text-transform:uppercase;margin:6px 0 18px}
.network-metrics-inline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.network-metrics-inline div{min-height:104px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:center}
.network-metrics-inline b{font-family:var(--disp);font-size:clamp(25px,3vw,40px);line-height:1;color:var(--amber)}
.network-metrics-inline span{margin-top:7px;font-size:12px;color:var(--muted)}

/* Páginas y comunidades: una imagen completa y todo integrado */
.pages-community-compact{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:20px;align-items:center}
.pages-logo-figure{margin:0;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;background:#071321}
.pages-logo-figure img{display:block;width:100%;height:auto;object-fit:contain}
.pages-logo-figure figcaption{padding:10px 14px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--muted)}
.pages-community-copy h3{font-family:var(--disp);font-size:clamp(22px,2.5vw,32px);line-height:1.08;text-transform:uppercase;margin-bottom:12px}
.pages-community-copy p{color:var(--muted)}
.pages-community-copy p+p{margin-top:10px}
.ecosystem-one-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
.ecosystem-one-line>span{padding:11px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.ecosystem-one-line i{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:9px;background:rgba(245,163,31,.1);font-style:normal;color:var(--amber);margin-right:7px}
.ecosystem-one-line b{font-family:var(--disp);font-size:15px;text-transform:uppercase}
.ecosystem-one-line small{display:block;margin-top:5px;color:var(--muted);font-size:10px}

/* Eventos: miniaturas completas, sin recortes, con ampliación */
.activation-overview.event-thumb{max-width:680px;margin:16px auto!important;background:rgba(255,255,255,.025)}
.event-case-media{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important}
.tacos-media{grid-template-columns:1fr 1fr!important}
.event-thumb{position:relative;cursor:zoom-in!important;background:#07121d!important;min-height:0!important;overflow:hidden;border-radius:14px!important}
.event-thumb::after{content:"AMPLIAR";position:absolute;right:8px;bottom:8px;padding:5px 8px;border-radius:999px;background:rgba(3,10,16,.82);border:1px solid rgba(255,255,255,.09);font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:var(--cream)}
.event-thumb img,.event-case-media img,.activation-overview img{display:block;width:100%!important;height:auto!important;max-height:220px!important;object-fit:contain!important;object-position:center!important;background:#07121d!important}
.activation-overview img{max-height:440px!important}
.event-gallery-hint{margin:-8px 0 14px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--teal);text-align:center}

/* Lightbox para imágenes completas */
body.lightbox-open{overflow:hidden}
.media-lightbox{position:fixed;inset:0;z-index:300;background:rgba(2,7,12,.94);backdrop-filter:blur(16px);display:grid;place-items:center;padding:24px}
.media-lightbox[hidden]{display:none}
.media-lightbox-stage{width:min(1100px,94vw);height:min(88vh,900px);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px}
.media-lightbox-stage img{width:100%;height:100%;object-fit:contain;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#030a10;box-shadow:0 35px 90px rgba(0,0,0,.6)}
.media-lightbox-stage p{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);text-align:center}
.media-lightbox-close{position:fixed;top:18px;right:18px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(5,18,29,.88);color:var(--cream);font-size:32px;line-height:1;cursor:pointer;z-index:301}

/* Aprende Guerrero y causas */
.work-theme{height:max-content}
.cause-support-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0}
.cause-support-flow article{padding:12px;border-radius:13px;border:1px solid rgba(23,195,174,.15);background:rgba(23,195,174,.04)}
.cause-support-flow span{display:block;font-family:var(--mono);font-size:10px;color:var(--teal)}
.cause-support-flow b{display:block;margin:6px 0 4px;font-family:var(--disp);font-size:17px;text-transform:uppercase;color:var(--cream)}
.cause-support-flow small{color:var(--muted);font-size:11px}
.causes-thesis{margin-top:12px}

/* Registro: prioridad, simetría y pósteres completos */
#registro{scroll-margin-top:76px}
#registro>.sec-head{scroll-margin-top:76px}
#registro .reg-wrap{grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr)!important;align-items:start!important;gap:20px!important}
#registro .reg-posters{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;align-items:start!important;align-content:start!important;transform:none!important}
#registro .reg-posters img,#registro .reg-posters img:first-child,#registro .reg-posters img:last-child{
  display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;
  margin:0!important;transform:none!important;border-radius:16px!important;background:#06111a!important;box-shadow:0 18px 48px rgba(0,0,0,.35)!important;
}
#registro .reg-posters:hover img,#registro .reg-posters:hover img:first-child,#registro .reg-posters:hover img:last-child{transform:none!important}
#registro .reg{position:relative;z-index:5}
#registro.registration-stage>.sec-head{max-width:900px!important;margin-bottom:24px!important}

@media(max-width:1100px){
  .network-metrics-inline{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cause-support-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pages-community-compact{grid-template-columns:1fr}
}
@media(max-width:920px){
  #registro .reg-wrap{grid-template-columns:1fr!important}
  #registro .reg-posters{grid-template-columns:1fr 1fr!important;max-width:720px;margin-inline:auto}
  .event-case-media,.tacos-media{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .jaguar-scroll-layer.is-active{opacity:.095}
  .jaguar-template-decor img{opacity:.095!important;width:110vw!important}
  .network-metrics-inline{grid-template-columns:1fr 1fr}
  .ecosystem-one-line{grid-template-columns:1fr 1fr}
  .cause-support-flow{grid-template-columns:1fr 1fr}
  #registro .reg-posters{grid-template-columns:1fr!important}
  .event-case-media,.tacos-media{grid-template-columns:1fr 1fr!important}
  .event-thumb img,.event-case-media img{max-height:170px!important}
}
@media(prefers-reduced-motion:reduce){
  .jaguar-scroll-layer,.jaguar-template-decor img{transition:none!important;transform:none!important}
}
.jaguar-scroll-world{z-index:0}

/* ============================================================
   V26 · ACORDEONES COMPACTOS + JAGUAR REACTIVO + FORMULARIO ENFOCADO
   Mantiene el contenido de V25 y mejora la experiencia interactiva.
   ============================================================ */

/* Todos los puntos se compactan como módulos; registro permanece especial */
.sec.module-collapsed{
  padding-top:clamp(30px,4.2vw,54px)!important;
  padding-bottom:clamp(30px,4.2vw,54px)!important;
}
.sec.module-collapsed>.sec-head{margin-bottom:0!important}
.sec.module-collapsed>.sec-head .sec-sub{max-width:70ch}
.section-toggle{
  min-width:210px;
  justify-content:center;
  border-color:rgba(245,163,31,.28)!important;
  background:linear-gradient(135deg,rgba(8,25,38,.94),rgba(18,29,38,.9))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.section-toggle:hover,.section-toggle:focus-visible,
.section-toggle[aria-expanded="true"]{
  border-color:rgba(245,163,31,.68)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 34px rgba(245,163,31,.12)!important;
}
.section-drawer-inner{padding-top:18px!important}
.section-drawer-inner::before{
  height:1px!important;
  margin-bottom:24px!important;
  background:linear-gradient(90deg,transparent,rgba(245,163,31,.62),rgba(23,195,174,.52),transparent)!important;
}
.module-activated .jaguar-template-decor img{animation:v26ModuleJaguar 1s cubic-bezier(.16,.8,.25,1)}
@keyframes v26ModuleJaguar{
  0%{filter:brightness(.7) saturate(.75);opacity:.06!important}
  45%{filter:brightness(1.65) saturate(1.2);opacity:.26!important}
  100%{filter:brightness(1) saturate(1);opacity:.18!important}
}

/* El acordeón abierto genera profundidad, brillo y movimiento de fondo */
.jaguar-accordion{transform-style:preserve-3d;transition:border-color .28s ease,box-shadow .34s ease,transform .36s cubic-bezier(.16,.8,.25,1)}
.jaguar-accordion[open]{
  transform:perspective(1400px) translateZ(12px);
  box-shadow:0 28px 72px rgba(0,0,0,.38),0 0 0 1px rgba(245,163,31,.08) inset,0 0 46px rgba(245,163,31,.075)!important;
}
.jaguar-accordion::after{
  content:"";position:absolute;right:-6%;bottom:-26%;width:min(340px,42vw);aspect-ratio:1/1;
  background-image:var(--vault-jaguar);background-size:contain;background-repeat:no-repeat;background-position:center;
  opacity:.035;filter:saturate(.9) brightness(1.05);pointer-events:none;
  transform:translate3d(18px,18px,-20px) scale(.95);transition:opacity .45s ease,transform .65s cubic-bezier(.16,.8,.25,1);
}
.jaguar-accordion[open]::after{opacity:.13;transform:translate3d(0,0,24px) scale(1.04)}
.jaguar-accordion.jaguar-opening{animation:v26AccordionOpen .88s cubic-bezier(.16,.8,.25,1)}
@keyframes v26AccordionOpen{
  0%{transform:perspective(1400px) rotateX(-5deg) translateY(10px) scale(.985);filter:brightness(.82)}
  55%{transform:perspective(1400px) rotateX(1deg) translateY(-2px) scale(1.006);filter:brightness(1.16)}
  100%{transform:perspective(1400px) rotateX(0) translateY(0) scale(1);filter:brightness(1)}
}
.jaguar-focus-target{outline:1px solid rgba(245,163,31,.38);outline-offset:5px}

/* Destello 3D cada vez que cambia un módulo o acordeón */
.accordion-jaguar-flash{
  position:fixed;inset:0;z-index:2;pointer-events:none;opacity:0;overflow:hidden;
  perspective:1200px;transition:opacity .25s ease;
}
.accordion-jaguar-flash span,
.accordion-jaguar-flash i{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%) scale(.2)}
.accordion-jaguar-flash span{width:42vmin;height:42vmin;border:1px solid rgba(245,163,31,.58);box-shadow:0 0 65px rgba(245,163,31,.25),inset 0 0 65px rgba(245,163,31,.1)}
.accordion-jaguar-flash i{width:22vmin;height:22vmin;border:1px dashed rgba(23,195,174,.5);box-shadow:0 0 52px rgba(23,195,174,.2)}
.accordion-jaguar-flash.is-active{opacity:1;animation:v26FlashFade .9s ease both}
.accordion-jaguar-flash.is-active span{animation:v26FlashRing .9s cubic-bezier(.16,.8,.25,1) both}
.accordion-jaguar-flash.is-active i{animation:v26FlashRing .9s .05s cubic-bezier(.16,.8,.25,1) reverse both}
@keyframes v26FlashFade{0%{opacity:0}22%{opacity:.72}100%{opacity:0}}
@keyframes v26FlashRing{0%{transform:translate(-50%,-50%) scale(.18) rotateX(70deg)}100%{transform:translate(-50%,-50%) scale(3.8) rotateX(0deg);opacity:0}}
.jaguar-scroll-world.is-jaguar-shifting{filter:brightness(1.22) saturate(1.1)}
.jaguar-scroll-world.is-jaguar-shifting .jaguar-scroll-layer.is-active{animation:v26BackgroundShift .9s cubic-bezier(.16,.8,.25,1)}
@keyframes v26BackgroundShift{
  0%{transform:translate3d(var(--world-x),calc(var(--world-y) + 24px),0) rotateX(calc(var(--world-rx) - 4deg)) rotateY(var(--world-ry)) scale(calc(var(--world-scale) * .96));filter:blur(5px) brightness(.7)}
  60%{filter:blur(0) brightness(1.3)}
  100%{transform:translate3d(var(--world-x),var(--world-y),0) rotateX(var(--world-rx)) rotateY(var(--world-ry)) scale(var(--world-scale));filter:blur(0) brightness(1)}
}

/* Registro: una sola imagen opcional dentro de acordeón; formulario como protagonista */
#registro .reg-wrap{
  grid-template-columns:1fr!important;
  gap:16px!important;
  max-width:980px!important;
}
#registro .reg-poster-vault{
  width:min(100%,820px);
  margin:0 auto 2px!important;
  background:linear-gradient(145deg,rgba(12,31,46,.84),rgba(5,18,29,.92));
}
#registro .reg-poster-vault summary{min-height:58px!important;padding:13px 18px!important}
#registro .reg-poster-vault .vault-content{padding:0 16px 16px!important}
.reg-poster-single{margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#06111a}
.reg-poster-single img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;background:#06111a}
.reg-poster-single figcaption{padding:10px 14px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--muted);text-align:center}
#registro .reg{width:min(100%,900px);margin-inline:auto;scroll-margin-top:calc(82px + 1rem)}
#reg-form-head{scroll-margin-top:calc(82px + 1rem);outline:none}
#reg-form-head:focus-visible{outline:1px solid rgba(245,163,31,.4);outline-offset:6px;border-radius:10px}

/* Las imágenes del acordeón conservan relación completa y no invaden el menú */
.reg-poster-single img,.digital-vault img{object-position:center}

@media(max-width:760px){
  .sec.module-collapsed{padding-top:26px!important;padding-bottom:26px!important}
  .section-toggle{width:100%;min-width:0;grid-template-columns:auto 1fr 24px!important}
  .jaguar-accordion::after{width:70vw;opacity:.025}
  .jaguar-accordion[open]::after{opacity:.085}
  #registro .reg-poster-vault{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .accordion-jaguar-flash,.jaguar-accordion::after{display:none!important}
  .jaguar-accordion,.jaguar-scroll-world,.jaguar-scroll-layer{animation:none!important;transition:none!important}
}

/* ============================================================
   V27 · plantilla Jaguar ligera, fondos en patrones y mejor carga
   ============================================================ */
:root{--jaguar-pattern:url("assets/jaguar-pattern-01.png")}

/* Menos peso visual y de renderizado sin perder información. */
.sec{
  padding-top:clamp(54px,5.6vw,82px)!important;
  padding-bottom:clamp(54px,5.6vw,82px)!important;
  content-visibility:auto;
  contain-intrinsic-size:760px;
}
.sec-head{margin-bottom:clamp(22px,3.2vw,34px)!important}
.acc-stack,.ecosystem-stack{gap:10px!important}
.jaguar-accordion summary{min-height:58px!important;padding:15px 18px!important}
.jaguar-accordion .acc-body,.jaguar-accordion .vault-content{padding:0 18px 18px!important}

/* Los jaguares forman ahora un patrón atmosférico integrado al template. */
.jaguar-scroll-world{
  --jaguar-pattern:url("assets/jaguar-pattern-01.png");
  background:
    radial-gradient(circle at 50% 42%,rgba(255,177,31,.08),transparent 34%),
    linear-gradient(180deg,#02070d,#03101a 48%,#02070d);
}
.jaguar-scroll-pattern{
  position:absolute;inset:-16%;
  background-image:var(--jaguar-pattern);
  background-repeat:repeat;
  background-size:clamp(190px,20vw,300px) auto;
  background-position:var(--pattern-x,0px) var(--pattern-y,0px);
  opacity:.035;
  mix-blend-mode:screen;
  filter:saturate(.72) contrast(1.08) brightness(.72);
  transform:translate3d(calc(var(--world-x) * -.38),calc(var(--world-y) * -.34),-70px) rotateX(calc(var(--world-rx) * -.45)) rotateY(calc(var(--world-ry) * -.35)) scale(1.12);
  transition:background-image .45s ease,opacity .45s ease;
  will-change:transform;
  mask-image:radial-gradient(circle at center,#000 24%,rgba(0,0,0,.78) 56%,transparent 95%);
}
.jaguar-scroll-layer{
  inset:0!important;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;
  padding:clamp(44px,6vw,96px);
  opacity:0;
  filter:saturate(.82) contrast(1.05) brightness(.5) sepia(.08);
  mix-blend-mode:screen;
}
.jaguar-scroll-layer.is-active{opacity:.105!important}
.jaguar-scroll-vignette{
  background:
    linear-gradient(180deg,rgba(3,10,16,.88),rgba(3,10,16,.62) 36%,rgba(3,10,16,.9)),
    radial-gradient(circle at center,transparent 10%,rgba(3,10,16,.62) 78%);
}

/* La secuencia inicial muestra siempre el jaguar completo. */
.hero-jaguar-interface{max-width:520px!important}
.jaguar-sequence{
  inset:3%!important;
  overflow:hidden!important;
  border-radius:32%!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(245,163,31,.14),transparent 56%),
    rgba(2,7,13,.42);
}
.jaguar-frame{
  inset:0!important;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;
  padding:clamp(10px,2vw,24px);
  transform:scale(1.035) translateZ(-12px)!important;
}
.jaguar-frame.is-active{transform:scale(1) translateZ(24px)!important}

/* Ya no se repiten jaguares como objetos sueltos dentro de cada sección. */
.jaguar-template-decor{display:none!important}

/* Los acordeones conservan el jaguar como textura ligera, no como imagen invasiva. */
.digital-vault.jaguar-accordion::after{
  right:-22px!important;bottom:-32px!important;width:190px!important;height:190px!important;
  background-size:150px 150px!important;background-repeat:repeat!important;
  opacity:.04!important;filter:saturate(.68) brightness(.76)!important;
}
.jaguar-accordion[open]::after{opacity:.065!important}

/* Menos efectos costosos en pantallas pequeñas. */
@media(max-width:760px){
  .jaguar-scroll-layer{padding:88px 12px 40px!important;opacity:.08!important}
  .jaguar-scroll-pattern{background-size:170px auto;opacity:.028}
  .hero-jaguar-interface{max-width:92vw!important}
  .jaguar-frame{padding:8px!important}
  .sec{contain-intrinsic-size:620px}
  .jaguar-accordion,.hud{backdrop-filter:none!important}
}

@media(prefers-reduced-motion:reduce){
  .jaguar-scroll-pattern{transform:none!important;transition:none!important}
}


/* ============================================================
   V28 · Jaguar de batalla, PNG ligero y rendimiento adaptativo
   ============================================================ */
:root{--jaguar-pattern:url("assets/jaguar-pattern-01.png")}

/* Jaguar grande integrado al fondo: símbolo, no galería. */
.jaguar-scroll-world{z-index:0!important;opacity:1;contain:strict}
.jaguar-scroll-layer{
  object-fit:contain!important;
  padding:clamp(18px,4vw,64px)!important;
  mix-blend-mode:screen;
  filter:saturate(.88) contrast(1.08) brightness(.64) sepia(.08)!important;
}
.jaguar-scroll-layer.is-active{opacity:.17!important}
.jaguar-scroll-pattern{
  background-size:clamp(150px,17vw,245px) auto!important;
  opacity:.052!important;
  filter:saturate(.82) contrast(1.12) brightness(.82)!important;
}
.jaguar-scroll-vignette{
  background:
    linear-gradient(180deg,rgba(3,10,16,.83),rgba(3,10,16,.54) 34%,rgba(3,10,16,.87)),
    radial-gradient(circle at center,transparent 9%,rgba(3,10,16,.56) 79%)!important;
}

/* Zarpazo digital activado al cambiar de sección o acordeón. */
.jaguar-claw-field{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:0;overflow:hidden;mix-blend-mode:screen}
.jaguar-claw-field i{
  position:absolute;left:12%;top:18%;width:76%;height:8px;border-radius:999px;
  background:linear-gradient(90deg,transparent 0 7%,rgba(255,205,92,.08) 13%,#ffd96f 48%,rgba(23,195,174,.72) 65%,transparent 93%);
  box-shadow:0 0 10px rgba(255,196,59,.58),0 0 34px rgba(245,163,31,.34);
  transform:translate3d(-115%,0,0) rotate(-18deg) scaleX(.2);transform-origin:left center;
}
.jaguar-claw-field .claw-b{top:29%;left:8%;transform:translate3d(-115%,0,0) rotate(-14deg) scaleX(.2)}
.jaguar-claw-field .claw-c{top:40%;left:5%;transform:translate3d(-115%,0,0) rotate(-10deg) scaleX(.2)}
.jaguar-claw-field span{position:absolute;inset:0;background:radial-gradient(circle at 52% 32%,rgba(255,190,48,.12),transparent 32%);opacity:0}
.jaguar-claw-field.is-active{opacity:1;animation:v28ClawFade .9s ease both}
.jaguar-claw-field.is-active .claw-a{animation:v28Claw .72s cubic-bezier(.12,.76,.22,1) both}
.jaguar-claw-field.is-active .claw-b{animation:v28Claw .72s .06s cubic-bezier(.12,.76,.22,1) both}
.jaguar-claw-field.is-active .claw-c{animation:v28Claw .72s .12s cubic-bezier(.12,.76,.22,1) both}
.jaguar-claw-field.is-active span{animation:v28ClawGlow .8s ease both}
@keyframes v28Claw{0%{transform:translate3d(-115%,0,0) rotate(-16deg) scaleX(.2);opacity:0}22%{opacity:1}70%{transform:translate3d(0,0,0) rotate(-16deg) scaleX(1);opacity:.95}100%{transform:translate3d(42%,0,0) rotate(-16deg) scaleX(1.12);opacity:0}}
@keyframes v28ClawFade{0%,100%{opacity:0}15%,70%{opacity:1}}
@keyframes v28ClawGlow{0%,100%{opacity:0}38%{opacity:1}}

/* Detalles felinos en toda la plantilla sin saturar. */
.sec-head::after{content:"";display:block;width:min(240px,42vw);height:2px;margin:20px auto 0;background:linear-gradient(90deg,transparent,var(--jaguar-gold),var(--teal),transparent);box-shadow:0 0 18px rgba(255,190,56,.2)}
.btn-amber:hover::before,.join-fab:hover::before{filter:drop-shadow(0 0 9px rgba(255,204,85,.75))}
.jaguar-accordion[open]>summary{
  background:
    linear-gradient(112deg,transparent 0 72%,rgba(255,199,75,.11) 72.4% 73%,transparent 73.4%),
    linear-gradient(112deg,transparent 0 78%,rgba(23,195,174,.08) 78.4% 79%,transparent 79.4%);
}
.jaguar-accordion[open]{border-color:rgba(255,192,55,.46)!important}

/* El hero conserva cada jaguar completo y reduce trabajo gráfico fuera de vista. */
.jaguar-frame{object-fit:contain!important;padding:clamp(8px,1.5vw,18px)!important}
.hero-jaguar-interface{contain:layout paint style}

/* Renderizado progresivo: lo que está lejos no consume pintura innecesaria. */
.sec,.manifesto,.foot{content-visibility:auto;contain-intrinsic-size:720px}
.sec:not(.is-near-viewport){--decor-y:0px}
img[loading="lazy"]{content-visibility:auto}

/* Equipos modestos y móviles: mismo diseño, menos trabajo continuo. */
.lite-jaguar .world-scanlines,.lite-jaguar .hero-data-rain,.lite-jaguar .shell-ring:nth-child(n+3){display:none!important}
.lite-jaguar .jaguar-scroll-pattern{opacity:.034!important;background-size:170px auto!important}
.lite-jaguar .jaguar-scroll-layer.is-active{opacity:.12!important}
.lite-jaguar .jaguar-halo-b,.lite-jaguar .jaguar-halo-c{animation:none!important}
.lite-jaguar .tilt{transition:transform .18s ease,box-shadow .18s ease}

@media(max-width:760px){
  .jaguar-scroll-layer{padding:78px 4px 30px!important}
  .jaguar-scroll-layer.is-active{opacity:.115!important}
  .jaguar-scroll-pattern{opacity:.029!important;background-size:145px auto!important}
  .jaguar-claw-field i{left:-4%;width:110%}
  .sec,.manifesto,.foot{contain-intrinsic-size:620px}
}
@media(prefers-reduced-motion:reduce){
  .jaguar-claw-field{display:none!important}
}


/* ============================================================
   V29 · Jaguar dorado progresivo, simetría y carga visual diferida
   ============================================================ */
:root{
  --v29-content:min(1180px,calc(100vw - 48px));
  --v29-gold:#ffc64e;
  --v29-gold-soft:rgba(255,198,78,.18);
}

/* El texto y la estructura ocupan siempre el centro antes de cargar el fondo. */
.sec>.sec-head,
.section-drawer-inner,
.manifesto-inner,
.foot,
.hero-inner-guerrilla{
  width:var(--v29-content);
  max-width:100%;
  margin-left:auto!important;
  margin-right:auto!important;
}
.sec>.sec-head{text-align:center}
.sec>.sec-head .sec-sub{margin-left:auto;margin-right:auto}
.section-drawer-inner{box-sizing:border-box}
.section-drawer-inner::before{margin-bottom:20px!important}

/* Jaguar dorado de gran formato, cargado solo al entrar al módulo. */
.jaguar-scroll-world{
  background:
    radial-gradient(circle at 50% 38%,rgba(255,190,55,.10),transparent 30%),
    linear-gradient(180deg,#02070d,#06131d 48%,#02070d)!important;
  isolation:isolate;
}
.jaguar-scroll-world::before{
  content:"";position:absolute;left:50%;top:50%;width:min(78vw,1040px);aspect-ratio:1;
  transform:translate(-50%,-50%) scale(.86);border-radius:50%;
  border:1px solid rgba(255,196,72,.10);
  box-shadow:0 0 0 42px rgba(255,196,72,.025),0 0 0 92px rgba(23,195,174,.015);
  opacity:.38;pointer-events:none;transition:opacity .45s ease,transform .8s cubic-bezier(.16,.8,.25,1);
}
.jaguar-scroll-world.has-jaguar-background::before{opacity:.68;transform:translate(-50%,-50%) scale(1)}
.jaguar-scroll-world.is-background-loading::before{animation:v29GoldenLoad 1.15s ease-in-out infinite alternate}
@keyframes v29GoldenLoad{from{opacity:.24;transform:translate(-50%,-50%) scale(.9)}to{opacity:.62;transform:translate(-50%,-50%) scale(1.025)}}

.jaguar-scroll-layer{
  inset:0!important;width:100%!important;height:100%!important;
  padding:clamp(54px,7vw,118px)!important;
  object-fit:contain!important;object-position:center!important;
  mix-blend-mode:screen!important;
  filter:sepia(.22) saturate(1.1) contrast(1.08) brightness(.72) drop-shadow(0 0 34px rgba(255,188,48,.18))!important;
  opacity:0!important;will-change:transform,opacity;
  transition:opacity .72s ease,filter .72s ease!important;
}
.jaguar-scroll-layer[data-loaded="true"].is-active{opacity:.19!important}
.jaguar-scroll-world.is-jaguar-shifting .jaguar-scroll-layer.is-active{filter:sepia(.18) saturate(1.18) contrast(1.1) brightness(.8) drop-shadow(0 0 46px rgba(255,196,58,.28))!important}
.jaguar-scroll-pattern{opacity:.038!important;background-size:clamp(148px,15vw,225px) auto!important}
.jaguar-scroll-vignette{
  background:
    linear-gradient(180deg,rgba(3,9,15,.86),rgba(3,10,16,.51) 35%,rgba(3,9,15,.88)),
    radial-gradient(circle at center,transparent 13%,rgba(3,10,16,.60) 82%)!important;
}

/* Un efecto ligero señala el módulo activo sin consumir canvas adicional. */
[data-jaguar-bg]{position:relative}
[data-jaguar-bg]>.sec-head,[data-jaguar-bg]>.hero-inner,[data-jaguar-bg]>.manifesto-inner{position:relative;z-index:2}
[data-jaguar-bg].is-jaguar-active>.sec-head::before,
[data-jaguar-bg].is-jaguar-active>.manifesto-inner::before{
  content:"";position:absolute;left:50%;top:-26px;width:min(560px,70vw);height:110px;
  transform:translateX(-50%);pointer-events:none;opacity:.62;
  background:radial-gradient(ellipse at center,rgba(255,190,52,.14),transparent 68%);
  animation:v29ModuleAura .78s ease both;
}
@keyframes v29ModuleAura{from{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:.62;transform:translateX(-50%) scale(1)}}

/* Simetría: columnas equilibradas, tarjetas de la misma altura y sin zonas muertas. */
.stat-grid,.stakes-grid,.agenda-axes,.network-metrics-inline,.proof-symbols,.gain-grid-clean,
.front-public-grid,.project-panel-grid,.editorial-rules,.cause-support-flow{grid-auto-rows:1fr}
.fronts,.project-lab,.reg-wrap,.network-proof,.pages-community-compact,.region-explorer{
  width:100%;max-width:1180px;margin-left:auto!important;margin-right:auto!important;
}
.fronts,.project-lab{align-items:stretch}
.fronts-panel,.project-panel,.region-panel,.community-panel,.network-visual,.region-map{
  min-height:0!important;height:auto!important;
}
.front-public-grid>div,.project-panel-grid>div,.network-metrics-inline>div{height:100%}
.module-collapsed{min-height:0!important}
.sec.module-collapsed{padding-top:26px!important;padding-bottom:26px!important}
.section-drawer.is-collapsed{min-height:0!important}

/* Toda imagen editorial queda completa y centrada, nunca recortada. */
.wide-media img,
.project-collage img,
.visual-strip img,
.visuals-moodboard img,
.community-visual img,
.learn-archive img,
.pages-logo-figure img,
.network-visual>img,
.region-map img,
.reg-posters img,
.reg-poster-single img,
.event-case-media img,
.event-thumb img,
.activation-overview img,
.events-proof-doc img,
.proof img{
  display:block!important;width:100%!important;height:auto!important;
  min-height:0!important;max-height:min(72vh,720px)!important;
  object-fit:contain!important;object-position:center!important;
  aspect-ratio:auto!important;background:#06111a!important;
}
.project-collage figure,.visual-strip figure,.visuals-moodboard figure,.learn-archive figure{
  min-height:0!important;display:grid;place-items:center;background:#06111a;
}
.project-collage figcaption,.visual-strip figcaption,.visuals-moodboard figcaption{width:100%}
.network-visual,.region-map{display:grid;place-items:center;overflow:hidden}

/* Los acordeones mantienen su tamaño compacto y activan el fondo, no una imagen invasiva dentro. */
.jaguar-accordion{width:100%;margin-left:auto;margin-right:auto}
.jaguar-accordion::after{opacity:.022!important}
.jaguar-accordion[open]::after{opacity:.052!important}
.jaguar-accordion[open]{transform:translateZ(0);box-shadow:0 18px 44px rgba(0,0,0,.28),0 0 0 1px rgba(255,198,78,.06) inset!important}

/* Efectos ligeros y progresivos. */
.is-jaguar-active .section-toggle,
.is-jaguar-active .jaguar-accordion[open]>summary{
  box-shadow:inset 0 0 28px rgba(255,190,55,.045);
}
.jaguar-claw-field i{height:6px!important;box-shadow:0 0 8px rgba(255,196,59,.52),0 0 22px rgba(245,163,31,.22)!important}

@media(max-width:920px){
  :root{--v29-content:min(100% - 32px,860px)}
  .fronts,.project-lab,.pages-community-compact,.region-explorer{grid-template-columns:1fr!important}
  .network-metrics-inline{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .jaguar-scroll-layer{padding:92px 8px 44px!important}
  .jaguar-scroll-layer[data-loaded="true"].is-active{opacity:.135!important}
}
@media(max-width:560px){
  :root{--v29-content:calc(100% - 28px)}
  .network-metrics-inline,.stat-grid,.stakes-grid,.agenda-axes,.cause-support-flow{grid-template-columns:1fr!important}
  .jaguar-scroll-layer[data-loaded="true"].is-active{opacity:.105!important}
  .jaguar-scroll-pattern{opacity:.026!important}
}
@media(prefers-reduced-motion:reduce){
  .jaguar-scroll-world::before,[data-jaguar-bg].is-jaguar-active>.sec-head::before{animation:none!important}
  .jaguar-scroll-layer{transition:none!important;transform:none!important}
}


/* ============================================================
   v30 · Rendimiento: efectos ligeros y carga progresiva
   ============================================================ */
.world-canvas,.cursor-orb,.world-scanlines,.hero-data-rain,.jaguar-claw-field,.accordion-jaguar-flash{display:none!important}
.hud,.hero-core,.hero-float,.reg,.acc,.digital-vault,.movement-center,.movement-node{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.jaguar-scroll-layer,.jaguar-scroll-pattern{mix-blend-mode:normal!important;will-change:opacity,transform}
.jaguar-scroll-world.is-jaguar-shifting{filter:none!important}
.jaguar-scroll-world.is-jaguar-shifting .jaguar-scroll-layer.is-active{filter:sepia(.12) saturate(1.06) brightness(.76)!important}
.jaguar-scroll-layer{transition:opacity .55s ease,transform .7s cubic-bezier(.2,.7,.2,1)!important}
.jaguar-scroll-pattern{opacity:.026!important}
.jaguar-scroll-layer[data-loaded="true"].is-active{opacity:.145!important}
.digital-vault.jaguar-accordion::after{opacity:.014!important;filter:none!important}
.digital-vault.jaguar-accordion[open]::after{opacity:.036!important}
.tilt{will-change:auto}
.hero-jaguar-interface,.fronts-panel,.project-panel,.reg,.network-number,.region-panel{will-change:transform}
.hero-orbit{box-shadow:none!important}
.hero-float{animation-duration:8s!important}
.shell-ring:nth-child(n+3){display:none!important}
.sec,.manifesto,.foot{content-visibility:auto;contain-intrinsic-size:680px}
img{content-visibility:auto}
.event-thumb img{background:rgba(255,255,255,.025)}
@media(max-width:900px){
  .hero-net,.hero-orbit,.hero-data-rain,.hero-world-shell{display:none!important}
  .jaguar-scroll-pattern{display:none!important}
  .jaguar-scroll-layer[data-loaded="true"].is-active{opacity:.09!important}
  .hero-float{animation:none!important}
  .tilt,.magnetic-3d{transform:none!important;transition:box-shadow .18s ease,border-color .18s ease!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-net,.jaguar-scroll-pattern{display:none!important}
}


/* ============================================================
   v31 · Scroll fluido y botones prioritarios corregidos
   ============================================================ */

/* Se eliminan procesos visuales continuos que competían con el scroll. */
.loader,.hero-net,.hero-world-shell,.hero-data-rain,.hero-orbit,
.world-canvas,.world-scanlines,.cursor-orb,.jaguar-claw-field,
.accordion-jaguar-flash{display:none!important}

[data-depth],.jaguar-template-decor{transform:none!important}
.hero-float,.shell-ring,.shell-node,.hero-data-ticker div,
.battle-ticker-inline div,.sec-num,.section-drawer-inner::before,
.vault-signal i,.war-manifest::before,.choice-card::before,
.network-nodes span,.region-pulse,.region-pulse::before,.region-pulse::after,
.reg-orbit,.reg-node,.reg::before,.jaguar-scroll-world::before{
  animation:none!important;
}

/* El jaguar conserva el cambio por módulo mediante una transición de opacidad,
   pero deja de moverse y recalcularse con cada pixel del scroll. */
.jaguar-scroll-world{transform:none!important;filter:none!important;contain:strict}
.jaguar-scroll-layer{
  transform:translateZ(0)!important;
  transition:opacity .32s ease!important;
  will-change:auto!important;
  filter:sepia(.1) saturate(1.04) brightness(.76)!important;
}
.jaguar-scroll-pattern{
  transform:none!important;
  transition:opacity .25s ease!important;
  will-change:auto!important;
  animation:none!important;
}
.jaguar-scroll-world.is-jaguar-shifting,
.jaguar-scroll-world.is-jaguar-shifting .jaguar-scroll-layer.is-active{
  filter:none!important;
  animation:none!important;
}

/* Se conserva una respuesta ligera al abrir módulos, sin desenfoques ni giros. */
.section-drawer,.section-drawer-inner,details,.acc,.digital-vault{
  filter:none!important;
}
.section-drawer.is-collapsed{transform:none!important}
details[open]{transform:none!important}

/* Botones: texto realmente centrado horizontal y verticalmente. */
.btn,.hud-cta,.join-fab{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.2!important;
  min-height:52px;
  padding:0 24px!important;
  box-sizing:border-box;
  white-space:normal;
  position:relative;
  isolation:isolate;
}
.hud-cta{
  min-height:44px!important;
  padding:0 20px!important;
}
.join-fab{
  min-height:56px!important;
  height:56px!important;
  padding:0 22px!important;
}
.join-fab::before{margin-right:8px;line-height:1}

/* Brillo estático y ligero para las acciones principales. */
.hero-actions .btn-amber,
.manifesto .btn-amber,
.hud-cta,
.join-fab,
#front-cta,
.reg-nav .btn-amber,
.reg-done-actions .btn-amber{
  background:linear-gradient(135deg,#ffd66e 0%,var(--amber) 46%,#ff8b35 100%)!important;
  color:#06111a!important;
  border-color:rgba(255,222,135,.65)!important;
  box-shadow:
    0 10px 26px rgba(245,163,31,.30),
    0 0 18px rgba(255,198,72,.18),
    inset 0 1px 0 rgba(255,255,255,.52)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.25);
}
.hero-actions .btn-amber:hover,
.manifesto .btn-amber:hover,
.hud-cta:hover,
.join-fab:hover,
#front-cta:hover,
.reg-nav .btn-amber:hover,
.reg-done-actions .btn-amber:hover{
  transform:translateY(-2px)!important;
  box-shadow:
    0 14px 32px rgba(245,163,31,.38),
    0 0 24px rgba(255,205,82,.24),
    inset 0 1px 0 rgba(255,255,255,.6)!important;
}

/* Se desactivan aros pulsantes continuos alrededor de los CTA. */
a.btn.btn-amber[href="#registro"]::after,
.hud-cta::after,.join-fab::after{animation:none!important;opacity:.28!important}

@media(max-width:620px){
  .btn{width:100%;min-height:50px;padding:0 18px!important}
  .hud-cta{width:auto;min-width:104px}
  .join-fab{width:auto;min-width:128px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:12px}
}

/* ============================================================
   V32 · Próximos proyectos, cronómetro y firma del creador
   ============================================================ */
.theme-next-projects{
  --accent:#f5a31f;
  --accent-rgb:245,163,31;
  background:
    radial-gradient(70% 80% at 12% 8%,rgba(245,163,31,.11),transparent 55%),
    linear-gradient(180deg,#071522,#06111b);
}

.next-projects-launch{
  max-width:var(--page-max);
  margin:0 auto 18px;
  display:grid;
  grid-template-columns:minmax(250px,.8fr) minmax(420px,1.2fr);
  gap:18px;
  align-items:stretch;
  padding:18px;
  border:1px solid rgba(245,163,31,.24);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(245,163,31,.09),rgba(23,195,174,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.countdown-copy{display:flex;flex-direction:column;justify-content:center;padding:8px 10px}
.countdown-copy small{font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--amber)}
.countdown-copy b{font-family:var(--disp);font-size:clamp(22px,2.8vw,34px);line-height:1.05;text-transform:uppercase;margin:8px 0}
.countdown-copy span{font-size:14px;color:var(--muted);max-width:38ch}
.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.countdown>div{
  min-width:0;
  display:grid;
  place-items:center;
  align-content:center;
  min-height:112px;
  padding:12px 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(4,14,23,.62);
}
.countdown b{font-family:var(--disp);font-variant-numeric:tabular-nums;font-size:clamp(30px,4.5vw,54px);line-height:1;color:var(--amber)}
.countdown span{margin-top:7px;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,243,224,.58)}

.upcoming-carousel{max-width:var(--page-max);margin:0 auto;position:relative}
.upcoming-viewport{overflow:hidden;border-radius:26px;border:1px solid rgba(245,163,31,.24);background:#06131c;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.upcoming-track{display:flex;width:100%;transition:transform .55s cubic-bezier(.22,.75,.25,1);will-change:transform}
.upcoming-slide{
  min-width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
  min-height:570px;
  background:
    radial-gradient(55% 80% at 100% 0,rgba(245,163,31,.1),transparent 70%),
    rgba(5,18,29,.94);
}
.upcoming-media{position:relative;display:grid;place-items:center;min-height:570px;padding:24px;background:linear-gradient(150deg,rgba(245,163,31,.08),rgba(5,18,29,.55));overflow:hidden}
.upcoming-media::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.055);border-radius:20px;pointer-events:none}
.upcoming-media img{display:block;width:100%;height:100%;max-height:520px;object-fit:contain;object-position:center;border-radius:16px;filter:drop-shadow(0 18px 35px rgba(0,0,0,.38))}
.upcoming-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,5vw,64px)}
.upcoming-index{font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--teal)}
.upcoming-content h3{font-family:var(--disp);font-size:clamp(34px,5vw,62px);line-height:.98;text-transform:uppercase;margin:13px 0 18px;max-width:12ch}
.upcoming-lead{font-size:clamp(17px,2vw,20px);line-height:1.55;color:var(--cream);max-width:58ch}
.upcoming-content>p:not(.upcoming-lead){margin-top:14px;color:var(--muted);max-width:62ch}
.upcoming-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.upcoming-tags span{padding:8px 11px;border:1px solid rgba(245,163,31,.24);border-radius:999px;background:rgba(245,163,31,.055);font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--cream)}
.upcoming-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:4px}
.upcoming-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px}
.upcoming-arrow{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(245,163,31,.35);border-radius:999px;background:rgba(245,163,31,.08);color:var(--cream);font-size:21px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.upcoming-arrow:hover,.upcoming-arrow:focus-visible{background:var(--amber);border-color:var(--amber);color:#07111a;transform:translateY(-2px)}
.upcoming-dots{display:flex;gap:9px}
.upcoming-dots button{width:34px;height:7px;border:0;border-radius:999px;background:rgba(255,255,255,.18);cursor:pointer;transition:width .25s,background .25s}
.upcoming-dots button.is-active{width:58px;background:var(--amber)}

.project-authorship-inline{display:inline-flex;margin:2px 0 14px;padding:8px 12px;border:1px solid rgba(245,163,31,.28);border-radius:999px;background:rgba(245,163,31,.07);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}

.foot{
  position:relative;
  overflow:hidden;
  padding:0;
  text-align:left;
  background:
    radial-gradient(55% 90% at 78% 20%,rgba(245,163,31,.12),transparent 68%),
    linear-gradient(180deg,#071522,#040b12);
  border-top:1px solid rgba(245,163,31,.2);
}
.creator-signature{
  max-width:var(--page-max);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(230px,360px) minmax(0,1fr);
  gap:clamp(28px,5vw,76px);
  align-items:center;
  padding:clamp(58px,8vw,110px) var(--pad);
}
.creator-photo{margin:0;position:relative;max-width:360px;justify-self:center;border-radius:28px;overflow:hidden;border:1px solid rgba(245,163,31,.28);background:#fff;box-shadow:0 26px 60px rgba(0,0,0,.35)}
.creator-photo::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:inherit;pointer-events:none}
.creator-photo img{display:block;width:100%;height:auto;margin:0;padding:0;border-radius:0;background:transparent;object-fit:contain}
.creator-signature-copy small{font-family:var(--mono);font-size:10px;letter-spacing:.25em;color:var(--teal)}
.creator-signature-copy h2{font-family:var(--disp);font-size:clamp(42px,7vw,92px);line-height:.9;text-transform:uppercase;margin:18px 0 23px;letter-spacing:-.01em}
.creator-signature-copy h2 span{color:var(--amber);text-shadow:0 0 28px rgba(245,163,31,.16)}
.creator-signature-copy p{font-size:clamp(16px,1.8vw,20px);color:var(--muted);max-width:54ch;margin-bottom:25px}
.foot-base{border-top:1px solid rgba(255,255,255,.07);padding:28px var(--pad) 38px;text-align:center}
.foot-base>img{display:block;margin:0 auto 15px;background:#fff;border-radius:12px;padding:6px 12px}
.foot-base .foot-sign{max-width:920px;margin:0 auto}

@media(max-width:980px){
  .next-projects-launch{grid-template-columns:1fr}
  .upcoming-slide{grid-template-columns:1fr;min-height:0}
  .upcoming-media{min-height:420px}
  .upcoming-content{min-height:420px}
  .creator-signature{grid-template-columns:1fr;text-align:center}
  .creator-signature-copy p{margin-left:auto;margin-right:auto}
  .creator-signature-copy .btn{margin-inline:auto}
}
@media(max-width:640px){
  .countdown{grid-template-columns:1fr 1fr}
  .countdown>div{min-height:92px}
  .upcoming-media{min-height:330px;padding:15px}
  .upcoming-content{min-height:0;padding:28px 21px 34px}
  .upcoming-content h3{font-size:38px}
  .upcoming-actions{display:grid;grid-template-columns:1fr}
  .upcoming-actions .btn{width:100%}
  .creator-signature{padding-left:18px;padding-right:18px}
  .creator-signature-copy h2{font-size:44px}
  .creator-photo{max-width:280px}
}
@media(prefers-reduced-motion:reduce){
  .upcoming-track{transition:none!important}
  .upcoming-arrow{transition:none!important}
}


/* ============================================================
   V33 · Cabecera visible de Próximos proyectos
   ============================================================ */
.theme-next-projects .next-projects-accordion-head{
  max-width:var(--page-max);
  margin:0 auto;
  padding-right:0;
  padding-bottom:64px;
  display:grid;
  grid-template-columns:minmax(260px,.78fr) minmax(480px,1.22fr);
  gap:clamp(18px,3vw,34px);
  align-items:end;
}
.theme-next-projects .next-projects-head-copy{min-width:0}
.theme-next-projects .next-projects-head-copy .sec-sub{max-width:52ch}
.theme-next-projects .next-projects-launch-head{
  margin:0;
  max-width:none;
  grid-template-columns:minmax(190px,.72fr) minmax(360px,1.28fr);
  padding:14px;
  border-color:rgba(245,163,31,.34);
  background:linear-gradient(135deg,rgba(245,163,31,.13),rgba(23,195,174,.035));
  box-shadow:0 18px 44px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05);
}
.theme-next-projects .next-projects-launch-head .countdown-copy{padding:6px 8px}
.theme-next-projects .next-projects-launch-head .countdown-copy b{font-size:clamp(18px,2vw,26px)}
.theme-next-projects .next-projects-launch-head .countdown-copy span{font-size:12px;line-height:1.45}
.theme-next-projects .next-projects-launch-head .countdown>div{min-height:86px;padding:9px 6px}
.theme-next-projects .next-projects-launch-head .countdown b{font-size:clamp(27px,3.5vw,44px)}
.theme-next-projects .next-projects-accordion-head>.section-toggle{
  right:0;
  bottom:0;
  min-width:210px;
  justify-content:center;
  border-color:rgba(245,163,31,.48);
  box-shadow:0 12px 30px rgba(245,163,31,.12);
}
.theme-next-projects.module-collapsed .next-projects-accordion-head{margin-bottom:0}
.theme-next-projects.module-collapsed .next-projects-launch-head{opacity:1;transform:none}

/* La historia gastronómica de Solo Guerrero permanece completa al final del sitio. */
#historia-activaciones-gastronomicas{scroll-margin-top:96px}

@media(max-width:1050px){
  .theme-next-projects .next-projects-accordion-head{grid-template-columns:1fr;padding-bottom:66px}
  .theme-next-projects .next-projects-launch-head{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr)}
}
@media(max-width:720px){
  .theme-next-projects .next-projects-accordion-head{padding-bottom:74px}
  .theme-next-projects .next-projects-launch-head{grid-template-columns:1fr;gap:12px;padding:12px}
  .theme-next-projects .next-projects-launch-head .countdown-copy{text-align:center;align-items:center}
  .theme-next-projects .next-projects-launch-head .countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .theme-next-projects .next-projects-launch-head .countdown>div{min-height:74px;border-radius:12px}
  .theme-next-projects .next-projects-launch-head .countdown b{font-size:clamp(24px,8vw,36px)}
  .theme-next-projects .next-projects-launch-head .countdown span{font-size:7px;letter-spacing:.08em}
  .theme-next-projects .next-projects-accordion-head>.section-toggle{width:100%;min-width:0}
}

/* ============================================================
   V34 · Registro especial para restaurantes y hoteles
   ============================================================ */
.registration-mode-fields{
  display:grid;
  gap:16px;
  min-width:0;
}
.registration-mode-fields[hidden]{display:none!important}
.business-registration{
  padding:clamp(16px,2.4vw,24px);
  border:1px solid rgba(245,163,31,.28);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(245,163,31,.07),rgba(23,195,174,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.business-intro{
  display:grid;
  gap:7px;
  padding:0 0 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.business-intro small{
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.22em;
  color:var(--amber);
}
.business-intro b{
  font-family:var(--disp);
  font-size:clamp(19px,2.2vw,27px);
  line-height:1.08;
  text-transform:uppercase;
  color:var(--cream);
}
.business-intro p{
  max-width:68ch;
  color:var(--muted);
  font-size:14px;
}
#reg-form.is-business-registration .reg-progress{
  border-color:rgba(245,163,31,.38);
  box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);
}
#reg-form.is-business-registration #reg-step-label{color:var(--amber)}
@media(max-width:560px){
  .business-registration{padding:15px;border-radius:15px}
}

/* ============================================================
   V35 · Base de datos, buzón para Koque y acciones de registro
   ============================================================ */
.theme-mailbox{
  background:
    radial-gradient(70% 90% at 88% 12%,rgba(245,163,31,.13),transparent 48%),
    linear-gradient(180deg,var(--ink-2),var(--ink));
}
.mailbox-layout{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(340px,1.22fr);
  gap:clamp(20px,4vw,42px);
  align-items:stretch;
}
.mailbox-copy,.mailbox-form{
  border:1px solid rgba(245,163,31,.2);
  border-radius:24px;
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
  box-shadow:0 22px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05);
}
.mailbox-copy{padding:clamp(24px,4vw,42px);display:flex;flex-direction:column;justify-content:center}
.mailbox-copy small{font-family:var(--mono);font-size:11px;letter-spacing:.24em;color:var(--amber);margin-bottom:14px}
.mailbox-copy h3{font-family:var(--disp);font-size:clamp(25px,3vw,38px);line-height:1.05;text-transform:uppercase;margin-bottom:16px}
.mailbox-copy p{color:var(--muted);font-size:16px;max-width:48ch}
.mailbox-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.mailbox-points span{border:1px solid rgba(23,195,174,.25);border-radius:999px;padding:8px 12px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--teal);background:rgba(23,195,174,.055)}
.mailbox-form{padding:clamp(22px,3.5vw,36px);display:grid;gap:16px}
.mailbox-form label{display:grid;gap:8px;color:var(--cream);font-size:14px;font-weight:600}
.mailbox-form input,.mailbox-form select,.mailbox-form textarea{
  width:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(5,18,29,.74);color:var(--cream);padding:13px 14px;font:inherit;outline:none;
}
.mailbox-form textarea{resize:vertical;min-height:120px}
.mailbox-form input:focus,.mailbox-form select:focus,.mailbox-form textarea:focus{border-color:rgba(245,163,31,.66);box-shadow:0 0 0 3px rgba(245,163,31,.11)}
.mailbox-form .check{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;font-weight:400;color:var(--muted)}
.mailbox-form .check input{width:18px;height:18px;margin-top:2px;padding:0}
.mailbox-status{margin:0;padding:12px 14px;border-radius:12px;font-size:13px}
.mailbox-status.is-success{background:rgba(23,195,174,.1);border:1px solid rgba(23,195,174,.35);color:var(--teal)}
.mailbox-status.is-error{background:rgba(255,61,94,.1);border:1px solid rgba(255,61,94,.35);color:#ff8096}
.mailbox-fab{
  position:fixed;left:18px;bottom:20px;z-index:59;min-height:52px;padding:0 20px;display:flex;align-items:center;justify-content:center;text-align:center;
  border-radius:999px;border:1px solid rgba(23,195,174,.4);background:rgba(5,18,29,.92);color:var(--cream);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 24px rgba(23,195,174,.08);backdrop-filter:blur(8px);transition:transform .2s,border-color .2s,box-shadow .2s;
}
.mailbox-fab:hover,.mailbox-fab:focus-visible{transform:translateY(-2px);border-color:var(--teal);box-shadow:0 20px 48px rgba(0,0,0,.36),0 0 28px rgba(23,195,174,.18)}
.foot-admin{margin-top:8px;font-family:var(--mono);font-size:10px;letter-spacing:.08em}
.foot-admin a{color:rgba(255,243,224,.42);text-decoration:none}
.foot-admin a:hover{color:var(--amber)}
#reg-send.is-saving{opacity:.7;cursor:wait}
.reg-step[data-step="4"] .row2{grid-template-columns:1fr}

@media(max-width:860px){
  .mailbox-layout{grid-template-columns:1fr}
  .mailbox-fab{left:12px;bottom:72px;min-height:46px;padding:0 14px;font-size:10px}
}


/* ============================================================
   B36 · Marcas participantes y nuevos proyectos ciudadanos
   ============================================================ */
.hero-audience{
  max-width:690px;margin:16px 0 0;padding:13px 16px;border-left:3px solid var(--amber);
  border-radius:0 14px 14px 0;background:linear-gradient(90deg,rgba(245,163,31,.12),rgba(245,163,31,.02));
  color:var(--muted);font-size:clamp(14px,1.7vw,17px);line-height:1.5
}
.hero-audience strong{color:var(--cream)}
.btn-brand{border:1px solid rgba(23,195,174,.7);background:linear-gradient(135deg,rgba(23,195,174,.18),rgba(245,163,31,.12));color:var(--cream);box-shadow:0 10px 28px rgba(23,195,174,.12)}
.btn-brand:hover,.btn-brand:focus-visible{border-color:var(--teal);background:linear-gradient(135deg,rgba(23,195,174,.28),rgba(245,163,31,.18));transform:translateY(-2px)}
.upcoming-slide-vector .upcoming-media{background:radial-gradient(70% 70% at 50% 45%,rgba(23,195,174,.08),transparent 65%),linear-gradient(150deg,rgba(245,163,31,.065),rgba(5,18,29,.68))}
.upcoming-slide-vector .upcoming-media img{max-height:470px;border-radius:22px;filter:drop-shadow(0 20px 34px rgba(0,0,0,.24))}
.upcoming-dots{max-width:min(520px,64vw);overflow-x:auto;padding:8px 2px;scrollbar-width:thin}
.upcoming-dots button{flex:0 0 22px;width:22px}
.upcoming-dots button.is-active{width:44px;flex-basis:44px}
#reg-form.is-business-registration{--reg-business-accent:245,163,31}
#reg-form.is-business-registration .reg-step{background:radial-gradient(70% 90% at 100% 0,rgba(var(--reg-business-accent),.06),transparent 55%)}
@media(max-width:720px){.hero-audience{margin-top:14px}.upcoming-dots{max-width:58vw}.upcoming-slide-vector .upcoming-media img{max-height:330px}}


/* ============================================================
   V37 · Explicación clara de la comunidad y su misión
   ============================================================ */
.hero-definition{
  max-width:690px;
  margin:16px 0 12px;
  padding:14px 17px;
  border-left:3px solid var(--amber);
  border-radius:0 16px 16px 0;
  background:linear-gradient(90deg,rgba(245,163,31,.13),rgba(5,18,29,.28));
  color:var(--cream);
  font-size:clamp(15px,1.55vw,18px);
  line-height:1.55;
}
.hero-definition strong{color:var(--amber-2)}

.theme-definition{
  padding-top:clamp(66px,8vw,106px);
  padding-bottom:clamp(66px,8vw,106px);
  background:
    radial-gradient(70% 80% at 85% 20%,rgba(245,163,31,.12),transparent 58%),
    linear-gradient(180deg,#071724,var(--ink));
}
.definition-shell{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(24px,4vw,54px);
  align-items:start;
}
.definition-intro{
  position:sticky;
  top:110px;
  padding:clamp(24px,3vw,38px);
  border:1px solid rgba(245,163,31,.22);
  border-radius:26px;
  background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(5,18,29,.68));
  box-shadow:0 22px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);
}
.definition-kicker{
  display:block;
  margin-bottom:16px;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--teal);
}
.definition-intro h2{
  margin:0;
  font-family:var(--disp);
  font-size:clamp(32px,4.3vw,58px);
  line-height:1.02;
  text-transform:uppercase;
}
.definition-intro h2 em{display:block;color:var(--amber);font-style:normal}
.definition-lead{
  margin:22px 0 0;
  color:var(--muted);
  font-size:clamp(16px,1.75vw,20px);
  line-height:1.62;
}
.definition-lead strong{color:var(--cream)}
.definition-pillars{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:24px;
}
.definition-pillars span{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border:1px solid rgba(23,195,174,.26);
  border-radius:999px;
  background:rgba(23,195,174,.065);
  color:var(--cream);
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.08em;
  text-align:center;
}
.definition-vault{margin:0;min-width:0}
.definition-vault summary{min-height:86px}
.definition-content{padding:0 clamp(20px,3vw,34px) clamp(24px,3vw,36px)!important}
.definition-content>p{
  margin:0;
  color:var(--muted);
  font-size:clamp(15px,1.45vw,18px);
  line-height:1.72;
}
.definition-content>p+p{margin-top:17px}
.definition-content strong{color:var(--cream)}
.definition-commitment{
  margin:24px 0;
  padding:22px 24px;
  border:1px solid rgba(245,163,31,.3);
  border-left:4px solid var(--amber);
  border-radius:18px;
  background:linear-gradient(110deg,rgba(245,163,31,.11),rgba(255,255,255,.025));
}
.definition-commitment p{
  margin:0;
  color:var(--cream);
  font-size:clamp(17px,1.8vw,21px);
  line-height:1.55;
}
.definition-commitment cite{
  display:block;
  margin-top:12px;
  color:var(--amber);
  font-family:var(--mono);
  font-size:11px;
  font-style:normal;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.definition-result{
  padding:20px;
  border-radius:18px;
  background:rgba(23,195,174,.075);
  border:1px solid rgba(23,195,174,.22);
}
.definition-result small{
  display:block;
  margin-bottom:7px;
  color:var(--teal);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.17em;
}
.definition-result strong{
  display:block;
  font-family:var(--disp);
  font-size:clamp(22px,2.4vw,32px);
  line-height:1.1;
  text-transform:uppercase;
}
.definition-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.definition-actions .btn{flex:1 1 230px;text-align:center}

@media(max-width:900px){
  .definition-shell{grid-template-columns:1fr}
  .definition-intro{position:relative;top:auto}
}
@media(max-width:560px){
  .definition-pillars{grid-template-columns:1fr 1fr}
  .definition-intro{padding:22px 18px}
  .definition-actions .btn{flex-basis:100%}
}


/* ============================================================
   V38 · Buzón de Koque integrado debajo de la fotografía
   ============================================================ */
.founder-gallery-single{
  display:grid;
  gap:14px;
  align-content:start;
}
.founder-mailbox-mini{
  width:100%;
  border:1px solid rgba(245,163,31,.30);
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(160deg,rgba(245,163,31,.10),rgba(5,18,29,.80));
  box-shadow:0 12px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
}
.founder-mailbox-mini > summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 18px;
  gap:12px;
  align-items:center;
  padding:14px 16px;
}
.founder-mailbox-mini > summary::-webkit-details-marker{display:none}
.founder-mailbox-icon{
  width:42px;height:42px;border-radius:14px;
  display:grid;place-items:center;
  color:var(--ink);background:linear-gradient(135deg,var(--amber),var(--amber-2));
  box-shadow:0 8px 24px rgba(245,163,31,.25);
  font-size:18px;
}
.founder-mailbox-mini summary small{
  display:block;font-family:var(--mono);font-size:9px;letter-spacing:.19em;color:var(--teal);margin-bottom:3px;
}
.founder-mailbox-mini summary b{
  display:block;font-family:var(--disp);font-size:16px;line-height:1.08;text-transform:uppercase;color:var(--cream);
}
.founder-mailbox-mini summary em{
  position:relative;width:16px;height:16px;
}
.founder-mailbox-mini summary em::before,.founder-mailbox-mini summary em::after{
  content:"";position:absolute;left:2px;right:2px;top:7px;height:2px;background:var(--amber);transition:transform .22s ease;
}
.founder-mailbox-mini summary em::after{transform:rotate(90deg)}
.founder-mailbox-mini[open] summary em::after{transform:rotate(0)}
.founder-mailbox-body{
  padding:0 16px 16px;
  border-top:1px solid rgba(255,255,255,.055);
}
.founder-mailbox-body > p{
  margin:14px 0 12px!important;
  font-size:13px;
  line-height:1.55;
  color:var(--muted);
}
.mailbox-form-compact{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  gap:11px;
}
.mailbox-form-compact label{font-size:12.5px;gap:6px}
.mailbox-form-compact input,.mailbox-form-compact select,.mailbox-form-compact textarea{
  padding:11px 12px;
  font-size:14px;
  border-radius:12px;
  background:rgba(5,18,29,.66);
}
.mailbox-form-compact textarea{min-height:92px;max-height:180px}
.mailbox-form-compact .check{font-size:11.5px;line-height:1.45}
.mailbox-form-compact .btn{width:100%;min-height:46px;justify-content:center;text-align:center}
.founder-contact-note{
  margin-top:18px!important;
  padding:13px 15px;
  border-left:2px solid var(--amber);
  border-radius:0 12px 12px 0;
  background:rgba(245,163,31,.065);
  color:var(--cream)!important;
  font-size:13px;
}
.mailbox-fab{display:none!important}
@media(max-width:920px){
  .founder-gallery-single{max-width:380px;width:100%;margin-inline:auto}
}
@media(max-width:520px){
  .founder-mailbox-mini > summary{grid-template-columns:38px minmax(0,1fr) 16px;padding:12px}
  .founder-mailbox-icon{width:38px;height:38px;border-radius:12px}
  .founder-mailbox-mini summary b{font-size:14px}
  .founder-mailbox-body{padding:0 12px 12px}
}


/* ============================================================
   V39 · Qué esperar, actividades, apoyo a miembros y proyectos
   ============================================================ */
.community-expectations{grid-column:1/-1;display:grid;gap:14px;margin-top:2px}
.expectations-heading{display:grid;gap:7px;padding:18px 20px;border:1px solid rgba(245,163,31,.2);border-radius:20px;background:linear-gradient(135deg,rgba(245,163,31,.075),rgba(23,195,174,.035))}
.expectations-heading small{font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--amber)}
.expectations-heading h3{font-family:var(--disp);font-size:clamp(22px,2.6vw,32px);line-height:1;text-transform:uppercase}
.expectations-heading p{color:var(--muted);max-width:72ch;font-size:14px}
.expectations-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.expectations-steps article{min-width:0;display:grid;align-content:start;gap:7px;padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(5,18,29,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.expectations-steps b{font-size:14px;line-height:1.2;color:var(--cream)}
.expectations-steps small{font-size:12px;line-height:1.4;color:var(--muted)}
.mini-vector{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:rgba(245,163,31,.09);border:1px solid rgba(245,163,31,.2)}
.mini-vector svg{width:20px;height:20px;fill:none;stroke:var(--amber);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.expectations-vault,.member-help-vault{margin:0!important}
.expectations-content{padding:0 20px 20px!important}
.activity-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.activity-icon-grid span{min-height:52px;display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025);font-size:13px;color:var(--cream)}
.activity-icon-grid i{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px;border-radius:9px;background:rgba(23,195,174,.09);border:1px solid rgba(23,195,174,.19);font-family:var(--mono);font-style:normal;color:var(--teal)}
.expectations-note{margin-top:13px;padding:12px 14px;border-left:2px solid var(--teal);background:rgba(23,195,174,.045);font-size:13px;color:var(--muted)}
.member-help-content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 20px 20px!important}
.member-help-content h4{font-family:var(--disp);font-size:20px;text-transform:uppercase;margin-bottom:7px}
.member-help-content p{max-width:74ch;color:var(--muted);font-size:14px}
.member-help-content .btn{min-width:190px}
#que-es .definition-shell{align-items:start}
#que-es .community-expectations + .definition-vault{grid-column:1/-1}

@media(max-width:920px){
  .expectations-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .activity-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .member-help-content{grid-template-columns:1fr}
  .member-help-content .btn{justify-self:start}
}
@media(max-width:560px){
  .expectations-steps,.activity-icon-grid{grid-template-columns:1fr}
  .expectations-heading{padding:16px}
  .expectations-steps article{grid-template-columns:auto 1fr;column-gap:10px}
  .expectations-steps article .mini-vector{grid-row:1/3}
  .member-help-content .btn{width:100%}
}


/* ============================================================
   V40 · Próximos proyectos compactos y autoría sin foto duplicada
   ============================================================ */

/* El módulo 05 ocupa aproximadamente la mitad del alto anterior. */
#proximos-proyectos.sec{
  padding-top:clamp(42px,5.2vw,68px);
  padding-bottom:clamp(42px,5.2vw,68px);
}
#proximos-proyectos.module-collapsed{
  padding-top:24px!important;
  padding-bottom:24px!important;
}
.theme-next-projects .next-projects-accordion-head{
  padding-bottom:42px;
  grid-template-columns:minmax(210px,.72fr) minmax(420px,1.28fr);
  gap:16px;
  align-items:center;
}
.theme-next-projects .next-projects-head-copy .sec-num{
  font-size:clamp(34px,4.2vw,58px);
  line-height:.88;
}
.theme-next-projects .next-projects-head-copy .sec-tag{
  margin:4px 0 6px;
  font-size:8px;
  letter-spacing:.21em;
}
.theme-next-projects .next-projects-head-copy h2{
  font-size:clamp(25px,3vw,38px);
  line-height:1;
}
.theme-next-projects .next-projects-head-copy .sec-sub{
  margin-top:8px;
  max-width:38ch;
  font-size:12.5px;
  line-height:1.4;
}
.theme-next-projects .next-projects-launch-head{
  grid-template-columns:minmax(120px,.55fr) minmax(290px,1.45fr);
  gap:9px;
  padding:8px;
  border-radius:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.04);
}
.theme-next-projects .next-projects-launch-head .countdown-copy{
  padding:3px 6px;
}
.theme-next-projects .next-projects-launch-head .countdown-copy small{
  font-size:7px;
  letter-spacing:.16em;
}
.theme-next-projects .next-projects-launch-head .countdown-copy b{
  margin:3px 0;
  font-size:clamp(15px,1.5vw,20px);
}
.theme-next-projects .next-projects-launch-head .countdown-copy span{
  max-width:22ch;
  font-size:9.5px;
  line-height:1.3;
}
.theme-next-projects .next-projects-launch-head .countdown{
  gap:5px;
}
.theme-next-projects .next-projects-launch-head .countdown>div{
  min-height:50px;
  padding:5px 3px;
  border-radius:10px;
}
.theme-next-projects .next-projects-launch-head .countdown b{
  font-size:clamp(18px,2.2vw,28px);
}
.theme-next-projects .next-projects-launch-head .countdown span{
  margin-top:3px;
  font-size:6.5px;
  letter-spacing:.06em;
}
.theme-next-projects .next-projects-accordion-head>.section-toggle{
  min-width:142px;
  min-height:34px;
  padding:5px 7px 5px 10px;
  gap:6px;
}
.theme-next-projects .next-projects-accordion-head>.section-toggle .section-toggle-code{
  font-size:6px;
}
.theme-next-projects .next-projects-accordion-head>.section-toggle .section-toggle-copy{
  font-size:7.5px;
  letter-spacing:.05em;
}
.theme-next-projects .next-projects-accordion-head>.section-toggle i{
  width:18px;
  height:18px;
}
.theme-next-projects .next-projects-accordion-head>.section-toggle i::before,
.theme-next-projects .next-projects-accordion-head>.section-toggle i::after{
  left:4px;
  right:4px;
  top:8px;
}
#proximos-proyectos .section-drawer-inner{
  padding-top:6px!important;
}
#proximos-proyectos .section-drawer-inner::before{
  margin-bottom:10px!important;
}

/* Carrusel de fichas a media altura: toda la información y la imagen caben mejor. */
.upcoming-viewport{
  border-radius:18px;
  box-shadow:0 14px 38px rgba(0,0,0,.2);
}
.upcoming-track{
  transition:transform .34s cubic-bezier(.22,.75,.25,1);
}
.upcoming-slide{
  grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr);
  min-height:300px;
}
.upcoming-media{
  min-height:300px;
  padding:12px;
}
.upcoming-media::before{
  inset:9px;
  border-radius:13px;
}
.upcoming-media img{
  width:100%;
  height:100%;
  max-height:276px;
  object-fit:contain;
  border-radius:11px;
  filter:drop-shadow(0 10px 19px rgba(0,0,0,.27));
}
.upcoming-slide-vector .upcoming-media img{
  max-height:250px;
  border-radius:14px;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.2));
}
.upcoming-content{
  justify-content:center;
  padding:15px 20px;
}
.upcoming-index{
  font-size:7.5px;
  letter-spacing:.15em;
}
.upcoming-content h3{
  max-width:18ch;
  margin:6px 0 8px;
  font-size:clamp(23px,2.8vw,34px);
  line-height:1;
}
.upcoming-lead{
  font-size:13.5px;
  line-height:1.36;
}
.upcoming-content>p:not(.upcoming-lead){
  margin-top:7px;
  font-size:12px;
  line-height:1.38;
}
.upcoming-tags{
  gap:5px;
  margin:9px 0;
}
.upcoming-tags span{
  padding:5px 7px;
  font-size:7.5px;
}
.upcoming-actions{
  gap:7px;
  margin-top:1px;
}
.upcoming-actions .btn{
  min-height:35px!important;
  padding:0 12px!important;
  font-size:9.5px!important;
  line-height:1.1;
}
.upcoming-controls{
  position:relative;
  gap:10px;
  margin-top:9px;
  min-height:36px;
}
.upcoming-arrow{
  width:34px;
  height:34px;
  font-size:17px;
}
.upcoming-dots{
  max-width:min(70vw,580px);
  gap:5px;
  overflow:hidden;
}
.upcoming-dots button{
  width:18px;
  height:5px;
}
.upcoming-dots button.is-active{
  width:32px;
}
.upcoming-slide.is-active .upcoming-media img{
  animation:v40ProjectImage .36s ease-out;
}
@keyframes v40ProjectImage{
  from{opacity:.55;transform:scale(.975)}
  to{opacity:1;transform:scale(1)}
}

/* Cuando el perfil está desplegado, desaparecen la segunda foto y el botón redundante del pie. */
body.jorge-profile-open .creator-photo,
body.jorge-profile-open .creator-signature-copy .btn{
  display:none!important;
}
body.jorge-profile-open .creator-signature{
  grid-template-columns:1fr;
  max-width:900px;
  padding-top:36px;
  padding-bottom:36px;
  text-align:center;
}
body.jorge-profile-open .creator-signature-copy p{
  margin-left:auto;
  margin-right:auto;
}
body.jorge-profile-open .creator-signature-copy h2{
  font-size:clamp(34px,5vw,62px);
  margin:10px 0 14px;
}

@media(max-width:1050px){
  .theme-next-projects .next-projects-accordion-head{
    grid-template-columns:1fr;
    padding-bottom:40px;
  }
  .theme-next-projects .next-projects-launch-head{
    grid-template-columns:minmax(110px,.48fr) minmax(0,1.52fr);
  }
}
@media(max-width:760px){
  #proximos-proyectos.sec{
    padding-top:34px;
    padding-bottom:34px;
  }
  .theme-next-projects .next-projects-accordion-head{
    padding-bottom:42px;
  }
  .theme-next-projects .next-projects-launch-head{
    grid-template-columns:1fr;
    gap:6px;
    padding:7px;
  }
  .theme-next-projects .next-projects-launch-head .countdown-copy{
    display:grid;
    grid-template-columns:auto auto 1fr;
    align-items:center;
    gap:7px;
    text-align:left;
  }
  .theme-next-projects .next-projects-launch-head .countdown-copy b{
    margin:0;
  }
  .theme-next-projects .next-projects-launch-head .countdown-copy span{
    max-width:none;
  }
  .theme-next-projects .next-projects-launch-head .countdown{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .theme-next-projects .next-projects-launch-head .countdown>div{
    min-height:44px;
  }
  .upcoming-slide{
    grid-template-columns:1fr;
    min-height:0;
  }
  .upcoming-media{
    min-height:150px;
    max-height:180px;
    padding:8px;
  }
  .upcoming-media img,
  .upcoming-slide-vector .upcoming-media img{
    max-height:164px;
  }
  .upcoming-content{
    min-height:0;
    padding:13px 15px 16px;
  }
  .upcoming-content h3{
    margin:5px 0 7px;
    font-size:25px;
  }
  .upcoming-lead{
    font-size:12.5px;
  }
  .upcoming-content>p:not(.upcoming-lead){
    font-size:11.5px;
  }
  .upcoming-tags{
    margin:7px 0;
  }
  .upcoming-actions{
    display:flex;
    flex-wrap:wrap;
  }
  .upcoming-actions .btn{
    width:auto;
    flex:1 1 135px;
  }
  .upcoming-dots{
    max-width:62vw;
  }
}
@media(max-width:430px){
  .theme-next-projects .next-projects-launch-head .countdown-copy span{
    display:none;
  }
  .theme-next-projects .next-projects-launch-head .countdown-copy{
    grid-template-columns:auto 1fr;
  }
  .upcoming-media{
    min-height:138px;
    max-height:160px;
  }
  .upcoming-media img,
  .upcoming-slide-vector .upcoming-media img{
    max-height:146px;
  }
  .upcoming-content h3{font-size:22px}
  .upcoming-actions .btn{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){
  .upcoming-slide.is-active .upcoming-media img{animation:none!important}
}

/* ============================================================
   REVISIÓN TÉCNICA · COMUNIDAD, REGISTRO CENTRAL Y Nexo
   Base visual intacta de la versión 40. Nuevos componentes compactos.
   ============================================================ */
.expectations-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.expectations-steps article{min-height:142px;padding:16px;align-content:start}
.expectations-steps article small{font-size:12px;line-height:1.42}
.first-stage-note{margin:14px 0 10px;padding:12px 15px;border:1px solid rgba(245,163,31,.28);border-radius:14px;background:rgba(245,163,31,.07);font-size:13px;line-height:1.5;color:var(--muted)}
.first-stage-note strong{color:var(--amber)}
.official-group-description{display:flex;flex-wrap:wrap;gap:7px 10px;align-items:center;margin:0 0 14px;padding:10px 13px;border-radius:14px;background:rgba(23,195,174,.055);border:1px solid rgba(23,195,174,.18)}
.official-group-description b{color:var(--teal);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.official-group-description span{font-size:12px;color:var(--muted)}
.official-group-description span:not(:last-child)::after{content:" · ";color:rgba(255,243,224,.28);margin-left:9px}
.compact-community-vault{margin-top:10px}
.compact-community-vault summary{padding:13px 16px!important}
.compact-community-content{padding:0 16px 15px!important;font-size:13px}
.small-role-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:12px 0}
.small-role-grid span,.recognition-chips span,.community-levels span{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 9px;border-radius:10px;background:rgba(255,243,224,.045);border:1px solid rgba(255,243,224,.09);font-size:11px;text-align:center;line-height:1.25}
.community-levels{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:12px;counter-reset:level}
.community-levels span{position:relative;min-height:48px;border-color:rgba(245,163,31,.16)}
.community-levels span::before{counter-increment:level;content:counter(level);display:grid;place-items:center;width:20px;height:20px;margin-right:5px;border-radius:50%;background:rgba(245,163,31,.16);color:var(--amber);font-family:var(--mono);font-size:9px}
.recognition-chips{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
.recognition-chips span{min-height:32px;color:var(--teal)}
.compact-disclaimer{margin-top:8px;padding:9px 11px;border-left:2px solid var(--amber);background:rgba(245,163,31,.045);color:var(--muted);font-size:12px}

.reg-wrap-v41{align-items:start}
.reg-v41{min-width:0}
.reg-v41 .reg-progress{position:sticky;top:76px;z-index:8;background:rgba(5,18,29,.94);backdrop-filter:blur(5px);border:1px solid rgba(255,243,224,.1);border-radius:14px;padding:10px 12px;margin-bottom:14px;box-shadow:0 9px 25px rgba(0,0,0,.18)}
.reg-v41 .reg-step{padding-top:2px}
.reg-v41 fieldset[hidden],.registration-audience[hidden],.other-location-fields[hidden],.minor-v41[hidden]{display:none!important}
.audience-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.select-card{display:block!important;position:relative;cursor:pointer;text-transform:none!important;letter-spacing:0!important;font-family:var(--body)!important}
.select-card input{position:absolute;opacity:0;pointer-events:none}
.select-card span{display:grid;gap:4px;min-height:108px;padding:16px;border-radius:16px;border:1px solid rgba(255,243,224,.13);background:rgba(255,243,224,.035);transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}
.select-card b{font-family:var(--disp);font-size:18px;text-transform:uppercase;color:var(--cream);line-height:1.08}
.select-card small{font-size:12px;line-height:1.4;color:var(--muted)}
.select-card input:checked + span{border-color:rgba(245,163,31,.68);background:linear-gradient(145deg,rgba(245,163,31,.14),rgba(23,195,174,.05));box-shadow:0 10px 30px rgba(245,163,31,.11),inset 0 0 0 1px rgba(245,163,31,.15);transform:translateY(-1px)}
.registration-audience{display:grid;gap:13px}
.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.choice-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));margin:4px 0}
.choice-chip{display:block!important;position:relative;cursor:pointer;text-transform:none!important;letter-spacing:0!important;font-family:var(--body)!important}
.choice-chip input{position:absolute;opacity:0;pointer-events:none}
.choice-chip span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,243,224,.12);background:rgba(255,243,224,.035);font-size:12px;line-height:1.25;text-align:center;color:var(--muted);transition:.18s}
.choice-chip input:checked + span{color:var(--cream);border-color:rgba(23,195,174,.64);background:rgba(23,195,174,.12);box-shadow:inset 0 0 0 1px rgba(23,195,174,.12)}
.choice-chip input:focus-visible + span,.select-card input:focus-visible + span{outline:2px solid var(--amber);outline-offset:2px}
.choice-chip input:disabled:not(:checked) + span{opacity:.4;cursor:not-allowed}
.interest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.skill-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:250px;overflow:auto;padding-right:4px;scrollbar-width:thin}
.skill-grid .choice-chip span{min-height:40px;font-size:11px}
.organization-objectives,.org-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.multi-question{display:grid;gap:8px}
.question-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.question-head b{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.question-head span{font-size:11px;color:var(--teal)}
.form-context-note{padding:10px 12px;border-radius:12px;border:1px solid rgba(23,195,174,.17);background:rgba(23,195,174,.05);font-size:12px;line-height:1.45;color:var(--muted)}
.char-count{justify-self:end;font-family:var(--mono);font-size:10px;color:rgba(255,243,224,.45)}
.reg-v41 .is-invalid{border-color:var(--coral)!important;box-shadow:0 0 0 2px rgba(255,61,94,.12)!important}
.minor-v41{padding:14px;border:1px solid rgba(255,61,94,.26);border-radius:15px;background:rgba(255,61,94,.045);gap:10px}
.minor-v41 p{font-size:12px;color:var(--muted)}
.reg-server-note{font-size:11px;color:rgba(255,243,224,.46);text-align:center;margin-top:8px}
.reg-nav{align-items:center}
.reg-nav .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.15}
.reg-done-v41{max-width:1040px;margin-inline:auto;text-align:left}
.confirmation-kicker{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.23em;color:var(--teal);margin-bottom:8px}
.confirmation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}
.confirmation-summary div{padding:11px 12px;border-radius:12px;background:rgba(255,243,224,.045);border:1px solid rgba(255,243,224,.09);min-width:0}
.confirmation-summary small{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.confirmation-summary b{display:block;font-size:13px;color:var(--cream);overflow-wrap:anywhere}
.reg-done-v41 .reg-done-actions{display:flex;flex-wrap:wrap;gap:9px}
.reg-done-v41 .btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:10px 16px;font-size:10px;line-height:1.2}

.compact-modal[hidden]{display:none!important}
.compact-modal{position:fixed;inset:0;z-index:160;display:grid;place-items:center;padding:20px}
.compact-modal-backdrop{position:absolute;inset:0;background:rgba(2,8,14,.82);backdrop-filter:blur(4px)}
.compact-modal-card{position:relative;z-index:1;width:min(620px,100%);max-height:min(760px,88vh);overflow:auto;padding:24px;border:1px solid rgba(245,163,31,.3);border-radius:20px;background:linear-gradient(155deg,#0d2a3e,#071824);box-shadow:0 30px 90px rgba(0,0,0,.56)}
.compact-modal-card>small{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--amber)}
.compact-modal-card h2{font-family:var(--disp);font-size:clamp(24px,4vw,38px);text-transform:uppercase;line-height:1.05;margin:8px 0 14px}
.compact-modal-card p{font-size:14px;color:var(--muted);margin:8px 0}
.compact-modal-close{position:absolute;top:10px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--cream);font-size:22px;cursor:pointer}
.rules-confirm{margin:16px 0!important;padding:12px;border-radius:12px;border:1px solid rgba(23,195,174,.22);background:rgba(23,195,174,.055)}
.modal-status{padding:10px 12px;border-radius:10px;font-size:12px;margin-bottom:10px!important}
.modal-status.is-error{background:rgba(255,61,94,.1);border:1px solid rgba(255,61,94,.3);color:#ffd9df}
body.modal-open{overflow:hidden}

@media(max-width:980px){
  .expectations-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .small-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .community-levels{grid-template-columns:repeat(4,minmax(0,1fr))}
  .skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .confirmation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .expectations-steps{grid-template-columns:1fr 1fr;gap:8px}
  .expectations-steps article{min-height:128px;padding:12px}
  .audience-choice{grid-template-columns:1fr}
  .select-card span{min-height:88px}
  .choice-grid,.choice-grid-three,.interest-grid,.organization-objectives,.org-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px}
  .small-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .community-levels{grid-template-columns:repeat(2,minmax(0,1fr))}
  .question-head{align-items:flex-start;flex-direction:column;gap:3px}
  .reg-v41 .reg-progress{top:66px}
  .reg-done-v41 .reg-done-actions{display:grid;grid-template-columns:1fr}
  .reg-done-v41 .btn{width:100%}
}
@media(max-width:420px){
  .expectations-steps{grid-template-columns:1fr}
  .choice-grid,.choice-grid-three,.interest-grid,.organization-objectives,.org-services-grid{grid-template-columns:1fr}
  .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .confirmation-summary{grid-template-columns:1fr}
  .compact-modal-card{padding:20px 16px}
}
@media(prefers-reduced-motion:reduce){
  .select-card span,.choice-chip span{transition:none!important}
}


/* ============================================================
    · Reparación de visualización pública
   El contenido nunca depende de JavaScript para ser visible.
   ============================================================ */
[data-reveal]{
  opacity:1!important;
  transform:none!important;
  transition:opacity .28s ease,transform .28s ease!important;
}
.hero-inner,.hero-inner [data-reveal]{visibility:visible!important}
@media(max-width:1120px){
  .hero{align-content:start!important;min-height:auto!important;padding-bottom:54px!important}
  .hero-inner{padding-top:12px!important}
  .hero-jaguar-interface{margin-top:4px!important}
}


/* ============================================================
    · compromiso, alcance territorial y rendimiento compacto
   ============================================================ */
#reg-form-head{scroll-margin-top:92px;outline:none}
.reg-server-note.is-whatsapp-temporary{
  color:#ffe0a1;border-color:rgba(245,163,31,.34);
  background:rgba(245,163,31,.08)
}

.reach-proof{
  display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);
  gap:18px;align-items:center;margin:16px 0 18px;padding:14px 18px;
  border:1px solid rgba(245,163,31,.28);border-radius:18px;
  background:linear-gradient(110deg,rgba(245,163,31,.12),rgba(23,195,174,.055));
  box-shadow:0 12px 32px rgba(0,0,0,.18)
}
.reach-proof-number{display:grid;gap:1px;border-right:1px solid rgba(255,255,255,.08);padding-right:18px}
.reach-proof-number strong{font-family:var(--disp);font-size:clamp(28px,4vw,48px);line-height:.95;color:var(--amber)}
.reach-proof-number span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream)}
.reach-proof-copy b{display:block;font-size:15px;color:var(--cream);margin-bottom:4px}
.reach-proof-copy p{font-size:13px;line-height:1.45;color:var(--muted)}

.member-cause-summary{
  display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,1.58fr);gap:14px;
  align-items:center;margin:0 0 10px;padding:12px 14px;border-radius:14px;
  border:1px solid rgba(245,163,31,.25);background:rgba(245,163,31,.075)
}
.member-cause-summary div{display:grid;gap:3px}
.member-cause-summary small{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--amber)}
.member-cause-summary b{font-family:var(--disp);font-size:20px;text-transform:uppercase;color:var(--cream)}
.member-cause-summary p{margin:0!important;font-size:12.5px;line-height:1.45;color:var(--muted)}
.community-levels{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.community-levels .level-cause{border-color:rgba(245,163,31,.48);background:rgba(245,163,31,.12);color:var(--cream)}

/* El bloque de trabajo construido deja de ejecutar tilt, revelados y cámara.
   Se conserva todo el contenido en una cuadrícula más corta. */
.work-built-compact{
  contain:layout style paint;content-visibility:auto;contain-intrinsic-size:720px;
  transition:none!important
}
.work-built-compact::before,.work-built-compact::after{display:none!important}
.work-built-compact > summary{min-height:54px;padding:12px 16px!important}
.work-built-compact > .vault-content{padding:0 12px 12px!important}
.work-built-compact .ecosystem-stack{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;margin:0!important
}
.work-built-compact .work-theme{
  margin:0!important;padding:9px!important;border-radius:13px!important;
  background:rgba(255,255,255,.022)!important;box-shadow:none!important;
  break-inside:avoid;content-visibility:auto;contain-intrinsic-size:190px
}
.work-built-compact .work-theme-head{
  grid-template-columns:30px minmax(0,1fr)!important;gap:7px!important;
  padding:0 0 6px!important;margin:0!important
}
.work-built-compact .work-theme-head > span{width:30px!important;height:30px!important;font-size:10px!important}
.work-built-compact .work-theme-head h3{font-size:14px!important;line-height:1.05!important;margin:0!important}
.work-built-compact .work-subtopics{grid-column:1/-1;gap:4px!important;margin:0!important}
.work-built-compact .work-subtopics span{font-size:8.5px!important;padding:4px 6px!important}
.work-built-compact details.acc{margin-top:5px!important;border-radius:10px!important;transition:none!important}
.work-built-compact details.acc summary{min-height:38px!important;padding:8px 9px!important;gap:7px!important;font-size:12px!important;line-height:1.2!important}
.work-built-compact .acc-k{font-size:8px!important;padding:3px 5px!important}
.work-built-compact .acc-body{padding:0 9px 9px!important;font-size:11.5px!important;line-height:1.45!important}
.work-built-compact .acc-body p+p{margin-top:6px!important}
.work-built-compact .process-strip,.work-built-compact .editorial-rules{gap:4px!important;margin-top:7px!important}
.work-built-compact .learn-archive{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;margin-top:8px!important}
.work-built-compact .learn-archive figure{max-height:116px;overflow:hidden;border-radius:8px}
.work-built-compact .learn-archive img{width:100%;height:100%;object-fit:cover}
.work-built-compact .cause-support-flow{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}
.work-built-compact .cause-support-flow article{padding:7px!important;min-height:92px!important}
.work-built-compact .cause-support-flow b{font-size:11px!important}
.work-built-compact .cause-support-flow small{font-size:9px!important}

.tourism-brand-proof{
  margin:8px 0;padding:10px;border-radius:11px;border:1px solid rgba(23,195,174,.22);
  background:rgba(23,195,174,.055)
}
.tourism-brand-head{display:grid;gap:2px;margin-bottom:7px}
.tourism-brand-head small{font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:var(--teal)}
.tourism-brand-head b{font-size:12px;color:var(--cream)}
.tourism-brand-list{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.tourism-brand-list span{padding:4px 7px;border-radius:999px;border:1px solid rgba(245,163,31,.22);font-size:9px;color:var(--amber)}
.tourism-brand-proof p{margin:0!important;font-size:10.5px!important;line-height:1.4!important}

@media(max-width:820px){
  .reach-proof,.member-cause-summary{grid-template-columns:1fr}
  .reach-proof-number{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:0 0 10px}
  .work-built-compact .ecosystem-stack{grid-template-columns:1fr!important}
  .work-built-compact .cause-support-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .community-levels{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .reach-proof{padding:12px 13px}
  .reach-proof-number strong{font-size:34px}
  .work-built-compact > .vault-content{padding:0 7px 8px!important}
}