/* ==========================================================================
   CASA® — València
   Sistema v3 · todo geométrico: cero radios, rectángulos, escala pequeña.
   Negro puro, una grotesca, el rojo de marca como único acento.
   Sin dependencias.
   ========================================================================== */

/* ---------- tokens ---------- */
:root{
  --k:#000000;
  --k-1:#080808;
  --k-2:#101010;
  --w:#FFFFFF;
  --red:#5B000D;            /* rojo de marca — masas y planos */
  --red-ui:#D6001F;         /* mismo tono, subido de luz: botones y acentos pequeños */
  --red-ui-h:#F00323;
  --crema:#DDDAAF;

  --i1:rgba(255,255,255,.96);
  --i2:rgba(255,255,255,.56);
  --i3:rgba(255,255,255,.34);
  --hair:rgba(255,255,255,.13);
  --hair2:rgba(255,255,255,.06);

  --m:clamp(16px,2.6vw,44px);
  --g:clamp(6px,.7vw,10px);
  --u:clamp(18px,2.2vw,40px);      /* unidad vertical del desfase */
  --nav:clamp(78px,6.4vw,96px);

  --f:"Inter Tight","Inter",-apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --e:cubic-bezier(.19,1,.22,1);
  --e2:cubic-bezier(.65,0,.35,1);
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box;border-radius:0}
html{-webkit-text-size-adjust:100%;background:var(--k)}
html,body{margin:0;padding:0}
body{
  background:var(--k);color:var(--i1);font-family:var(--f);
  font-size:clamp(12px,.78vw,14px);font-weight:400;line-height:1.45;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  font-feature-settings:"kern" 1;
  overflow-x:hidden;
}
img,video,svg,canvas{display:block;max-width:100%}
p{margin:0}
h1,h2,h3,h4{margin:0;font-weight:500}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit;background:none;border:0;margin:0}
button{cursor:pointer}
input[type=checkbox]{accent-color:var(--red);cursor:pointer}
::selection{background:var(--red);color:#fff}
:focus-visible{outline:1px solid var(--crema);outline-offset:2px}

/* ---------- retícula ---------- */
.wrap{padding-inline:var(--m)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g)}
.c1{grid-column:span 1}.c2{grid-column:span 2}.c3{grid-column:span 3}
.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}
.c7{grid-column:span 7}.c8{grid-column:span 8}.c9{grid-column:span 9}
.c10{grid-column:span 10}.c12{grid-column:span 12}


/* ---------- columnas con posición fija (y su reseteo en móvil) ---------- */
.at7{grid-column:7/span 4}
.at8{grid-column:8/span 5}
.at9{grid-column:9/span 4}
.at11{grid-column:11/span 2}
@media (max-width:900px){.at7,.at8,.at9,.at11{grid-column:1/-1}}

/* ---------- tipografía ---------- */
.lbl{
  font-size:clamp(8.5px,.56vw,10px);font-weight:500;line-height:1.5;
  letter-spacing:.06em;text-transform:uppercase;color:var(--i2);
}
.lbl--w{color:var(--w)}
.lbl--r{color:var(--red-ui)}
.num{font-variant-numeric:tabular-nums}
.t-xl{font-size:clamp(26px,4vw,68px);font-weight:500;line-height:1.04;letter-spacing:-.034em}
.t-l{font-size:clamp(19px,2.3vw,38px);font-weight:500;line-height:1.1;letter-spacing:-.028em}
.t-m{font-size:clamp(14px,1.4vw,22px);font-weight:500;line-height:1.2;letter-spacing:-.02em}
.t-s{font-size:clamp(12px,1vw,16px);font-weight:500;line-height:1.3;letter-spacing:-.012em}
.txt{font-size:clamp(11.5px,.76vw,13.5px);font-weight:400;line-height:1.52;color:var(--i2);text-wrap:pretty}
.txt b,.txt strong{font-weight:500;color:var(--w)}
.txt+.txt{margin-top:1em}
.center{text-align:center}
.bal{text-wrap:balance}
.hair{border:0;border-top:1px solid var(--hair);margin:0}
.crema{color:var(--crema)}
.red{color:var(--red-ui)}

/* ---------- cabecera ---------- */
.nav{
  position:fixed;inset:0 0 auto 0;z-index:70;height:var(--nav);
  display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;
  align-items:center;row-gap:clamp(6px,.6vw,9px);
  padding-inline:var(--m);padding-top:clamp(11px,1.1vw,16px);
}
.nav__l{grid-area:1/1}
.nav__c{grid-area:1/2}
.nav__r{grid-area:1/3}
.nav__buy{grid-area:2/1/3/-1;justify-self:center}
.nav>*{position:relative;z-index:1}
.nav__l{justify-self:start}.nav__r{justify-self:end}.nav__c{justify-self:center}
.nav__logo{width:clamp(54px,4.4vw,74px)}      /* casi a la altura de los enlaces */
.nav__logo img{width:100%;height:auto}
.lnk{position:relative;display:inline-block;padding-block:3px;font-size:clamp(8.5px,.56vw,10px);
  font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--i1)}
.lnk::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:100% 50%;transition:transform .5s var(--e)}
.lnk:hover::after,.lnk[aria-current="page"]::after{transform:scaleX(1);transform-origin:0 50%}
.nav__burger{display:none;align-items:center;gap:6px}

/* ---------- utilidades ---------- */
/* el cursor es el isotipo: equilátero, misma proporción que el triángulo de la marca */
.cur{position:fixed;left:0;top:0;width:20px;height:17.32px;margin:-8.66px 0 0 -10px;
  background:rgba(255,255,255,.62);clip-path:polygon(50% 0,100% 100%,0 100%);
  pointer-events:none;z-index:95;mix-blend-mode:difference;opacity:0;
  transition:opacity .3s linear,width .45s var(--e),height .45s var(--e),margin .45s var(--e),background .3s linear}
.cur[data-on="1"]{opacity:1}
.cur[data-hot="1"]{width:54px;height:46.77px;margin:-23.38px 0 0 -27px;background:var(--w)}
@media (hover:none),(pointer:coarse){.cur{display:none}}

.load{position:fixed;inset:0;z-index:100;background:var(--k);display:grid;place-items:center;
  transition:opacity .8s var(--e),visibility .8s}
.load[data-done="1"]{opacity:0;visibility:hidden;pointer-events:none}
.load__logo{width:clamp(96px,11vw,150px);opacity:.92}
.load__bar{position:absolute;left:var(--m);right:var(--m);bottom:calc(var(--m) + 16px);height:1px;background:var(--hair2)}
.load__bar i{display:block;height:100%;width:0;background:var(--red-ui);transition:width .25s linear}
.load__n{position:absolute;left:var(--m);right:var(--m);bottom:calc(var(--m) + 26px);display:flex;justify-content:space-between}

.wipe{position:fixed;inset:0;z-index:90;pointer-events:none;background:var(--k);
  clip-path:inset(100% 0 0 0);transition:clip-path .6s var(--e)}
.wipe[data-on="1"]{pointer-events:all;clip-path:inset(0 0 0 0)}

/* ---------- rótulos de esquina ---------- */
.edge{position:fixed;z-index:60;pointer-events:none;opacity:0;transition:opacity .5s linear}
.edge[data-on="1"]{opacity:1}
.edge--bl{left:var(--m);bottom:calc(var(--m) - 2px)}
.edge--br{right:var(--m);bottom:calc(var(--m) - 2px)}
@media (max-width:620px){.edge{display:none}}

/* ---------- botones: rectángulos pequeños ---------- */
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  min-width:clamp(118px,10vw,158px);
  padding:clamp(6px,.46vw,8px) clamp(14px,1.3vw,22px);
  background:var(--red-ui);color:#fff;overflow:hidden;
  font-size:clamp(8.5px,.56vw,10px);font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  transition:transform .5s var(--e);will-change:transform;
}
.btn span{position:relative;z-index:2}
.btn::before{content:"";position:absolute;inset:0;background:var(--red-ui-h);
  transform:scaleY(0);transform-origin:50% 100%;transition:transform .5s var(--e)}
.btn:hover::before{transform:scaleY(1)}
.btn--ghost{background:transparent;border:1px solid var(--hair);color:var(--i1)}
.btn--ghost::before{background:var(--w)}
.btn--ghost:hover{color:var(--k)}
.btn--w{background:var(--w);color:var(--k)}
.btn--w::before{background:var(--crema)}
.btn--block{width:100%}
.btn[disabled]{opacity:.24;pointer-events:none;filter:grayscale(1)}

/* ---------- el CTA permanente bajo el logotipo ---------- */
.nav__buy{min-width:clamp(104px,8.6vw,132px);padding:clamp(5px,.4vw,7px) clamp(12px,1.1vw,18px);
  font-size:clamp(8px,.52vw,9.5px);letter-spacing:.12em}

/* ---------- apariciones ---------- */
[data-rise]{opacity:0;transform:translateY(16px);transition:opacity .85s var(--e),transform .85s var(--e);transition-delay:var(--d,0ms)}
[data-rise].is-in{opacity:1;transform:none}
.wline{display:block;overflow:hidden}
.wline>i{display:block;font-style:normal;transform:translateY(104%);transition:transform 1s var(--e);transition-delay:var(--d,0ms)}
.is-in .wline>i,.wline.is-in>i{transform:none}
.wd{display:inline-block;overflow:hidden;vertical-align:bottom}
.wd>i{display:inline-block;font-style:normal;transform:translateY(104%);transition:transform .9s var(--e);transition-delay:var(--d,0ms)}
.is-in .wd>i{transform:none}

/* ==========================================================================
   HERO
   ========================================================================== */
.hero{position:relative;height:100svh;min-height:540px;overflow:hidden}
.hero__media{position:absolute;inset:0;overflow:hidden}
.hero__media video,.hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}
.hero__media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.06) 24%,rgba(0,0,0,.1) 58%,rgba(0,0,0,.84) 100%)}
.hero__foot{position:absolute;left:var(--m);right:var(--m);bottom:clamp(20px,2.6vw,38px);z-index:3}
.hero__foot .txt{color:rgba(255,255,255,.8);max-width:62ch}
.hero__top{position:absolute;left:var(--m);right:var(--m);top:calc(var(--nav) + clamp(6px,.8vw,12px));z-index:3;
  display:flex;justify-content:space-between}

/* ==========================================================================
   SECCIÓN GENÉRICA
   ========================================================================== */
.sec{position:relative;padding-block:clamp(62px,9vw,160px)}
.sec--tight{padding-block:clamp(42px,5.4vw,92px)}
.sec__top{display:flex;justify-content:space-between;gap:var(--g);margin-bottom:clamp(26px,3.4vw,62px)}

/* ---------- declaración centrada con fotos en retícula ---------- */
.intro{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);align-items:start}
.intro__say{grid-column:4/span 6;align-self:center;text-align:center;padding-block:var(--u)}
.ph{position:relative;overflow:hidden;background:var(--k-1)}
.ph img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);
  transition:transform 1s var(--e),filter 1s var(--e);filter:saturate(.94)}
.ph:hover img{transform:scale(1);filter:saturate(1.06)}
.cap{margin-top:7px}
.cap b{display:block;font-size:clamp(8.5px,.56vw,10px);font-weight:500;letter-spacing:.06em;
  text-transform:uppercase;color:var(--w)}
.cap span{display:block;font-size:clamp(8.5px,.56vw,10px);font-weight:400;line-height:1.4;color:var(--i3);margin-top:2px}
.sh{will-change:transform}
.sh--a{grid-column:1/span 3}
.sh--b{grid-column:10/span 3}
.sh--c{grid-column:1/span 3;margin-top:var(--u)}
.sh--d{grid-column:10/span 3;margin-top:var(--u)}
.ar-45{aspect-ratio:4/5}
.ar-11{aspect-ratio:1/1}
.ar-34{aspect-ratio:3/4}

/* ---------- mosaico que se monta ---------- */
.mosaic{position:relative;height:300svh}
.mosaic__pin{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}
.mosaic__g{
  position:relative;width:calc(100% - var(--m) * 2);height:calc(100% - var(--m) * 2);
  display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);gap:var(--g);
}
.mosaic__i{position:relative;overflow:hidden;will-change:transform,opacity;background:var(--k-1)}
.mosaic__i img,.mosaic__i video{width:100%;height:100%;object-fit:cover}
.mosaic__say{position:absolute;inset:0;z-index:5;display:grid;place-items:center;pointer-events:none;padding-inline:var(--m)}
.mosaic__say p{background:var(--k);padding:clamp(14px,1.6vw,26px) clamp(18px,2.2vw,38px);max-width:22ch}

/* ---------- dos columnas de texto grande ---------- */
.duo{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,62px)}
.duo p{font-size:clamp(15px,1.7vw,28px);font-weight:500;line-height:1.16;letter-spacing:-.024em;color:var(--w)}
.duo em{font-style:normal;color:var(--red-ui)}

/* ---------- cifras: rectángulos planos, sin cristal ---------- */
.proof{position:relative;height:220svh}
.proof__pin{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}
.proof__bg{position:absolute;inset:0}
.proof__bg img,.proof__bg video{width:100%;height:100%;object-fit:cover;will-change:transform}
.proof__bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6)}
.proof__in{position:relative;z-index:2;width:100%;padding-inline:var(--m);display:flex;flex-direction:column;
  align-items:center;gap:clamp(26px,3.6vw,62px)}
.proof__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g);width:100%;max-width:clamp(300px,74vw,1080px)}
.stat{padding:clamp(14px,1.6vw,26px);border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.55);
  display:flex;flex-direction:column;gap:7px}
.stat b{font-size:clamp(24px,3.2vw,54px);font-weight:500;line-height:1;letter-spacing:-.038em}
.stat span{font-size:clamp(8.5px,.56vw,10px);font-weight:400;line-height:1.4;color:rgba(255,255,255,.6)}

/* ---------- tira de miniaturas ---------- */
.strip{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--g)}
.strip figure{margin:0}
.strip img{width:100%;aspect-ratio:4/5;object-fit:cover;transform:scale(1.04);transition:transform 1.1s var(--e)}
.strip figure:hover img{transform:scale(1)}
.strip figcaption{margin-top:7px}
.strip figcaption b{display:block;font-size:clamp(8.5px,.56vw,10px);font-weight:500;letter-spacing:.06em;
  text-transform:uppercase;color:var(--w)}
.strip figcaption span{display:block;font-size:clamp(8.5px,.56vw,10px);color:var(--i3);margin-top:2px}

/* ---------- texto + par de fotos ---------- */
.solve{display:grid;grid-template-columns:5fr 7fr;gap:clamp(20px,3vw,58px);align-items:start}
.solve__ph{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--g)}
.solve__ph img{width:100%;aspect-ratio:1;object-fit:cover}

/* ---------- película a pantalla completa ---------- */
.film{position:relative;height:200svh}
.film--s{height:150svh}
.film__pin{position:sticky;top:0;height:100svh;overflow:hidden;background:#000}
.film__pin video,.film__pin img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}
.film__pin::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.46),rgba(0,0,0,0) 32%,rgba(0,0,0,0) 62%,rgba(0,0,0,.78))}
.film__say{position:absolute;left:var(--m);right:var(--m);top:50%;transform:translateY(-50%);z-index:2;text-align:center}
.film__edge{position:absolute;left:var(--m);right:var(--m);z-index:2;display:flex;justify-content:space-between}
.film__edge--t{top:calc(var(--nav) + clamp(6px,.8vw,12px))}

/* ---------- fechas ---------- */
.dates{border-top:1px solid var(--hair)}
.date{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(12px,1.8vw,30px);align-items:center;
  padding-block:clamp(15px,1.9vw,30px);border-bottom:1px solid var(--hair);position:relative;overflow:hidden}
.date::before{content:"";position:absolute;inset:0;background:var(--k-2);transform:scaleY(0);transform-origin:50% 100%;
  transition:transform .6s var(--e);z-index:0}
.date:hover::before{transform:scaleY(1)}
.date>*{position:relative;z-index:1}
.date__n{font-size:clamp(28px,4.2vw,74px);font-weight:500;line-height:.9;letter-spacing:-.044em;min-width:2.1ch}
.date__m{display:flex;flex-direction:column;gap:5px}
.date__go{display:flex;align-items:center;gap:9px;white-space:nowrap}
.date__go i{display:block;width:clamp(14px,2vw,32px);height:1px;background:currentColor;transition:width .5s var(--e)}
.date:hover .date__go i{width:clamp(26px,3.4vw,58px)}

/* ---------- cuenta atrás ---------- */
.cd{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g)}
.cd__u{border-top:1px solid var(--hair);padding-top:9px;display:flex;flex-direction:column;gap:5px}
.cd__u b{font-size:clamp(22px,3vw,50px);font-weight:500;line-height:.92;letter-spacing:-.038em;font-variant-numeric:tabular-nums}

/* ---------- marquesina ---------- */
.mq{overflow:hidden;border-block:1px solid var(--hair);padding-block:clamp(8px,.9vw,14px)}
.mq__t{display:flex;width:max-content;will-change:transform}
.mq__t span{display:inline-flex;align-items:center;gap:clamp(14px,2vw,34px);padding-right:clamp(14px,2vw,34px);
  font-size:clamp(13px,1.6vw,28px);font-weight:500;letter-spacing:-.028em;white-space:nowrap;color:var(--i2)}
.mq__t img{width:clamp(8px,.9vw,14px);height:auto;flex:none;opacity:.85}

/* ---------- tarjetas ---------- */
.card{background:var(--k-1);border:1px solid var(--hair2);
  padding:clamp(15px,1.6vw,28px);display:flex;flex-direction:column;gap:11px}
.grid>.card{height:100%}
.card--line{background:none;border-color:var(--hair)}
.card--red{background:var(--red);border-color:transparent}
.card--red .txt{color:rgba(255,255,255,.76)}
.card--red .lbl{color:rgba(255,255,255,.66)}
.card__n{font-size:clamp(18px,2vw,32px);font-weight:500;line-height:.9;letter-spacing:-.034em;color:var(--red-ui)}
.card--red .card__n{color:var(--crema)}
.card ul li{display:flex;gap:8px;padding-block:6px;border-bottom:1px solid var(--hair2);
  font-size:clamp(11.5px,.76vw,13.5px);color:var(--i2);line-height:1.42}
.card ul li::before{content:"";flex:none;width:5px;height:5px;margin-top:.5em;background:var(--red-ui)}
.card--red ul li{border-bottom-color:rgba(255,255,255,.16);color:rgba(255,255,255,.78)}
.card--red ul li::before{background:var(--crema)}
.card ul li:last-child{border-bottom:0}

/* ---------- acordeón ---------- */
.acc{border-top:1px solid var(--hair)}
.acc__i{border-bottom:1px solid var(--hair)}
.acc__h{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--g);
  padding-block:clamp(13px,1.5vw,22px);text-align:left}
.acc__h img{width:9px;height:auto;transition:transform .5s var(--e)}
.acc__i[data-on="1"] .acc__h img{transform:rotate(180deg)}
.acc__b{overflow:hidden;height:0;transition:height .6s var(--e)}
.acc__b>div{padding-bottom:clamp(13px,1.5vw,22px)}

/* ---------- formularios ---------- */
.field{display:flex;flex-direction:column;gap:6px}
.field input,.field select,.field textarea{
  width:100%;padding:clamp(9px,.78vw,13px) 12px;background:var(--k-1);border:1px solid var(--hair);
  color:var(--w);font-size:clamp(11.5px,.78vw,13.5px);
  transition:border-color .3s linear,background .3s linear}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--crema);background:var(--k-2);outline:none}
.field input::placeholder,.field textarea::placeholder{color:var(--i3)}
.field select{appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--i2) 50%),linear-gradient(135deg,var(--i2) 50%,transparent 50%);
  background-position:calc(100% - 17px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px);
  background-size:5px 5px,5px 5px;background-repeat:no-repeat}

/* ---------- filas de resumen ---------- */
.sum__row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sum__row .txt{margin:0}

/* ---------- pie ---------- */
.foot{padding-top:clamp(44px,6vw,100px);padding-bottom:clamp(16px,1.9vw,26px);border-top:1px solid var(--hair)}
.foot__logo img{width:100%;height:auto;opacity:.95}
.foot__row{display:flex;justify-content:space-between;gap:var(--g);flex-wrap:wrap;margin-top:clamp(24px,3vw,50px)}
.foot__col{display:flex;flex-direction:column;gap:7px}
.foot__col a:hover{color:var(--w)}
.foot__end{display:flex;justify-content:space-between;gap:var(--g);margin-top:clamp(24px,3.2vw,52px);
  padding-top:13px;border-top:1px solid var(--hair2);flex-wrap:wrap}

/* ---------- menú móvil ---------- */
.sheet{position:fixed;inset:0;z-index:69;background:var(--k);display:flex;flex-direction:column;justify-content:center;gap:2px;
  padding:var(--m);clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--e);pointer-events:none}
.sheet[data-on="1"]{clip-path:inset(0 0 0 0);pointer-events:all}
.sheet a{font-size:clamp(28px,9vw,52px);font-weight:500;line-height:1.1;letter-spacing:-.038em;color:var(--w)}
.sheet__f{position:absolute;left:var(--m);right:var(--m);bottom:var(--m);display:flex;justify-content:space-between}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .strip{grid-template-columns:repeat(3,1fr)}
  /* las ocho piezas se recolocan solas: 4 × 2 */
  .mosaic__g{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}
  .mosaic__i{grid-column:auto !important;grid-row:auto !important}
  .proof__cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  :root{--m:16px;--g:7px}
  .duo{grid-template-columns:1fr}
  .solve{grid-template-columns:1fr}
  .c3,.c4{grid-column:span 6}
  .c5,.c6,.c7,.c8,.c9,.c10{grid-column:span 12}
  .intro__say{grid-column:1/-1;order:-1;padding-block:0 var(--u)}
  .sh--a,.sh--c{grid-column:1/span 6}
  .sh--b,.sh--d{grid-column:7/span 6}
  .sh--c,.sh--d{margin-top:var(--g)}
  .sh{transform:none !important}
}
@media (max-width:620px){
  /* tres columnas también en móvil: así el logotipo queda centrado de verdad
     y el Buy tickets sigue debajo, como en escritorio */
  .nav__l,.nav__r{display:none}
  .nav__burger{display:inline-flex;grid-area:1/3;justify-self:end}
  .date{grid-template-columns:auto 1fr}
  .date__go{grid-column:1/-1;margin-top:7px}
  .c2,.c3,.c4{grid-column:span 12}
  .strip{grid-template-columns:repeat(2,1fr)}
  .cd{grid-template-columns:repeat(2,1fr)}
  .mosaic{height:200svh}
  .mosaic__g{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  [data-rise]{opacity:1;transform:none}
  .wline>i,.wd>i{transform:none}
  .mosaic,.proof,.film{height:auto}
  .mosaic__pin,.proof__pin,.film__pin{position:relative;height:100svh}
}