/* Sactek — dirección editorial cinematográfica. */
:root{--cine-ease:cubic-bezier(.22,.68,.18,1);--cine-red:#d91537;--cine-pad:6vw}
html{scroll-padding-top:100px}
.cine-page{background:#101212;color:#f1ece3;overflow-x:clip}
.cine-page .saltar{top:14px;transform:translateY(calc(-100% - 30px))}
.cine-page .saltar:focus{transform:none}
.cine-header{position:absolute;z-index:20;inset:0 0 auto;padding:28px var(--cine-pad);display:flex;align-items:center;gap:36px;color:#fff;border-bottom:1px solid #ffffff35}
.cine-brand{margin-right:auto;display:block;flex-shrink:0}
.cine-brand img{width:112px;height:auto}
.cine-header__section{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#e8e6e1}
.cine-header nav{display:flex;gap:26px;align-items:center}
.cine-header nav a{text-decoration:none;display:flex;align-items:center;gap:16px;min-height:44px;font-size:12px;font-weight:600}
.cine-header nav .cine-header__cta{padding:0 22px;border:1px solid #ffffff60;transition:background .25s}
.cine-header nav .cine-header__cta:hover{background:#fff;color:#111}
.cine-kicker{font-size:10px;line-height:1.6;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
section.cine-hero{position:relative;height:max(125svh,650px);padding:0;background:#111}
.cine-hero__pin{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;isolation:isolate}
.cine-media{position:absolute;inset:0;overflow:hidden;background:#152024}
.cine-media__poster,.cine-media video{width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--focus,50% 50%);transform:scale(var(--media-scale,1.035));will-change:transform}
.cine-media video{position:absolute;inset:0;opacity:0;transition:opacity .5s}.cine-media video.is-playing{opacity:1}
.cine-hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,#080c1060,transparent 38%,#080b0dc9 85%,#080b0de6);pointer-events:none}
.cine-hero__top{position:absolute;top:clamp(140px,22svh,230px);inset-inline:var(--cine-pad);display:flex;justify-content:space-between;align-items:start;gap:28px}
.cine-hero__top .cine-kicker{display:flex;gap:12px;align-items:center}
.cine-hero__top i{display:block;width:6px;height:6px;background:var(--cine-red)}
.cine-hero__top>p{font-size:clamp(18px,2.3vw,36px);font-weight:400;line-height:1.12;letter-spacing:-.03em;width:29%}
.cine-hero__body{position:absolute;left:var(--cine-pad);right:var(--cine-pad);bottom:9svh;transform:translateY(var(--hero-copy-y,0px));opacity:var(--hero-copy-opacity,1)}
.cine-hero__body>.cine-kicker{margin-bottom:24px}
section.cine-hero h1{font-size:clamp(50px,11.5vw,210px);line-height:.9;letter-spacing:-.065em;font-weight:750;text-transform:uppercase;white-space:nowrap;margin-left:-.035em}
.cine-almacenamiento section.cine-hero h1{font-size:clamp(29px,8.3vw,155px);letter-spacing:-.06em}
.cine-agua section.cine-hero h1{font-size:clamp(108px,21.5vw,390px);letter-spacing:-.075em}
.cine-hero__baseline{border-top:1px solid #ffffff60;margin-top:32px;padding-top:20px;display:flex;align-items:start;justify-content:space-between;gap:40px}
.cine-hero__baseline>a{display:inline-flex;align-items:center;gap:50px;min-height:44px;text-decoration:none;font-size:12px;font-weight:600}
.cine-hero__baseline>p{font-size:clamp(15px,1.2vw,20px);line-height:1.55;max-width:35ch}
.cine-credit{position:absolute;right:var(--cine-pad);bottom:20px;font-size:9px;letter-spacing:.08em;opacity:.65}
section.cine-statement{padding:60px var(--cine-pad) 130px;background:var(--crema);color:var(--negro);position:relative;z-index:2}
.cine-section-label{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid currentColor;padding-top:18px;font-size:10px;line-height:1.6;text-transform:uppercase;letter-spacing:.15em;font-weight:600}
.cine-statement__grid{display:grid;grid-template-columns:1.35fr 1fr;gap:8vw;margin-top:105px;align-items:end}
section.cine-statement h2{font-size:clamp(35px,5.5vw,100px);line-height:1.04;letter-spacing:-.055em;font-weight:500}
.cine-statement__copy p{font-size:clamp(16px,1.35vw,22px);line-height:1.7;max-width:41ch;color:#514e48}
.cine-text-link{display:flex;justify-content:space-between;align-items:center;gap:32px;width:fit-content;min-width:225px;max-width:100%;min-height:52px;text-decoration:none;border-bottom:1px solid currentColor;font-size:13px;font-weight:600;margin-top:32px}
.cine-text-link span{transition:transform .35s var(--cine-ease)}
.cine-text-link:hover span{transform:translate(3px,-3px)}
section.cine-interlude{height:160svh;padding:0;position:relative;background:#101a22}
.cine-interlude__pin{position:sticky;top:0;height:100svh;min-height:520px;overflow:hidden}
.cine-interlude__shade{position:absolute;inset:0;background:linear-gradient(90deg,#040a10a0,transparent 90%)}
.cine-interlude__copy{position:absolute;inset:0 var(--cine-pad);display:flex;flex-direction:column;justify-content:center;gap:45px}
section.cine-interlude h2{font-size:clamp(54px,8vw,142px);font-weight:500;line-height:1.02;letter-spacing:-.06em}
section.cine-interlude h2 em{font-family:Georgia,serif;font-weight:400}
section.cine-criteria{background:#111516;padding:130px var(--cine-pad) 140px;display:grid;grid-template-columns:1fr 1.05fr;gap:10vw;position:relative;z-index:2}
.cine-criteria__intro{position:sticky;top:100px;align-self:start}
.cine-criteria__intro>.cine-kicker{color:#b6b7b5}
section.cine-criteria h2{font-size:clamp(35px,4.4vw,77px);line-height:1.04;letter-spacing:-.055em;font-weight:500;margin:30px 0}
.cine-criteria__intro>p:not(.cine-kicker){font-size:16px;line-height:1.7;max-width:34ch;color:#babbb6}
.cine-steps{padding-top:0}
.cine-step{display:grid;grid-template-columns:80px 1fr;gap:25px;border-top:1px solid #ffffff40;padding:36px 0 76px}
.cine-step:last-child{padding-bottom:0}
.cine-step__number{font-size:48px;line-height:1.1;font-weight:400;color:#e83550;letter-spacing:-.05em}
.cine-step .cine-kicker{margin-bottom:22px;color:#babbb6}
.cine-step h3{font-size:clamp(26px,2.65vw,46px);line-height:1.1;font-weight:500;letter-spacing:-.04em;margin-bottom:24px}
.cine-step div>p:last-child{font-size:15px;line-height:1.7;max-width:35ch;color:#babbb6}
section.cine-catalog{background:#e9e3d9;color:#121212;padding:64px var(--cine-pad) 120px;position:relative;z-index:2}
.cine-catalog>h2{font-size:clamp(42px,6vw,100px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:80px 0 0}
.cine-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw;margin-top:80px}
.cine-products:has(>.detalle__collage-item:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.cine-products .detalle__collage-item{border:0;background:transparent;overflow:hidden}
.cine-products .detalle__collage-item img{aspect-ratio:1/1;object-fit:cover;background:#d2cabc;transition:filter .5s;filter:saturate(.75)}
.cine-products .detalle__collage-item:hover img{filter:saturate(1)}
.cine-products .detalle__collage-item figcaption{padding:28px 0 0;border-top:1px solid #121212;margin-top:22px;min-height:260px}
.cine-products .detalle__collage-item figcaption>span{color:#6b5e50;font-size:10px;margin-bottom:24px}
.cine-products .detalle__collage-item h3{font-size:clamp(23px,2.2vw,37px);font-weight:500;letter-spacing:-.04em;line-height:1.1}
.cine-products .detalle__collage-item .producto__consulta{margin-top:auto;padding-top:28px;font-size:12px;color:#121212;display:flex;justify-content:space-between;border-bottom:1px solid #12121250;text-decoration:none;min-height:58px}
.cine-crosslink{display:flex;justify-content:space-between;gap:24px;border-block:1px solid #12121250;padding:24px 0;margin-top:70px;text-decoration:none;font-size:14px}
.cine-crosslink span:last-child{font-weight:600}
section.cine-consult{background:var(--crema);color:#121212;padding:70px var(--cine-pad) 100px;position:relative;z-index:2}
.cine-consult__grid{display:grid;grid-template-columns:1.35fr 1fr;gap:7vw;align-items:end;margin-top:80px}
section.cine-consult h2{font-size:clamp(50px,7.8vw,130px);line-height:1;letter-spacing:-.065em;font-weight:500}
section.cine-consult h2 em{font-family:Georgia,serif;color:#be1532;font-weight:400}
.cine-consult__grid>div>p{font-size:18px;line-height:1.65;max-width:34ch}
.cine-button{display:flex;justify-content:space-between;align-items:center;gap:35px;background:#111;color:#fff;padding:22px 26px;text-decoration:none;font-size:13px;font-weight:600;margin-top:32px;min-height:64px;transition:background .25s}
.cine-button:hover{background:#bc1230}
.cine-button span{font-size:23px;font-weight:400}
.cine-phone{display:inline-flex;min-height:44px;align-items:center;font-size:12px;margin-top:10px;text-underline-offset:5px}
.cine-next{padding:60px var(--cine-pad);background:#171a19;color:#f1ece3;border-bottom:1px solid #ffffff30}
.cine-next>a{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:clamp(28px,6.8vw,110px);line-height:1.2;letter-spacing:-.05em;text-decoration:none;margin-top:30px}
.cine-next>a>span:last-child{color:#ec3853;transition:transform .35s var(--cine-ease)}
.cine-next>a:hover>span:last-child{transform:translate(6px,-6px)}
.cine-footer{display:grid;grid-template-columns:1fr auto;gap:28px;padding:36px var(--cine-pad);font-size:11px;background:#111514;color:#b2b5b1}
.cine-footer>a{text-decoration:none}
.cine-footer nav{display:flex;flex-wrap:wrap;gap:22px;grid-column:2;grid-row:1/3;align-items:center}
.cine-footer nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}
.cine-footer nav a[aria-current]{color:white;border-bottom:1px solid #d91537}
.cine-progress{position:fixed;bottom:0;left:0;width:100%;height:2px;transform:scaleX(var(--reading-progress,0));transform-origin:left;background:#e32c49;z-index:40;pointer-events:none}
.cine-ready [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--cine-ease),transform .9s var(--cine-ease)}
.cine-ready [data-reveal].is-shown{opacity:1;transform:none}
/* Portada: conservar la secuencia del sobre y las etapas horizontales. */
.cine-home .site-nav{border-radius:0;backdrop-filter:blur(12px)}
.cine-home .proceso__enlace{display:inline-flex;justify-content:space-between;min-width:145px}
.cine-home .sector__contenido{bottom:15vh;width:88vw}
.cine-home .sector .sector__contenido h2{font-size:clamp(60px,10vw,180px);letter-spacing:-.065em;line-height:1;margin:24px 0}
.cine-home .sector__etiqueta{font-size:10px;letter-spacing:.2em}
.cine-home .sector__descripcion{max-width:34ch;font-size:clamp(17px,1.4vw,23px)}
.cine-home .sector__enlace{font-size:13px;gap:60px}
.cine-home .contacto-producto{min-height:420px}
.cine-home .contacto-producto__imagen{inset:45px 0 55px;mask-image:none}
.cine-home .contacto-producto img{object-fit:cover;object-position:50% 50%;mix-blend-mode:normal;transform:none;filter:saturate(.55) brightness(.85)}
@media(min-width:901px){.cine-products .detalle__collage-item:nth-child(2){margin-top:70px}.cine-products .detalle__collage-item:nth-child(3){margin-top:140px}}
@media(max-width:1000px){.cine-header__section{display:none}.cine-footer{grid-template-columns:1fr}.cine-footer nav{grid-column:1;grid-row:auto}.cine-step{grid-template-columns:55px 1fr;gap:16px}}
@media(max-width:767px){
 :root{--cine-pad:7vw}
 html{scroll-padding-top:24px}
 .cine-header{padding:20px var(--cine-pad);gap:16px}
 .cine-brand img{width:92px}
 .cine-header nav{gap:10px}
 .cine-header nav a{font-size:10px;gap:10px}
 .cine-header nav>a:first-child{font-size:0;gap:0}
 .cine-header nav>a:first-child span{font-size:23px}
 .cine-header nav .cine-header__cta{padding:0 14px}
 section.cine-hero{height:max(118svh,650px)}
 .cine-hero__pin{min-height:550px}
 .cine-hero__top{top:24svh;display:block}
 .cine-hero__top .cine-kicker{font-size:9px}
 .cine-hero__top>p{font-size:25px;width:auto;margin-top:22px;max-width:16ch}
 .cine-hero__body{bottom:10svh}
 .cine-hero__body>.cine-kicker{font-size:9px;margin-bottom:20px}
 section.cine-hero h1{font-size:10.7vw;letter-spacing:-.06em}
 .cine-agua section.cine-hero h1{font-size:27vw}
 .cine-almacenamiento section.cine-hero h1{font-size:8.1vw}
 .cine-hero__baseline{display:block;padding-top:16px;margin-top:25px}
 .cine-hero__baseline>p{font-size:14px;max-width:32ch;margin-top:16px}
 .cine-hero__baseline>a{gap:40px;font-size:11px}
 .cine-credit{font-size:8px;bottom:16px}
 section.cine-statement{padding:38px var(--cine-pad) 70px}
 .cine-section-label{font-size:9px;letter-spacing:.08em;gap:18px;align-items:start}
 .cine-section-label>span:last-child{text-align:right}
 .cine-statement__grid{grid-template-columns:1fr;gap:36px;margin-top:65px}
 section.cine-statement h2{font-size:clamp(32px,7.6vw,56px)}
 .cine-statement__copy p{font-size:16px}
 .cine-text-link{margin-top:24px;font-size:12px}
 section.cine-interlude{height:135svh}
 .cine-interlude__pin{min-height:480px}
 .cine-interlude__copy{gap:30px}
 section.cine-interlude h2{font-size:15vw}
 .cine-interlude__shade{background:linear-gradient(90deg,#040a10b0,#040a1030)}
 section.cine-criteria{padding:70px var(--cine-pad);grid-template-columns:1fr;gap:60px}
 .cine-criteria__intro{position:static}
 section.cine-criteria h2{font-size:11vw}
 .cine-step{grid-template-columns:45px 1fr;gap:25px;padding:28px 0 48px}
 .cine-step__number{font-size:36px}
 .cine-step h3{font-size:30px}
 .cine-step .cine-kicker{margin-bottom:18px}
 .cine-step div>p:last-child{font-size:14px}
 section.cine-catalog{padding:40px var(--cine-pad) 70px}
 .cine-catalog>h2{font-size:10vw;margin-top:54px}
 .cine-products,.cine-products:has(>.detalle__collage-item:nth-child(2):last-child){grid-template-columns:1fr;gap:50px;margin-top:45px}
 .cine-products .detalle__collage-item img{aspect-ratio:4/3}
 .cine-products .detalle__collage-item figcaption{min-height:0;margin-top:18px;padding-top:20px}
 .cine-products .detalle__collage-item h3{font-size:28px}
 .cine-products .detalle__collage-item figcaption>span{margin-bottom:16px}
 .cine-crosslink{flex-direction:column;font-size:13px;gap:12px}
 section.cine-consult{padding:40px var(--cine-pad) 65px}
 .cine-consult__grid{grid-template-columns:1fr;gap:36px;margin-top:55px}
 section.cine-consult h2{font-size:14vw}
 .cine-consult__grid>div>p{font-size:16px}
 .cine-next{padding:45px var(--cine-pad)}
 .cine-next>a{font-size:7.8vw;gap:12px;margin-top:26px}
 .cine-footer{padding:30px var(--cine-pad);gap:16px}
 .cine-footer nav{gap:8px 20px}
 .cine-home .sector .sector__contenido h2{font-size:12.3vw}
 .cine-home .sector__contenido{bottom:110px;width:86vw}
 .cine-home .contacto-producto{min-height:250px;margin-top:28px}
 .cine-home .contacto-producto__imagen{inset:0 0 45px}
}
@media(max-height:550px) and (min-width:600px){.cine-hero__pin{min-height:500px}.cine-hero__top{top:120px}.cine-hero__top>p{font-size:22px}.cine-hero__body{bottom:35px}section.cine-hero h1{font-size:9vw}.cine-agua section.cine-hero h1{font-size:14vw}.cine-hero__baseline{margin-top:18px;padding-top:10px}.cine-hero__baseline>p{font-size:13px}.cine-hero__body>.cine-kicker{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 section.cine-hero{height:auto}
 .cine-hero__pin{position:relative;height:100svh}
 section.cine-interlude{height:auto}
 .cine-interlude__pin{position:relative;height:90svh}
 .cine-media__poster,.cine-media video{transform:none;will-change:auto}
 .cine-hero__body{transform:none;opacity:1}
 .cine-ready [data-reveal]{opacity:1;transform:none;transition:none}
 .cine-progress{display:none}
 .cine-text-link span,.cine-next>a>span:last-child{transition:none}
}