@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-Book.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-Ultra.otf') format('opentype');font-weight:800 900;font-display:swap}@font-face{font-family:GothamLight;src:url('assets/fonts/Gotham-Light.otf') format('opentype');font-display:swap}@font-face{font-family:Calibri;src:url('assets/fonts/calibri.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Calibri;src:url('assets/fonts/calibrib.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--content-left:max(40px,calc((100vw - 1360px)/2));--orange:#ff6b00;--ink:#292928;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:white;font-family:Calibri,Arial,sans-serif}img{display:block;max-width:100%;height:auto}figure,p,h1,h2{margin:0}p{font-size:22px;line-height:1.4}p+p{margin-top:26px}strong{font-weight:700}.hero{display:grid;grid-template-columns:51% 49%;min-height:660px}.hero-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:68px 12% 70px var(--content-left);background:var(--orange);color:#fff;overflow:hidden}.hero-copy:after{content:"";position:absolute;inset:0 0 0 auto;width:24%;background:url('assets/images/trama.svg') center/cover;pointer-events:none;opacity:.8}.brand{width:220px;margin-bottom:74px;position:relative;z-index:1}h1{font:400 clamp(28px,2.08vw,40px)/1.2 Gotham,sans-serif;max-width:590px;position:relative;z-index:1}h1 strong{display:block;font-weight:900}.media{position:relative;overflow:hidden}.media>img[data-parallax]{width:100%;height:116%;position:absolute;inset:-8% 0;object-fit:cover;transform:translate3d(0,var(--shift,0px),0);will-change:transform}.hero-photo img{object-position:50% 45%}.intro{padding:105px 24px 135px}.intro-inner{max-width:800px;margin:auto}.deck{font-size:30px;line-height:1.4;color:var(--orange);margin-bottom:72px}.body-copy{padding-left:130px;position:relative}.body-copy:before{content:"";position:absolute;top:6px;left:4px;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:19px solid var(--orange)}.river{height:70vh;height:70svh}.river img{object-position:center 58%}.capacity{display:grid;grid-template-columns:58.3% 41.7%;background:var(--ink);color:white}.capacity-copy{padding:105px clamp(35px,4vw,110px)}h2{color:var(--orange);font-size:42px;line-height:1.25;font-weight:700}.rule{width:190px;height:1px;background:var(--orange);margin:40px 0}.capacity p{font-size:22px;line-height:1.35}.plant{min-height:870px}.plant img{object-position:58% center}.figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:1480px;margin:auto;padding:112px 40px}.figure{text-align:center}.amount{font:400 clamp(32px,4.15vw,80px)/1 GothamLight,Gotham,sans-serif;display:flex;justify-content:center;align-items:baseline;gap:4px;color:var(--orange);white-space:nowrap}.amount strong{font-family:Gotham;font-weight:900;font-variant-numeric:tabular-nums;min-width:1.95em}.amount span:last-child{margin-left:.12em}.figure p{font-size:18px;text-transform:uppercase;color:#666;line-height:1.15;margin-top:24px}.reuse{background:#FCFCFC;padding:110px 40px 130px}.reuse-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1600px;margin:auto}.diagram img{width:100%}.reuse-copy{max-width:800px}.reuse h2{white-space:normal}.closing{height:clamp(480px,49vw,940px);border-bottom:16px solid var(--orange);display:grid;place-items:center;isolation:isolate}.closing:after{content:"";position:absolute;inset:0;background:#0001;z-index:0}.closing-logo{position:relative;z-index:1;width:359px;transform:scale(var(--logo-scale,1));opacity:var(--logo-opacity,1);filter:drop-shadow(0 2px 12px #0002);will-change:transform,opacity}.motion .reveal{opacity:0;transform:translateY(36px);transition:opacity 1s var(--ease),transform 1.15s var(--ease);transition-delay:var(--delay,0ms)}.motion .reveal.is-visible{opacity:1;transform:none}.motion .rule{transform:scaleX(.1);transform-origin:left}.motion .rule.is-visible{transform:scaleX(1)}
@media(min-width:1100px) and (max-width:1500px){.hero{min-height:530px}:root{--content-left:8vw}.hero-copy{padding-left:var(--content-left);padding-right:65px}.brand{width:180px;margin-bottom:55px}h1{font-size:30px}.intro{padding:85px 24px 105px}.intro-inner{max-width:800px}.capacity-copy{padding:64px 48px}h2{font-size:34px}.capacity p{font-size:20px}.plant{min-height:780px}.rule{margin:30px 0}.figures{padding:88px 50px}.reuse{padding:90px 50px 105px}.reuse-inner{gap:45px}.reuse h2{font-size:32px}.reuse p{font-size:20px}}
@media(max-width:1099px){.hero{min-height:520px}.hero-copy{padding:45px 35px}.brand{width:165px;margin-bottom:45px}h1{font-size:26px}.intro{padding:75px 32px 85px}.deck{font-size:27px;margin-bottom:48px}.body-copy{padding-left:70px}.capacity{grid-template-columns:1fr 1fr}.capacity-copy{padding:48px 30px}h2{font-size:31px}.capacity p{font-size:19px}.plant{min-height:780px}.rule{margin:26px 0}.figures{padding:75px 25px;gap:20px}.figure p{font-size:15px}.reuse{padding:75px 30px}.reuse-inner{gap:30px}.reuse p{font-size:19px}.reuse h2{font-size:30px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:36px 24px 44px}.brand{width:148px;margin-bottom:36px}h1{font-size:clamp(25px,6.5vw,36px);max-width:520px}.hero-photo{height:350px}.hero-photo img{object-position:50% 45%}.intro{padding:55px 24px 64px}.deck{font-size:25px;line-height:1.35;margin-bottom:38px}.body-copy{padding-left:0;padding-top:30px}.body-copy:before{top:0;left:0;border-top-width:7px;border-bottom-width:7px;border-left-width:12px}p,.capacity p,.reuse p{font-size:20px;line-height:1.4}p+p{margin-top:23px}.river{height:390px}.capacity{grid-template-columns:1fr}.plant{min-height:0;height:420px}.capacity-copy{padding:48px 24px 55px}h2,.reuse h2{font-size:32px}.desktop-break{display:none}.rule{margin:28px 0;width:125px}.figures{grid-template-columns:1fr;padding:58px 24px;gap:45px}.amount{font-size:58px}.figure p{font-size:16px;margin-top:14px}.reuse{padding:50px 24px 60px}.reuse-inner{grid-template-columns:1fr;gap:35px}.diagram{max-width:550px;width:100%;margin:auto}.closing{height:510px;border-bottom-width:10px}.closing-logo{width:235px}.closing-photo{object-position:48% center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion .reveal{opacity:1;transform:none}.media>img[data-parallax]{transform:none;will-change:auto}.closing-logo{transform:none;opacity:1;will-change:auto}}
@media(max-width:370px){.amount{font-size:47px;gap:2px}.closing-logo{width:210px}}

/* Ajustes de composición: trama PNG y alineación editorial compartida. */
.hero-copy:after{width:58%;background:url('assets/images/trama.png') right center/auto 115% no-repeat;opacity:.75;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 85%);mask-image:linear-gradient(to right,transparent 0%,#000 85%)}
.reuse{padding-left:var(--content-left);padding-right:var(--content-left)}
.reuse-inner{max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.reuse-copy{grid-column:1;grid-row:1}.diagram{grid-column:2;grid-row:1}
.closing{background:url('assets/images/4.webp') center/cover no-repeat}
.closing>.closing-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transform:none;will-change:auto}
.closing:after{z-index:1}.closing-logo{z-index:2;grid-area:1/1}
@media(max-width:1099px){:root{--content-left:35px}}
@media(max-width:700px){:root{--content-left:24px}.reuse-inner{grid-template-columns:minmax(0,1fr)}.reuse-copy{grid-column:1;grid-row:1}.diagram{grid-column:1;grid-row:2}.hero-copy:after{width:65%;opacity:.6}}

/* El logo aparece una vez que el centro del cierre entra en pantalla. */
.closing-logo{transform:scale(1);opacity:1;transition:opacity 1.25s ease,transform 1.5s cubic-bezier(.16,1,.3,1)}
.motion .closing-logo{opacity:0;transform:scale(.4)}
.motion .closing.is-logo-visible .closing-logo{opacity:1;transform:scale(1)}
@media(prefers-reduced-motion:reduce){.motion .closing-logo{opacity:1;transform:none;transition:none}}

/* Sección 4: orden de lectura en mobile. */
@media(max-width:700px){.capacity-copy{grid-row:1}.capacity .plant{grid-row:2}}