/* ============================================================
   VENTURA · home.css — loader V2 «LA BRISA» + los 6 bloques
   (dirección V2 «aire fresco»: hero diurno + filas índice negras)
   ============================================================ */

/* ============ 0 · LOADER V3 «EL CAMBIO DE CLIMA» (el calor sale, el aire fresco entra) ============ */
.loader{position:fixed;inset:0;z-index:400;overflow:clip;contain:strict}
html.no-js .loader,html.skip-loader .loader{display:none}
.ld-heat{position:absolute;inset:0;background:
  radial-gradient(120% 90% at 82% 16%,rgba(171,132,74,.5),transparent 55%),
  radial-gradient(110% 96% at 16% 88%,rgba(130,92,44,.45),transparent 60%),
  linear-gradient(115deg,#F2E2C8,#E6CDA2 48%,#D9B576)}
.ld-cool{position:absolute;inset:0;background:
  radial-gradient(120% 90% at 78% 14%,rgba(255,255,255,.9),transparent 60%),
  linear-gradient(115deg,#F7F9FA,#EAF2F7 55%,#DCE9F1);
  clip-path:inset(0 100% 0 0);will-change:clip-path}
.ld-wind{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:min(46vh,420px);z-index:3;pointer-events:none}
.ld-wind path{fill:none;stroke:rgba(255,255,255,.92);stroke-width:2.6;stroke-linecap:round;opacity:0}
.ld-mote{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold);opacity:0;z-index:3;box-shadow:0 0 12px rgba(217,181,118,.85);will-change:transform}
.lm1{top:24%;left:-2%}.lm2{top:37%;left:-5%}.lm3{top:51%;left:-2%}.lm4{top:63%;left:-6%}.lm5{top:75%;left:-3%}.lm6{top:31%;left:-8%}
.ld-logo{position:absolute;left:50%;top:50%;width:clamp(160px,17vw,220px);height:auto;will-change:transform,opacity;z-index:4}
/* reduced-motion sin GSAP: fade .3s y fuera */
html.rm .loader{animation:ldRmFade .3s ease forwards}
@keyframes ldRmFade{to{opacity:0;visibility:hidden}}

/* ============ ① HERO (DIURNO) ============ */
.hero{position:relative;height:220vh;background:var(--paper)}
.hero-stage{
  position:sticky;top:0;height:100vh;min-height:620px;overflow:clip;
  background:var(--paper);
}
/* caja-cover 1600:893 oversized 112% — sin transform (los z interiores
   participan del contexto del stage; GSAP solo toca los .-mover) */
.hero-cover{position:absolute;inset:0;overflow:clip}
.cover-box{
  --cw:max(112%,200.7vh);
  position:absolute;left:50%;top:50%;
  width:var(--cw);aspect-ratio:1600/893;
  margin-left:calc(var(--cw)/-2);
  margin-top:calc(var(--cw)*-0.27906);
}
.scn-mover,.scn-settle{position:absolute;inset:0;z-index:1}
.scn-mover,.cut-mover,.wm-mover{will-change:transform}
.scn-settle img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}

/* z2 · WORDMARK — 3 copias en UN carril (wm-mover, dueño único) */
.wm-pos{
  position:absolute;left:0;right:0;top:71.5%;z-index:2;
  display:flex;justify-content:center;pointer-events:none;
}
html.no-js .wm-pos{display:none}
.wm-mover{position:relative;line-height:.9;font-size:min(21vw,300px)}
.wm-t{
  font-family:var(--f-display);font-weight:800;font-size:inherit;
  letter-spacing:.05em;line-height:.9;white-space:nowrap;display:block;
}
.wm-outline{
  color:transparent;-webkit-text-stroke:2px rgba(16,22,28,.35);
}
.wm-gold{
  position:absolute;inset:0;
  background:linear-gradient(178deg,var(--gold-hi) 8%,var(--gold) 52%,var(--gold-lo) 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  clip-path:inset(0 100% 0 0);
}
/* (V2 diurno: el glow horneado de la luz-de-taller murió con los rayos) */

/* z3 · COPY */
.hero-copy{position:absolute;z-index:3;left:6%;top:13.5%;width:min(52%,780px)}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:.65rem;
  font:700 .78rem/1 var(--f-ui);letter-spacing:.2em;text-transform:uppercase;
  color:var(--bronze);margin-bottom:clamp(1rem,2vh,1.4rem);
}
.hero-eyebrow .cur{width:30px;height:13px;color:var(--bronze)}
.hero-h1{
  font-family:var(--f-display);font-weight:800;text-transform:uppercase;
  font-size:clamp(3.7rem,8.6vw,8.8rem);line-height:.94;letter-spacing:.012em;
  color:var(--t-on-light);
  /* sombra de contacto CLARA: despega el grafito del cielo (0720-a4) */
  text-shadow:0 1px 0 rgba(247,249,250,.55),0 4px 22px rgba(247,249,250,.65);
}
.hero-h1 .kw-gold{
  background:linear-gradient(178deg,var(--gold-lo) 0%,var(--bronze) 60%,var(--bronze) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:none; /* bg-clip:text + text-shadow pintan encima del relleno */
}
.hero-sub{
  margin-top:clamp(.9rem,2vh,1.4rem);max-width:44ch;
  color:var(--t-on-light);font-size:clamp(.98rem,1.15vw,1.14rem);line-height:1.65;
  text-shadow:0 1px 2px rgba(247,249,250,.8),0 2px 16px rgba(247,249,250,.7);
}
.hero-sub b{color:var(--t-on-light);font-weight:600}
.hero-ctas{display:flex;align-items:center;gap:1rem;margin-top:clamp(1.1rem,2.4vh,1.4rem);flex-wrap:wrap}
.hero .btn-ghost{
  background:rgba(255,255,255,.86);border:1.5px solid var(--bronze);color:var(--ink);
  box-shadow:0 10px 26px rgba(16,22,28,.14);
}
.hero .btn-ghost:hover{background:#fff;border-color:var(--gold-lo);box-shadow:0 14px 32px rgba(16,22,28,.2)}

/* z5 · SATÉLITES */
.hero-sats{position:absolute;inset:0;z-index:5;pointer-events:none}
.hero-sats>*{pointer-events:auto}
.chip{
  position:absolute;display:inline-flex;align-items:center;gap:.5rem;
  font:700 .68rem/1 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;
  color:var(--t-on-light);background:rgba(255,255,255,.72);
  border:1px solid rgba(16,22,28,.14);border-radius:999px;padding:.6rem .85rem;
}
.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex:0 0 auto}
.chip-zone{top:12.5%;right:3%}
/* riel izquierdo en el bolsillo de cielo (V2: el ducto diurno ocupa toda la banda inferior-derecha) */
.chip-years{left:6%;bottom:30%}
.proof-pill{
  position:absolute;right:2.6%;bottom:6.5%;
  display:inline-flex;align-items:center;gap:.6rem;
  font:700 .8rem/1 var(--f-ui);letter-spacing:.05em;color:var(--ink);
  background:var(--gold);border-radius:999px;padding:.7rem 1.1rem;
}
.proof-pill small{font-weight:600;letter-spacing:.1em;font-size:.62rem;opacity:.75}
.hero-cue{
  position:absolute;left:6.9%;bottom:14.5%;width:28px;height:46px;
  border:1px solid rgba(16,22,28,.3);border-radius:999px;
}
.hero-cue i{
  position:absolute;left:50%;top:9px;width:4px;height:9px;margin-left:-2px;
  border-radius:3px;background:var(--gold);animation:cueDrop 2.1s var(--e-io) infinite;
}
@keyframes cueDrop{0%{transform:translateY(0);opacity:1}70%{transform:translateY(16px);opacity:0}100%{transform:translateY(0);opacity:0}}

/* tarjeta de prueba (foto REAL) — derecha media, como la tarjeta de CALMM */
.hero-card{
  position:absolute;right:3.2%;top:42%;width:clamp(190px,16vw,240px);
  background:rgba(255,255,255,.92);border:1px solid rgba(16,22,28,.12);
  border-radius:16px;padding:.6rem;box-shadow:0 18px 44px rgba(16,22,28,.16);
  display:block;color:var(--t-on-light);
}
.hero-card img{width:100%;height:118px;object-fit:cover;border-radius:10px;display:block}
.hero-card b{display:block;font:700 .8rem/1.3 var(--f-ui);margin-top:.55rem}
.hero-card small{display:block;font:600 .66rem/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--t-on-light-muted);margin-top:.3rem}

/* z6 · MOTAS */
.motes{position:absolute;inset:0;z-index:6;pointer-events:none}

/* z4 · CUTOUT (registro exacto sobre la escena: top 125/893) */
.cut-pos{position:absolute;inset:0;z-index:4;pointer-events:none}
.cut-float{will-change:transform}
.cut-img{width:100%;height:100%}
/* variante móvil: ducto a ancho completo del viewport, hijo del stage */
.cut-pos-m{display:none;position:absolute;left:-2%;right:-2%;bottom:6%;z-index:4;pointer-events:none}
.cut-pos-m img{width:100%;height:auto}

/* ============ ② MANIFEST (VERDE) ============ */
.manifest{position:relative;padding-block:var(--pad-sec);overflow:clip}
.manifest .wrap{max-width:1660px;padding-inline:clamp(1rem,2.2vw,2.6rem)}
.mf-grid{
  position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(2rem,3.5vw,4rem);align-items:start;
}
.mf-copy{padding-top:clamp(1.5rem,9vh,6.5rem)}
.mf-copy h2{font-size:clamp(2.5rem,5.4vw,5.6rem);color:var(--t-on-light);max-width:12ch}
.mf-copy .kicker{margin-bottom:1.2rem}
.mf-copy p{margin-top:1.5rem;max-width:52ch;color:var(--t-on-light-muted)}
.ghost-02{right:2%;top:6%;font-size:clamp(6rem,11vw,11rem)}
.cota-mf{width:170px;right:6%;bottom:8%}

/* LAS PERSIANAS */
/* COLLAGE (orden del dueño 0804): 1 GRANDE + 2 menores sobrepuestas */
.persianas{position:relative;margin-bottom:clamp(3rem,7vw,5.5rem)}
.l-frame{
  position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;
  background:var(--ink);box-shadow:0 22px 52px rgba(29,33,38,.2);
}
.l-frame:nth-child(1){width:96%;margin-left:4%}
.l-frame:nth-child(2){
  position:absolute;left:-3%;bottom:-9%;width:47%;z-index:2;
  transform:rotate(-2.4deg);border:5px solid var(--champagne);
}
.l-frame:nth-child(3){
  position:absolute;right:-2%;bottom:-16%;width:38%;z-index:3;
  transform:rotate(1.8deg);border:5px solid var(--champagne);
}
.l-frame:nth-child(n+2) .lam,.l-frame:nth-child(n+2) .lam-hair{display:none}
.l-frame:nth-child(n+2) .l-full{opacity:1}
.l-full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
html.no-js .l-full,html.rm .l-full{opacity:1}
.lam{position:absolute;left:0;width:100%;height:16.667%;overflow:hidden;clip-path:inset(50% 0 50% 0)}
.lam img{position:absolute;left:0;width:100%;height:600%;object-fit:cover}
.lam-hair{position:absolute;left:0;right:0;height:5px;pointer-events:none;opacity:0;z-index:2}
.lam-hair i{display:block;height:1px;background:rgba(128,137,142,.7);margin-bottom:19%}
.l-tag{
  position:absolute;left:12px;bottom:12px;z-index:3;
  font:700 .62rem/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;
  color:var(--t-on-dark);background:rgba(20,23,26,.6);border-radius:999px;padding:.45rem .7rem;
}

/* ============ ③ BANDA AIRFLOW (AMARILLO) ============ */
.band{position:relative;min-height:70vh;background:var(--ink);color:var(--t-on-dark);overflow:clip;display:flex;align-items:center}
.band-macro{
  position:absolute;left:0;top:-8%;bottom:-8%;width:46%;z-index:1;overflow:clip;
}
.band-macro img{width:100%;height:100%;object-fit:cover}
.band-macro::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(20,23,26,0) 40%,var(--ink) 98%);
}
.band-ghost{right:1%;bottom:-6%;font-size:clamp(9rem,18vw,18rem);z-index:2}
.band-lock{position:relative;z-index:3;margin-left:auto;width:56%;padding-block:5rem}
.band-word-wrap{position:relative;display:inline-block}
.band-glow{
  position:absolute;left:50%;top:50%;width:150%;height:220%;transform:translate(-50%,-50%);
  background:radial-gradient(ellipse at center,rgba(217,181,118,.34) 0%,rgba(217,181,118,.1) 45%,rgba(217,181,118,0) 72%);
  pointer-events:none;
}
.band-word{
  position:relative;font-family:var(--f-display);font-weight:900;
  font-size:min(9vw,150px);line-height:1;letter-spacing:.01em;
  background:linear-gradient(178deg,var(--gold-hi) 8%,var(--gold) 52%,var(--gold-lo) 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.band-line{
  margin-top:1.4rem;max-width:40ch;
  font-family:var(--f-display);font-weight:500;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.3;letter-spacing:.02em;
  color:var(--t-on-dark);
}
.band-line b{color:var(--gold);font-weight:600}

/* ============ ④ SYSTEM SPECS-HALO (FUCSIA) ============ */
.system{position:relative;padding-block:clamp(3rem,5vh,4rem);overflow:clip}
/* wrap ancho (0805): la sección abarca los lados, margen mínimo y PAREJO */
.system .wrap{max-width:1660px;padding-inline:clamp(1rem,2.2vw,2.6rem)}
.sys-head{position:relative;z-index:2;text-align:center;margin-bottom:clamp(2.5rem,5vh,4rem)}
.sys-head h2{font-size:clamp(2.3rem,4.6vw,4.6rem);color:var(--t-on-light)}
.sys-head .kicker{margin-bottom:1rem}
.sys-stage{
  position:relative;z-index:2;display:grid;
  grid-template-columns:1fr minmax(320px,33vw) 1fr;
  gap:clamp(1.5rem,3vw,3rem);align-items:center;
}
.sys-anchor{position:relative}
.sys-anchor img{
  width:100%;border-radius:18px;border:1px solid rgba(128,137,142,.28);
  box-shadow:0 30px 70px rgba(29,33,38,.22);
}
.sys-col{display:flex;flex-direction:column;gap:clamp(1.6rem,4vh,2.8rem)}
.spec{display:flex;gap:1rem;align-items:flex-start;max-width:390px}
.sys-col-l .spec{margin-left:auto;text-align:right;flex-direction:row-reverse}
.spec .ic{
  flex:0 0 auto;width:52px;height:52px;border-radius:14px;
  border:1px solid rgba(130,92,44,.35);color:var(--bronze);
  display:flex;align-items:center;justify-content:center;background:rgba(233,239,243,.6);
}
.spec .ic svg{width:30px;height:30px}
.spec h3{font-family:var(--f-display);font-weight:700;font-size:1.34rem;letter-spacing:.045em;text-transform:uppercase;color:var(--t-on-light)}
.spec p{font-size:.92rem;line-height:1.5;color:var(--t-on-light-muted);margin-top:.3rem}
.leads{position:absolute;inset:0;z-index:1;pointer-events:none;color:rgba(130,92,44,.4)}
.leads path{fill:none;stroke:currentColor;stroke-width:1.3;stroke-dasharray:4 5}
.sys-ghost{left:-2%;bottom:-4%;font-size:clamp(7rem,13vw,13rem)}
.cota-sys{width:220px;left:4%;top:6%}

/* ============ ④.5 ESCAPARATE «FILAS ÍNDICE NEGRAS» (dirección V2 §5) ============ */
.showcase{position:relative;background:var(--ink-2);color:var(--t-on-dark);padding-top:var(--pad-sec);overflow:clip}
.sc-head{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:clamp(2rem,4vh,3rem);flex-wrap:wrap}
.sc-head h2{font-size:clamp(2.3rem,4.6vw,4.6rem);color:var(--t-on-dark);max-width:14ch}
.sc-head p{max-width:40ch;color:var(--t-on-dark-muted)}
.idx-rows{position:relative;z-index:2;display:flex;gap:8px;height:min(620px,70vh);padding:0 8px 8px}
.idx-row{
  position:relative;flex:1 1 0%;min-width:0;overflow:clip;border-radius:12px;
  transition:flex-grow .55s var(--e-out);
}
.idx-row:hover,.idx-row:focus-visible{flex-grow:3}
.idx-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
/* la foto vive a .55 vía overlay; hover .55→.75 = crossfade del overlay, jamás filter */
.idx-veil{position:absolute;inset:0;z-index:1;background:var(--ink-2);opacity:.45;transition:opacity .35s ease}
.idx-row:hover .idx-veil,.idx-row:focus-visible .idx-veil{opacity:.25}
.idx-copy{position:absolute;left:1.6rem;bottom:1.35rem;z-index:2;font:600 .85rem/1.45 var(--f-ui);color:var(--t-on-dark);max-width:30ch;opacity:0;transform:translateY(12px);transition:opacity .35s ease .14s,transform .35s var(--e-out) .14s;text-shadow:0 1px 3px rgba(8,12,16,.55)}
.idx-row:hover .idx-copy,.idx-row:focus-visible .idx-copy{opacity:1;transform:none}
.idx-copy i{display:block;font-style:normal;font:700 .66rem/1 var(--f-ui);letter-spacing:.22em;color:var(--gold);margin-bottom:.4rem}
.idx-word{
  position:absolute;left:50%;bottom:1.5rem;z-index:2;transform:translateX(-50%);
  writing-mode:vertical-rl;rotate:180deg;white-space:nowrap;
  font-family:var(--f-display);font-weight:800;text-transform:uppercase;
  font-size:clamp(1.5rem,2.1vw,2.2rem);line-height:1;letter-spacing:.06em;
  color:#FFFFFF;transition:opacity .3s ease;
  text-shadow:0 2px 6px rgba(8,12,16,.5);
}
.idx-row:hover .idx-word,.idx-row:focus-visible .idx-word{opacity:0}
.idx-wordh{
  position:absolute;left:1.5rem;bottom:3.6rem;z-index:2;white-space:nowrap;
  font-family:var(--f-display);font-weight:800;text-transform:uppercase;
  font-size:clamp(2.2rem,3.8vw,3.9rem);line-height:.95;letter-spacing:.03em;color:#FFF;
  opacity:0;transform:translateY(16px);
  transition:opacity .4s ease .12s,transform .4s var(--e-out) .12s;
  text-shadow:0 2px 6px rgba(8,12,16,.5),0 14px 38px rgba(8,12,16,.35);
}
.idx-row:hover .idx-wordh,.idx-row:focus-visible .idx-wordh{opacity:1;transform:none}
.idx-arr{
  position:absolute;right:1.3rem;top:1.3rem;z-index:2;width:46px;height:46px;border-radius:50%;
  border:1px solid rgba(217,181,118,.5);color:var(--gold);
  display:flex;align-items:center;justify-content:center;font-size:1.05rem;
  transition:transform .3s var(--e-out);
}
.idx-row:hover .idx-arr,.idx-row:focus-visible .idx-arr{transform:translateX(6px)}
.sc-ghost{right:0;top:2%;font-size:clamp(7rem,12vw,12rem)}

/* ============ ④.6 ESPEJO ============ */
.mirror{position:relative;padding-block:var(--pad-sec);overflow:clip}
.mr-grid{
  position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;
  gap:clamp(2.5rem,5vw,5.5rem);align-items:stretch;
}
.mr-panel{position:relative;border-radius:16px;overflow:hidden;min-height:380px;box-shadow:0 18px 44px rgba(29,33,38,.16)}
.mr-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mr-chip{
  position:absolute;left:14px;bottom:14px;
  font:700 .68rem/1 var(--f-ui);letter-spacing:.15em;text-transform:uppercase;
  color:var(--t-on-dark);background:rgba(20,23,26,.62);border:1px solid rgba(217,181,118,.4);
  border-radius:999px;padding:.55rem .85rem;
}
.mr-copy{display:flex;flex-direction:column;justify-content:center}
.mr-copy h2{font-size:clamp(2.3rem,4.6vw,4.6rem);color:var(--t-on-light);max-width:15ch}
.mr-copy .kicker{margin-bottom:1.2rem}
.mr-copy p{margin-top:1.5rem;max-width:52ch;color:var(--t-on-light-muted)}
.mr-ghost{left:-1%;bottom:-4%;font-size:clamp(6rem,10vw,10rem)}

/* ⑤ CTA: componente COMÚN — vive en base.css (ley j9a) */

/* ============ CONTENT-VISIBILITY bajo el fold (j4 + q5b: por eje) ============ */
.system,.showcase,.mirror{
  content-visibility:auto;
  contain-intrinsic-width:auto 1px;
  contain-intrinsic-height:auto 900px;
}

/* ============ MOBILE ============ */
@media (max-width:900px){
  .mf-grid,.mr-grid{grid-template-columns:1fr}
  .mf-copy h2{max-width:none}

  .sys-stage{grid-template-columns:1fr;gap:2rem}
  .sys-anchor{max-width:520px;margin-inline:auto}
  .sys-col{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
  .sys-col-l .spec{margin-left:0;text-align:left;flex-direction:row}
  .leads{display:none}
  .idx-rows{display:block;height:auto;padding:0}
  .idx-row{display:grid;grid-template-columns:1fr auto;align-items:center;height:auto;min-height:150px;padding:1.25rem clamp(1.25rem,4vw,4rem);row-gap:.45rem;border-radius:0;border-bottom:1px solid rgba(154,164,171,.16)}
  .idx-word{position:static;writing-mode:horizontal-tb;rotate:none;transform:none;opacity:1!important;font-size:clamp(2.2rem,7vw,3.4rem);grid-column:1;grid-row:1;text-align:left}
  .idx-wordh{display:none}
  .idx-arr{position:static;grid-column:2;grid-row:1}
  .idx-copy{position:static;opacity:1;transform:none;grid-column:1/-1;grid-row:2;max-width:56ch;color:var(--t-on-dark-muted)}
  .persianas{max-width:none;margin-bottom:1rem}
  .l-frame:nth-child(1){width:100%;margin-left:0}
  .l-frame:nth-child(2),.l-frame:nth-child(3){position:relative;left:auto;right:auto;bottom:auto;transform:none;border:0;z-index:1}
  .l-frame:nth-child(2){width:100%;margin-top:1rem}
  .l-frame:nth-child(3){width:100%;margin-top:1rem}
  .hero-card{display:none}
  .band-macro{width:100%;opacity:.4}
  .band-lock{width:100%;padding-inline:clamp(1.25rem,4vw,4rem)}
  .mr-panel{min-height:300px}
}
@media (max-width:760px){
  .hero{height:190vh}
  .hero-stage{min-height:560px}
  /* scrim mobile CLARO: legibilidad AA del grafito sobre el cielo */
  .hero-stage::before{
    content:"";position:absolute;inset:0 0 30% 0;z-index:2;pointer-events:none;
    background:linear-gradient(180deg,rgba(247,249,250,.85) 0%,rgba(247,249,250,.55) 55%,rgba(247,249,250,0) 100%);
  }
  /* hunde el ducto horneado del fondo (el objeto móvil es el cutout inferior) */
  .hero-stage::after{
    content:"";position:absolute;inset:52% 0 0 0;z-index:2;pointer-events:none;
    background:linear-gradient(0deg,rgba(247,249,250,.8) 0%,rgba(247,249,250,.5) 55%,rgba(247,249,250,0) 100%);
  }
  .hero-eyebrow{font-size:.66rem;letter-spacing:.16em}
  .hero-copy{left:6%;right:6%;top:11%;width:auto}
  .hero-h1{text-shadow:0 1px 2px rgba(247,249,250,.6),0 2px 12px rgba(247,249,250,.5)}
  .hero-sub{text-shadow:0 1px 2px rgba(247,249,250,.6)}
  /* ducto a ancho completo abajo (composición móvil del wireframe) */
  .cut-pos-m{display:none}
  .chip-zone{display:none}
  .chip-years{bottom:25%}
  .proof-pill{display:none}
  .hero-cue{display:none}
  .hero-ctas{flex-direction:column;gap:.7rem;align-items:flex-start}
  .wm-t{font-size:20vw}
  .wm-pos{top:76%}
  .band-ghost{font-size:8rem}
  .foot-wm span{font-size:26vw}
  .sys-col{grid-template-columns:1fr}
}
@media (max-width:560px){
  .idx-arr{width:38px;height:38px}
}

/* ============ REDUCED MOTION (compone estático) ============ */
html.rm .wm-mover{transform:none}
html.rm .wm-outline{opacity:.14}
html.rm .wm-gold{clip-path:inset(0 0 0 0);opacity:.16}
html.rm .hero-cue i{animation:none}
html.rm .lam{clip-path:inset(0 0 0 0)}