/* Propuesta independiente. Fotografía continua con textos y controles en HTML. */
.proposal-hero{padding:24px 0 44px;background:#f5f4f0}
.proposal-carousel{height:620px;border-radius:18px;overflow:hidden;background:#05283b}
.proposal-carousel .hero-carousel-stage{min-height:0;height:100%}
.proposal-slide{background:#05283b;color:#fff;isolation:isolate}
.proposal-slide::after{display:none}
.proposal-scene{position:absolute;right:0;overflow:hidden;z-index:-1}
.proposal-scene img{position:absolute;width:100%;height:auto;max-width:none;left:0}
.proposal-scene picture{display:block;position:absolute;inset:0}
.proposal-copy{position:absolute;top:64px;left:58px;width:49%;max-width:590px}
.proposal-kicker{color:#ff9450;font-weight:700;font-size:12px;letter-spacing:.17em;line-height:1.4;margin:0 0 24px}
.proposal-slide h1,.proposal-slide h2{font:700 clamp(42px,4.6vw,62px)/1.02 Condensed,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 24px;color:inherit}
.proposal-slide h1 em,.proposal-slide h2 em{color:#35c7eb;font-style:normal}
.proposal-description{font-size:20px;line-height:1.45;max-width:450px;margin:0;color:#d3e0e7}
.proposal-slide-3 h2{font-size:clamp(40px,4.2vw,56px)}
.proposal-contact{position:absolute;bottom:85px;left:58px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.proposal-whatsapp{display:flex;align-items:center;gap:12px;background:#00a95c;color:#fff;border-radius:32px;min-height:54px;padding:13px 24px;box-shadow:0 6px 20px #04281c26;font-size:17px}
.proposal-whatsapp img{width:25px;height:25px}
.proposal-whatsapp:hover{background:#07894e}
.proposal-whatsapp:focus-visible{outline:3px solid #fff;outline-offset:4px}
.proposal-contact>span{font-size:12px;color:#d3e0e7}
.proposal-carousel .hero-carousel-controls{bottom:12px;left:24px;right:24px}
.proposal-carousel .carousel-pagination{gap:9px}
.proposal-carousel .carousel-pagination button>span{width:9px;height:9px;background:#aec4ce80}
.proposal-carousel .carousel-pagination button[aria-pressed="true"]>span{background:#fff}
.proposal-note{font-size:12px;line-height:1.5;color:#586b73;margin:13px 3px 0;max-width:780px}
.proposal-comparison .hero-comparison{display:grid;grid-template-columns:.85fr 1fr 1fr;gap:12px 35px;align-items:center;padding:23px 28px;margin-top:24px;border:1px solid var(--line);border-radius:12px;background:#fff}
.proposal-comparison .comparison-kicker{font-size:11px;max-width:180px;line-height:1.6;margin:0}
.proposal-comparison .hero-fuel-row{margin:0}
.proposal-comparison .comparison-note{grid-column:2/-1;margin:0;font-size:11px}
@media(min-width:1500px){.proposal-slide h1,.proposal-slide h2{font-size:62px}}
@media(min-width:761px) and (max-width:1050px){
 .proposal-carousel{height:590px}
 .proposal-copy{left:36px;top:48px;width:56%}
 .proposal-slide h1,.proposal-slide h2{font-size:46px}
 .proposal-description{font-size:18px;max-width:340px}
 .proposal-contact{left:36px}
}
@media(max-width:760px){
 .proposal-hero{padding:16px 0 30px}
 .proposal-carousel{height:650px;border-radius:14px}
 .proposal-copy{left:27px;right:25px;width:auto;max-width:none;top:auto;bottom:165px}
 .proposal-kicker{font-size:10px;margin-bottom:16px;letter-spacing:.15em}
 .proposal-slide h1,.proposal-slide h2,.proposal-slide-3 h2{font-size:36px;line-height:1.06;margin-bottom:19px}
 .proposal-description{font-size:16px;line-height:1.45;max-width:none}
 .proposal-contact{left:27px;right:25px;bottom:70px;gap:8px}
 .proposal-whatsapp{font-size:16px;min-height:50px;padding:12px 21px}
 .proposal-contact>span{font-size:11px}
 .proposal-note{font-size:11px;margin-top:12px}
 .proposal-comparison .hero-comparison{grid-template-columns:1fr 1fr;gap:16px 20px;padding:21px;margin-top:18px}
 .proposal-comparison .comparison-kicker,.proposal-comparison .comparison-note{grid-column:1/-1;max-width:none}
 .proposal-comparison .hero-fuel-row{grid-template-columns:1fr;gap:6px;font-size:14px}
 .proposal-comparison .hero-fuel-row strong{font-size:30px;justify-self:start}
}
@media(max-width:360px){
 .proposal-carousel{height:665px}
 .proposal-copy{left:22px;right:22px}
 .proposal-slide h1,.proposal-slide h2,.proposal-slide-3 h2{font-size:32px}
 .proposal-description{font-size:15px}
 .proposal-contact{left:22px;right:22px}
 .proposal-whatsapp{font-size:15px;padding-inline:18px}
 .proposal-comparison .hero-fuel-row{font-size:13px}
 .proposal-comparison .hero-fuel-row strong{font-size:28px}
}

/* Las tres diapositivas comparten fondo completo y textos inferiores. */
.proposal-full-photo{background:#444;color:#fff}
.proposal-full-photo .proposal-scene{inset:0;left:0;right:0;top:0;bottom:0;width:100%;height:100%;aspect-ratio:auto;transform:none;mask-image:none;border-radius:0}
.proposal-full-photo .proposal-scene img{inset:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.proposal-full-photo .proposal-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,#00000008 48%,#00000055 72%,#000000ba 100%)}
.proposal-full-photo .proposal-copy{top:auto;bottom:64px;left:48px;right:335px;width:auto;max-width:none;text-shadow:0 2px 14px #0006}
.proposal-full-photo .proposal-kicker{color:#ffb275;font-size:11px;margin-bottom:10px}
.proposal-full-photo h1,.proposal-full-photo h2{font-size:42px;line-height:1.04;margin-bottom:12px;color:#fff}
.proposal-full-photo h1 em,.proposal-full-photo h2 em{color:#6ee2ff}
.proposal-full-photo .proposal-description{max-width:680px;color:#f1f3f4;font-size:17px;line-height:1.4}
.proposal-full-photo .proposal-contact{left:auto;right:48px;bottom:86px}
.proposal-full-photo .proposal-contact>span{color:#fff;font-size:11px;text-shadow:0 1px 8px #0009}
@media(min-width:761px) and (max-width:1050px){
 .proposal-full-photo .proposal-copy{left:32px;right:300px;bottom:64px}
 .proposal-full-photo h1,.proposal-full-photo h2{font-size:36px}
 .proposal-full-photo .proposal-contact{right:32px}
 .proposal-full-photo .proposal-scene{background-size:auto 200%;background-position:center bottom}
 .proposal-slide-1 .proposal-scene{background-image:url('../images/carrusel-01-fondo-v1.png')}
 .proposal-slide-2 .proposal-scene{background-image:url('../images/carrusel-02-fondo-v1.png')}
 .proposal-slide-3 .proposal-scene{background-image:none}
 .proposal-full-photo .proposal-scene img{inset:0 0 auto;height:auto;object-fit:contain;object-position:50% 0;mask-image:linear-gradient(180deg,#000 76%,transparent 100%)}
}
@media(max-width:760px){
 .proposal-full-photo .proposal-copy{top:auto;bottom:172px;left:27px;right:25px;width:auto}
 .proposal-full-photo h1,.proposal-full-photo h2{font-size:34px;line-height:1.06;margin-bottom:14px}
 .proposal-full-photo .proposal-kicker{font-size:10px;margin-bottom:12px}
 .proposal-full-photo .proposal-description{font-size:15px;line-height:1.45}
 .proposal-full-photo .proposal-contact{left:27px;right:25px;bottom:70px;align-items:flex-start}
 .proposal-full-photo .proposal-scene{background-size:auto 200%;background-position:center bottom}
 .proposal-slide-1 .proposal-scene{background-image:url('../images/carrusel-01-fondo-movil-v1.png')}
 .proposal-slide-2 .proposal-scene{background-image:url('../images/carrusel-02-fondo-movil-v1.png')}
 .proposal-slide-3 .proposal-scene{background-image:none}
 .proposal-full-photo .proposal-scene img{inset:0 0 auto;height:auto;object-fit:contain;object-position:50% 0;mask-image:linear-gradient(180deg,#000 76%,transparent 100%)}
 .proposal-full-photo .proposal-scene::after{background:linear-gradient(180deg,transparent 24%,#00000005 42%,#00000060 68%,#000000bd 100%)}
}
@media(max-width:360px){
 .proposal-full-photo .proposal-copy{left:22px;right:22px}
 .proposal-full-photo h1,.proposal-full-photo h2{font-size:30px}
 .proposal-full-photo .proposal-contact{left:22px;right:22px}
}

/* La tercera imagen usa una fotografía de conductor adaptada a cada pantalla. */
.proposal-slide-3.proposal-full-photo .proposal-scene img{inset:0;width:100%;height:100%;object-fit:cover;object-position:20% 50%;mask-image:none}