:root{--cinema-ink:#0b0b0b;--cinema-gutter:clamp(22px,6vw,90px)}
.care-cinema{position:relative;margin:48px calc(-1*clamp(18px,6vw,90px)) 0;background:var(--cinema-ink);color:#fff}
.cinema-stage{position:relative;background:var(--cinema-ink);overflow:hidden;isolation:isolate}
.cinema-chapter{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;background:var(--cinema-ink)}
.cinema-photo{position:absolute;inset:0 0 0 42%;margin:0;overflow:hidden}
.cinema-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04)}
.cinema-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cinema-ink),#0b0b0b70 22%,#0b0b0b00 55%),linear-gradient(0deg,#0b0b0bd9,transparent 35%)}
.cinema-photo figcaption{position:absolute;z-index:1;right:var(--cinema-gutter);bottom:132px;max-width:260px;color:#ffffffe0;font-size:13px;line-height:1.6;text-align:right}
.cinema-copy{position:relative;z-index:2;width:52%;padding:150px 24px 150px var(--cinema-gutter)}
.cinema-label{display:block;margin-bottom:24px;font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--y)}
.cinema-copy h3{font-size:clamp(40px,4.8vw,72px);font-weight:600;line-height:1.03;letter-spacing:-.045em;max-width:680px;margin:0}
.cinema-copy h3 em,.volunteer-cinema h3 em{font-style:normal;color:var(--y)}
.cinema-copy p{font-size:clamp(15px,1.2vw,18px);line-height:1.75;color:#d0d6d1;max-width:450px;margin:26px 0 30px}
.cinema-copy .btn{font-size:14px;font-weight:600;min-height:48px}
.cinema-top{position:absolute;z-index:6;top:112px;left:var(--cinema-gutter);right:var(--cinema-gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.13em;color:#b8c3ba}
.cinema-top>span{display:flex;align-items:center;gap:10px}
.cinema-top>span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--y)}
.cinema-top a{letter-spacing:0;font-size:12px;color:#eee}
.cinema-top a span{margin-left:10px;color:var(--y)}
nav.cinema-nav{position:absolute;left:var(--cinema-gutter);right:var(--cinema-gutter);bottom:32px;top:auto;translate:none;width:auto;max-width:none;z-index:6;display:none;grid-template-columns:repeat(3,minmax(0,1fr)) 1fr;gap:24px;padding:0;border-radius:0;transition:none;background:transparent;box-shadow:none}
.cinema-nav button{position:relative;display:flex;align-items:center;gap:12px;padding:20px 0;border-top:1px solid #ffffff30;color:#d3dad5;text-align:left;font-size:14px;min-height:60px;overflow:hidden}
.cinema-nav button>span{color:#98a99b;font-size:10px}
.cinema-nav button[aria-current="step"]{color:#fff}
.cinema-nav button[aria-current="step"]>span{color:var(--y)}
.cinema-nav button i{position:absolute;left:0;right:0;top:0;height:2px;background:var(--y);transform:scaleX(0);transform-origin:left}
.cinema-scroll{display:flex;align-items:center;justify-content:flex-end;gap:20px;color:#bac7bd;font-size:9px;letter-spacing:.12em}
.cinema-scroll b{font-size:25px;font-weight:400;color:var(--y)}
.cinema-top a:focus-visible,.cinema-nav button:focus-visible,.cinema-copy a:focus-visible{outline-color:var(--y)}
.cinema-ready{height:260svh}
.cinema-ready .cinema-stage{position:sticky;top:0;height:100svh;min-height:0}
.cinema-ready .cinema-chapters{position:absolute;inset:0;display:flex;will-change:transform}
.cinema-ready .cinema-chapter{position:relative;inset:auto;flex:0 0 100%;width:100%;height:100%;min-height:0;opacity:1;visibility:visible;pointer-events:none}
.cinema-ready .cinema-chapter.is-current{visibility:visible;pointer-events:auto}
.cinema-ready nav.cinema-nav{display:grid}
#indicadores-impacto{scroll-margin-top:110px}
.page .vol.volunteer-cinema{position:relative;display:flex;align-items:center;min-height:100svh;margin:48px calc(-1*clamp(18px,6vw,90px)) 0;border-radius:0;overflow:hidden;background:var(--cinema-ink);isolation:isolate}
.volunteer-cinema .vol-t{width:54%;padding:120px 32px 120px var(--cinema-gutter);gap:24px;z-index:2}
.volunteer-cinema .vol-k{background:none;color:var(--y);border-radius:0;padding:0;font-size:10px;font-weight:600;letter-spacing:.15em}
.volunteer-cinema h3{font-size:clamp(44px,5.8vw,88px);line-height:1.02;letter-spacing:-.045em;max-width:650px}
.volunteer-cinema p{font-size:16px;line-height:1.8;color:#d0d6d1;max-width:440px}
.volunteer-cinema .vol-signature{font-size:13px;color:#abb9ae}
.volunteer-cinema .vol-ph{position:absolute;inset:0 0 0 40%;margin:0;min-height:0;width:60%;z-index:0}
.volunteer-cinema .vol-ph img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;mask-image:none;-webkit-mask-image:none;transition:none;transform:translate3d(0,var(--vol-y,0px),0) scale(1.12)}
.volunteer-cinema .vol-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cinema-ink),#0b0b0b50 35%,transparent 65%),linear-gradient(0deg,#0b0b0b60,transparent 70%)}
.volunteer-cinema .btn{font-weight:600}
@media(min-width:1800px){.cinema-copy{width:49%}.cinema-copy h3{font-size:80px}.cinema-photo{left:39%}}
@media(max-width:900px){
 .cinema-copy{width:61%;padding-right:20px}.cinema-photo{left:34%}.cinema-copy h3{font-size:clamp(38px,5.8vw,56px)}
 .cinema-photo::after{background:linear-gradient(90deg,var(--cinema-ink),#0b0b0b99 35%,#0b0b0b00 85%),linear-gradient(0deg,#0b0b0bd9,transparent 40%)}
 .cinema-photo figcaption{max-width:190px;font-size:11px}
 .cinema-scroll{display:none}nav.cinema-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
 .volunteer-cinema .vol-t{width:62%}.volunteer-cinema .vol-ph{inset:0 0 0 30%;width:70%}
}
@media(max-width:600px){
 .care-cinema{margin-top:32px}
 .cinema-top{top:106px;gap:12px;font-size:8px;letter-spacing:.09em}.cinema-top a{font-size:10px;max-width:100px;text-align:right;line-height:1.5}
 .cinema-chapter{min-height:850px;align-items:flex-start}
 .cinema-copy{width:100%;padding:156px var(--cinema-gutter) 300px}
 .cinema-copy h3{font-size:clamp(34px,9.5vw,48px);max-width:440px}
 .cinema-label{margin-bottom:16px;font-size:9px}
 .cinema-copy p{font-size:14px;line-height:1.7;margin:18px 0 22px;max-width:390px}
 .cinema-copy .btn{font-size:12px;padding:12px 18px;min-height:44px}
 .cinema-photo{inset:44% 0 0 0}
 .cinema-photo::after{background:linear-gradient(180deg,var(--cinema-ink),#0b0b0b60 35%,#0b0b0b00 60%),linear-gradient(0deg,#0b0b0bf5,#0b0b0b00 50%)}
 .cinema-photo figcaption{display:none}
 nav.cinema-nav{bottom:84px;gap:14px}.cinema-nav button{gap:8px;font-size:11px;padding:16px 0;min-height:50px}.cinema-nav button>span{font-size:9px}
 .cinema-ready .cinema-copy{padding-bottom:110px}
 .page .vol.volunteer-cinema{min-height:100svh;margin-top:32px;align-items:flex-start}
 .volunteer-cinema .vol-t{width:100%;padding:90px var(--cinema-gutter) 350px;gap:20px}
 .volunteer-cinema h3{font-size:clamp(42px,12vw,60px)}
 .volunteer-cinema p{font-size:14px;line-height:1.75;max-width:380px}
 .volunteer-cinema .vol-ph{inset:44% 0 0;width:100%}
 .volunteer-cinema .vol-ph::after{background:linear-gradient(180deg,var(--cinema-ink),#0b0b0b60 35%,transparent 70%),linear-gradient(0deg,#0b0b0b90,transparent 50%)}
 .volunteer-cinema .vol-k{font-size:9px;letter-spacing:.1em}
}
@media(max-height:740px) and (min-width:601px){.cinema-copy{padding-top:140px;padding-bottom:110px}.cinema-copy h3{font-size:clamp(36px,4vw,54px)}.cinema-copy p{margin:18px 0 20px;font-size:14px}.cinema-label{margin-bottom:18px}.cinema-top{top:100px}nav.cinema-nav{bottom:14px}}
@media(max-height:740px) and (max-width:600px){.cinema-copy{padding-top:138px}.cinema-copy h3{font-size:34px}.cinema-top{top:96px}.cinema-copy p{font-size:13px;margin:14px 0 18px}}
@media(prefers-reduced-motion:reduce){.cinema-ready{height:auto}.cinema-ready .cinema-stage{height:auto;position:relative}.cinema-ready .cinema-chapter{position:relative;opacity:1!important;visibility:visible!important;pointer-events:auto;transform:none!important}.cinema-ready .cinema-chapters{position:relative;display:block;transform:none!important;will-change:auto}.cinema-nav,.cinema-scroll{display:none!important}.volunteer-cinema .vol-ph img{transform:none!important}.cinema-chapter{will-change:auto}}

#impacto>.care-cinema:first-child{margin-top:0}

.cinema-copy p.cinema-takeaway{max-width:420px;margin:26px 0 0;padding-left:16px;border-left:2px solid var(--y);font-size:13px;line-height:1.65;font-weight:500;color:#eee}
@media(max-width:600px){.cinema-copy p.cinema-takeaway{margin-top:20px;font-size:12px;max-width:340px}}