/* ONDA24 · estilos. Negro, blanco y naranja #DB331C. Pensado primero para celular. */

@font-face{font-family:"Schibsted Grotesk";src:url("/assets/fonts/schibsted-grotesk-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Reenie Beanie";src:url("/assets/fonts/reenie-beanie-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --o:#DB331C;
  --bg:#000;
  --fg:#fff;
  --dim:rgba(255,255,255,.7);
  --line:rgba(255,255,255,.16);
  --gut:max(16px,4vw);
  /* Si hay un proyecto de Adobe Fonts, "forma-djr-text" entra primero; si no, cae a Schibsted Grotesk */
  --sans:"forma-djr-text","Forma DJR","Schibsted Grotesk",system-ui,sans-serif;
  --hand:"Reenie Beanie",cursive;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-weight:700;font-size:16px;line-height:1.5;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
main{flex:1 0 auto}
img{max-width:100%;height:auto}
a{color:var(--fg);text-decoration:none;transition:color .2s}
a:hover{color:var(--o)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:3px}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,p{margin:0}
.wrap{padding-left:var(--gut);padding-right:var(--gut)}
.hand{font-family:var(--hand);font-weight:400;letter-spacing:.01em}
.sm{font-size:13px;line-height:20px;letter-spacing:.06em;text-transform:uppercase}
.dim{color:var(--dim)}
.skip{position:absolute;left:8px;top:-60px;background:#fff;color:#000;padding:10px 16px;z-index:100}
.skip:focus{top:8px;color:#000}
.icon{display:inline-flex;padding:8px;color:var(--fg);background:none;border:0;cursor:pointer;line-height:0}
.icon:hover{color:var(--o)}
.soc{display:flex;gap:20px;align-items:center}

/* ---------- Encabezado ---------- */
.hd{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;padding-bottom:22px;border-bottom:1px solid var(--line);z-index:20}
.hd .logo{display:block;height:16px;width:auto}
.hd-r{display:flex;align-items:center;gap:20px}
.topnav{display:none;gap:28px;align-items:baseline}
.topnav a,.mnav nav a{font-size:15px;line-height:20px}
.topnav a.on,.mnav nav a.on,.langsw a.on{color:var(--o)}
.langsw{display:inline-flex;gap:8px;font-weight:700}
.langsw span{color:var(--dim)}
.mnav summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px}
.mnav summary::-webkit-details-marker{display:none}
.burger,.burger::before,.burger::after{display:block;width:22px;height:2px;background:currentColor;position:relative;transition:transform .2s}
.burger::before,.burger::after{content:"";position:absolute;left:0}
.burger::before{top:-7px}.burger::after{top:7px}
.mnav[open] .burger{background:transparent}
.mnav[open] .burger::before{top:0;transform:rotate(45deg)}
.mnav[open] .burger::after{top:0;transform:rotate(-45deg)}
.mnav nav{position:absolute;left:0;right:0;top:100%;background:#000;border-bottom:1px solid var(--line);padding:12px var(--gut) 28px;display:flex;flex-direction:column;gap:4px}
.mnav nav a{font-size:28px;line-height:1.2;padding:10px 0;letter-spacing:-.01em}

/* ---------- Pies ---------- */
.ft{display:flex;flex-direction:column;gap:40px;align-items:stretch;padding-top:32px;padding-bottom:36px;border-top:1px solid var(--line);margin-top:auto}
.ft-row{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.ft-iso{display:flex;align-items:center;gap:24px}
.ft-iso::before,.ft-iso::after{content:"";flex:1 1 0;height:1px;background:var(--line)}
.ft-iso img{display:block;width:88px;height:auto}
.ft-l{display:flex;flex-direction:column}
.ft-m{display:flex;gap:10px;flex-wrap:wrap}
.ft-r{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.ft-r .soc{margin-left:-8px}
.wapill{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid currentColor;border-radius:999px;line-height:20px}

/* ---------- Páginas interiores ---------- */
.sec{padding-top:48px;padding-bottom:72px;display:flex;flex-direction:column;gap:48px}
.sec2{padding-top:24px;padding-bottom:56px;gap:32px}
.big{font-size:clamp(44px,13vw,56px);line-height:1;letter-spacing:-.025em;color:var(--o)}
.small-h{font-size:clamp(40px,11vw,56px)}
.h2{font-size:40px;line-height:1.05;letter-spacing:-.02em;color:var(--o)}
.h3{font-size:20px;line-height:1.3;color:var(--fg);margin-top:28px}
.split{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
.center{align-items:flex-start}
.center p{max-width:34em}
.btn{display:inline-block;padding:14px 28px;border:1px solid var(--o);border-radius:999px;background:transparent;color:var(--fg);font:inherit;font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s;margin-right:8px}
.btn:hover{background:var(--o);color:#fff}
.btn[disabled]{opacity:.6;cursor:wait}

/* Trabajos */
.wk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:40px;align-items:start;grid-auto-flow:dense}
.wk figure{margin:0;grid-column:1 / -1}
.wk figure.S{grid-column:auto / span 1}
.wk a{display:flex;flex-direction:column;gap:12px;color:var(--fg)}
.wk .fr{position:relative;overflow:hidden;aspect-ratio:16/9;background:#141414}
.wk .fr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.wk .fr .anim{opacity:0;transition:opacity .35s,transform .5s cubic-bezier(.2,.7,.2,1)}
.wk a:hover .fr .anim.on{opacity:1}
.wk a:hover .fr img{transform:scale(1.04)}
.cap{display:flex;flex-direction:column;gap:2px}
.pz{font-size:18px;line-height:24px;font-weight:700;color:var(--fg);transition:color .3s}
.S .pz{font-size:15px;line-height:20px}
.dir{font-family:var(--hand);font-weight:400;font-size:32px;line-height:28px;color:var(--o)}
.S .dir{font-size:26px;line-height:24px}
.wk a:hover .pz{color:var(--o)}
.L a{position:relative}
.L .fr::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 55%);pointer-events:none}
.L .cap{position:absolute;left:4%;right:4%;bottom:5%;z-index:1;gap:6px}
.L .pz{font-size:clamp(20px,5.4vw,64px);line-height:1.05;letter-spacing:-.02em}
.L .dir{font-size:clamp(28px,4vw,52px);line-height:1}

/* Fotografía */
.ph-sec{display:flex;flex-direction:column;gap:20px}
.ph-hd{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line)}
.ph-hd h2{font-size:48px;line-height:1;color:var(--o)}
.cols{column-count:1;column-gap:16px}
.cols figure{break-inside:avoid;margin:0 0 16px}
.cols img{display:block;width:100%;height:auto;background:#141414}

/* Directores */
.person{padding-bottom:24px}
.ph-fig{margin:0}
.ph-fig img{display:block;width:100%;height:auto;background:#141414}
.person-tx{display:flex;flex-direction:column;gap:16px}
.name{font-size:64px;line-height:.9;color:var(--o)}
.roles{color:var(--dim)}
.bio{display:flex;flex-direction:column;gap:16px;max-width:36em}
.bio p,.prose p{font-size:17px;line-height:28px}
.collab{margin-top:32px;padding-top:40px;border-top:1px solid var(--line)}
.collab .h2{margin-bottom:24px}
.s9{display:block;width:84px;height:auto}

/* Sobre nosotros */
.lead{font-size:clamp(44px,12vw,64px);line-height:.95;color:var(--o)}
.prose{display:flex;flex-direction:column;gap:18px;max-width:36em}
.prose .closing{font-size:24px;line-height:32px;margin-top:8px}
.legal{max-width:42em;gap:12px}
.g3{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.svc{display:flex;flex-direction:column;gap:8px;padding-top:20px;border-top:1px solid var(--line)}
.svc h3{font-size:40px;line-height:.95;color:var(--o)}
.svc p{font-size:16px;line-height:26px;color:var(--dim)}
.clients{display:flex;flex-wrap:wrap;gap:20px 48px}

/* Contacto */
.lead2{font-size:clamp(34px,9vw,48px);line-height:1;color:var(--fg);max-width:16em;margin-bottom:28px}
.wa-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.fld{display:flex;flex-direction:column;gap:6px;margin-bottom:22px}
.fld label{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.fld input,.fld textarea{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.4);border-radius:0;color:var(--fg);font:inherit;font-size:18px;padding:10px 0;transition:border-color .2s}
.fld input:focus,.fld textarea:focus{outline:none;border-bottom-color:var(--o)}
.fld textarea{resize:vertical;min-height:120px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{margin-bottom:22px;text-transform:none;letter-spacing:0;font-size:14px}
.consent a{text-decoration:underline}
.form-msg{margin-top:16px;color:var(--o);text-transform:none;letter-spacing:0;font-size:15px}
.form-ok h2{font-size:56px;line-height:.95;color:var(--o);margin-bottom:12px}

/* ---------- Inicio ---------- */
.p-home{display:block}
.p-home main{display:block}
.hero{position:relative;width:100%;height:100vh;height:100dvh;min-height:560px;overflow:hidden;background:#000}
.hero picture,.hero-bg,.hero-anim,.hero-yt{position:absolute;inset:0;width:100%;height:100%}
.hero-bg,.hero-anim{object-fit:cover}
.hero-anim{opacity:0;transition:opacity .8s}
.hero-anim.on{opacity:1}
.hero-yt{border:0;opacity:0;transition:opacity 1s;pointer-events:none;
  /* cubre la pantalla sin franjas negras */
  top:50%;left:50%;right:auto;bottom:auto;width:max(100vw,177.78vh);height:max(100vh,56.25vw);transform:translate(-50%,-50%)}
.hero-yt.on{opacity:1}
.hero-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.58) 0%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.4) 100%)}
.hero-iso{position:absolute;left:50%;top:50%;width:72px;height:auto;transform:translate(-50%,-50%)}
.hero-tl{position:absolute;left:var(--gut);top:28px;display:flex;flex-direction:column;gap:28px;z-index:2}
.hero-logo{line-height:0}
.hero-logo .logo{display:block;width:180px;height:auto}
.hero-nav{display:flex;flex-direction:column;gap:8px}
.hero-nav a{font-size:20px;line-height:26px;letter-spacing:.01em;padding:3px 0}
.hero-tr{position:absolute;right:var(--gut);top:32px;z-index:2}
.hero-bt{position:absolute;left:0;right:0;bottom:28px;display:flex;justify-content:center;padding:0 16px;z-index:2}
.hero-bt{flex-direction:column;align-items:center;gap:22px}
.hero-bt .soc{gap:22px}
.btn.reel{display:inline-flex;align-items:center;gap:10px;margin:0;padding:12px 24px 12px 20px;background:rgba(0,0,0,.6);color:#fff;font-size:13px;letter-spacing:.1em}
.btn.reel:hover{background:var(--o)}
.btn.reel svg{color:var(--o);transition:color .2s,transform .2s}
.btn.reel:hover svg{color:#fff;transform:translateX(2px)}
.wa{position:static}
.wa summary{list-style:none;cursor:pointer}
.wa summary::-webkit-details-marker{display:none}
.wa[open] summary{color:var(--o)}
.wa-pop{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:10px;align-items:stretch;width:max-content}
.wa-pop .wapill{background:rgba(0,0,0,.75);justify-content:center}
.p-contact .ft-m{display:none}

/* ---------- Video en ventana ---------- */
dialog#vd{width:min(1100px,94vw);max-width:none;padding:0;border:0;background:#000;color:#fff;overflow:visible}
dialog#vd::backdrop{background:rgba(0,0,0,.88)}
.vd-box{position:relative;aspect-ratio:16/9;background:#000}
.vd-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vd-x{position:absolute;right:0;top:-48px;width:44px;height:44px;background:none;border:0;color:#fff;font-size:34px;line-height:1;cursor:pointer}
.vd-x:hover{color:var(--o)}

/* ---------- Pantallas grandes ---------- */
@media (min-width:761px){
  .hd{padding-top:28px;padding-bottom:28px}
  .topnav{display:flex}
  .mnav{display:none}
  .hd-r{gap:40px}
  .sec{padding-top:88px;padding-bottom:128px;gap:72px}
  .sec2{padding-top:48px;padding-bottom:96px;gap:40px}
  .big{font-size:clamp(72px,7.2vw,104px)}
  .small-h{font-size:clamp(56px,5vw,80px)}
  .h2{font-size:56px;line-height:60px}
  .split{grid-template-columns:5fr 7fr;gap:48px}
  .about{grid-template-columns:5fr 7fr}
  .wk{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:40px;row-gap:64px;grid-auto-flow:row}
  .wk figure,.wk figure.S{grid-column:var(--gc)}
  .pz{font-size:20px;line-height:26px}
  .S .pz{font-size:16px;line-height:21px}
  .dir{font-size:34px;line-height:30px}
  .S .dir{font-size:28px;line-height:26px}
  .cols{column-count:3}
  .cols figure{margin-bottom:20px}
  .ph-hd h2{font-size:56px;line-height:52px}
  .ph-sec{gap:20px}
  .g3{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px}
  .person{padding-bottom:56px}
  .name{font-size:96px}
  .ft{gap:56px;padding-bottom:48px}
  .ft-row{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}
  .ft-iso{gap:36px}
  .ft-iso img{width:120px}
  .hero-logo .logo{width:220px}
  .hero-tl{top:40px;gap:32px}
  .hero-tr{top:44px}
  .hero-bt{bottom:36px}
  .contact{grid-template-columns:5fr 6fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none !important;animation:none !important}
  .wk a:hover .fr img{transform:none}
}

/* Contacto: foto de fondo muy sutil (26 oct). Capa oscura encima para que el texto y el formulario se lean. */
.p-contact main{position:relative;isolation:isolate}
.p-contact main::before{content:"";position:absolute;inset:0;z-index:-2;background:url("/assets/img/contact-bg.jpg") center 35%/cover no-repeat;opacity:.5}
.p-contact main::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.3) 45%,rgba(0,0,0,.86) 100%)}
.ph-more{margin:4px 0 0}
.ph-sub{margin:-8px 0 24px}

/* ---- Reel: mensaje mientras no hay video definitivo ---- */
dialog#vd.soon .vd-box{display:flex;align-items:center;justify-content:center}
.vd-soon{margin:0;padding:0 24px;text-align:center;font-size:clamp(18px,3vw,28px);letter-spacing:.04em;color:#fff}

/* ---- Visor de fotografías ---- */
html.lb-open{overflow:hidden}
dialog#lb{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden}
dialog#lb::backdrop{background:#000}
.lb-st{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:60px 84px 52px}
.lb-st img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;opacity:0;transform:translateX(var(--out,0)) scale(.985);filter:brightness(.7);transition:opacity .34s ease,transform .6s cubic-bezier(.2,.7,.2,1),filter .6s ease;user-select:none;-webkit-user-drag:none}
.lb-st img.on{opacity:1;transform:none;filter:none}
.lb-x,.lb-p,.lb-n{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;background:none;border:0;color:#fff;cursor:pointer;padding:0;transition:color .2s,background .2s}
.lb-x{top:10px;right:12px;width:52px;height:52px;font-size:42px;line-height:1}
.lb-p,.lb-n{top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%}
.lb-p{left:14px}
.lb-n{right:14px}
.lb-x:hover,.lb-p:hover,.lb-n:hover{color:var(--o)}
.lb-x:focus-visible,.lb-p:focus-visible,.lb-n:focus-visible{outline:2px solid var(--o);outline-offset:2px}
.lb-p[hidden],.lb-n[hidden]{display:none}
.lb-c{position:absolute;left:0;right:0;bottom:16px;margin:0;text-align:center;font-size:13px;letter-spacing:.1em;color:#9a9a9a}
.ph-back{margin:48px 0 0;text-align:center}
.lbx{display:block;cursor:zoom-in}
@media (max-width:760px){
  .lb-st{padding:56px 0 44px}
  .lb-p,.lb-n{width:44px;height:44px;background:rgba(0,0,0,.5)}
  .lb-p{left:6px}.lb-n{right:6px}
  .ph-back{text-align:left}
}
@media (prefers-reduced-motion:reduce){.lb-st img{transition:none}}

/* Visor: flechas y cierre dibujados a mano (26 oct) */
.lb-x svg,.lb-p svg,.lb-n svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transition:transform .25s ease}
.lb-x svg path,.lb-p svg path,.lb-n svg path{stroke-dasharray:1;stroke-dashoffset:0}
.lb-x:hover svg path,.lb-p:hover svg path,.lb-n:hover svg path,.lb-x:focus-visible svg path,.lb-p:focus-visible svg path,.lb-n:focus-visible svg path{animation:lbdraw .55s ease both}
.lb-x:hover svg path:nth-child(2),.lb-p:hover svg path:nth-child(2),.lb-n:hover svg path:nth-child(2){animation-delay:.12s}
.lb-n:hover svg{transform:translateX(4px) rotate(-2deg)}
.lb-p:hover svg{transform:translateX(-4px) rotate(2deg)}
.lb-x:hover svg{transform:rotate(6deg)}
@keyframes lbdraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.lb-x{font-size:0}
.lb-p,.lb-n{width:72px;height:72px;background:none}
@media (max-width:760px){.lb-p,.lb-n{width:52px;height:52px;background:rgba(0,0,0,.45)}.lb-p svg,.lb-n svg{width:34px;height:34px}}

/* Menú del celular: hamburguesa y, al final, Idioma (26 oct) */
.mlang{border-top:1px solid var(--line);margin-top:10px;padding-top:2px}
.mlang summary{width:auto;height:auto;margin-right:0;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:28px;line-height:1.2;padding:10px 0;letter-spacing:-.01em}
.mlang summary::-webkit-details-marker{display:none}
.mlang summary::after{content:"";width:10px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.mlang[open] summary::after{transform:rotate(225deg) translateY(-3px)}
.mlang[open] summary{color:var(--o)}
.mlang .langsw{display:flex;gap:6px;font-size:24px;line-height:1;padding:2px 0 10px}
.mlang .langsw a{font-size:24px;line-height:1;padding:10px 12px 10px 0;letter-spacing:.02em}
.mlang .langsw span{padding:10px 12px 10px 0}
.hero-m summary{position:relative;z-index:1}
.hero-m nav{position:fixed;left:0;right:0;top:76px;z-index:0;background:rgba(0,0,0,.94);border-bottom:1px solid var(--line);padding:14px var(--gut) 26px}
@media (max-width:760px){.hd-r>.langsw,.hero-tr>.langsw,.hero-nav{display:none}.hero-tr{top:22px}}

/* Sobre nosotros: composición editorial, texto y fotos intercalados (26 oct) */
.ed{display:grid;grid-template-columns:minmax(0,1fr);row-gap:0;padding-bottom:88px}
.ed>*{min-width:0;position:relative}
.ed-h1{margin-bottom:28px}
.ed-lead{margin-bottom:24px}
.ed-p{font-size:17px;line-height:28px;max-width:36em}
.ed-m{font-size:21px;line-height:31px;max-width:30em}
.ed-big{font-size:27px;line-height:35px;letter-spacing:-.005em}
.ed-t1 .ed-big+.ed-p{margin-top:22px}
.ed-f{margin:0;overflow:hidden;background:#111;aspect-ratio:var(--r)}
.ed-f img{display:block;width:100%;height:100%;object-fit:cover}
.ed-1,.ed-5,.ed-7{margin-left:calc(-1 * var(--gut));margin-right:calc(-1 * var(--gut))}
.ed-1{margin-top:56px}
.ed-t1{margin-top:60px}
.ed-6{margin-top:44px;width:64%;margin-left:auto}
.ed-2{margin-top:64px}
.ed-8{width:54%;margin-left:auto;margin-top:-64px;border:6px solid #000;z-index:2}
.ed-p3{margin-top:60px}
.ed-p4{margin-top:22px}
.ed-5{margin-top:76px;aspect-ratio:4/3}
.ed-cur{margin-top:-40px;margin-left:calc(-1 * var(--gut));margin-right:10%;padding:30px 22px 0 var(--gut);background:#000;z-index:3}
.ed-4{margin-top:76px;width:70%}
.ed-3{margin-top:-44px;width:86%;margin-left:auto;border:6px solid #000;z-index:2}
.ed-p6{margin-top:60px}
.ed-7{margin-top:60px}
.ed-p7{margin-top:76px}
.ed-end{margin-top:18px;font-size:clamp(46px,12.5vw,66px);line-height:.95;color:var(--o)}
@media (min-width:761px){
  .ed{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;padding-bottom:120px}
  .ed-h1{grid-column:1/-1;margin-bottom:56px}
  .ed-lead{grid-column:1/5;margin-bottom:0}
  .ed-p0{grid-column:6/12;margin-top:10px}
  .ed-p{font-size:18px;line-height:30px}
  .ed-m{font-size:24px;line-height:34px}
  .ed-big{font-size:34px;line-height:43px}
  .ed-1,.ed-5,.ed-7,.ed-6,.ed-8,.ed-2,.ed-3,.ed-4{margin-top:0;margin-left:0;margin-right:0;width:auto;border:0}
  .ed-1{grid-column:3/13;margin-top:150px}
  .ed-t1{grid-column:1/7;margin-top:150px;align-self:start}
  .ed-6{grid-column:8/12;margin-top:240px}
  .ed-2{grid-column:1/9;margin-top:170px}
  .ed-8{grid-column:10/13;align-self:end;margin-top:0;margin-bottom:-60px}
  .ed-p3{grid-column:4/10;margin-top:200px}
  .ed-p4{grid-column:7/13;margin-top:36px}
  .ed-5{grid-column:1/-1;margin-left:calc(-1 * var(--gut));margin-right:calc(-1 * var(--gut));margin-top:170px;aspect-ratio:var(--rc,var(--r))}
  .ed-cur{grid-column:1/8;margin-top:-9vw;margin-right:0;padding:44px 48px 0 var(--gut);margin-left:calc(-1 * var(--gut))}
  .ed-4{grid-column:1/5;align-self:end;margin-top:170px}
  .ed-3{grid-column:6/13;margin-top:170px;margin-left:0}
  .ed-p6{grid-column:5/11;margin-top:170px}
  .ed-7{grid-column:1/10;margin-top:110px}
  .ed-p7{grid-column:5/12;margin-top:150px}
  .ed-end{grid-column:5/12;margin-top:28px;font-size:clamp(72px,7vw,104px)}
}
/* Profundidad al desplazar: capas que se mueven a distinta velocidad (main.js) */
.pxi{scale:1.12}
.px-c{overflow:hidden}
.wk .fr img{will-change:auto}
.ft-iso-a{display:block;line-height:0}