/* Octubre 19: comparativo suministrado, ocho filas y beneficios ampliables. */
.comparison-scroll{overflow-x:auto;padding:10px 18px 18px;scrollbar-width:thin}
.comparison-slices{min-width:720px;background:#eaf5fa;border-radius:20px;box-shadow:0 14px 35px #052b5020;padding-bottom:12px}
.comparison-slice-heading{position:relative;aspect-ratio:1672/276;overflow:hidden;border-radius:20px 20px 0 0}
.comparison-slice-heading img,.comparison-slice>img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;border-radius:0}
.comparison-slice{position:relative;isolation:isolate}
.comparison-slice>img{top:var(--slice-top);clip-path:inset(0);pointer-events:none}
.comparison-slice{overflow:clip}
.comparison-slice:has(.comparison-benefit:hover),.comparison-slice:has(.comparison-benefit:focus-visible),.comparison-slice:has(.comparison-benefit[aria-expanded="true"]){overflow:visible;z-index:3}
/* Background left remains clipped independently when the benefit grows. */
.comparison-slice>img{visibility:hidden}
.comparison-slice{background-image:url('../images/comparativa-oct19.png');background-size:100% auto}
.comparison-benefit{position:absolute;left:50.36%;width:47.37%;height:100%;top:0;padding:0;border:0;border-radius:10px;overflow:hidden;background:#04274f;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}
.comparison-benefit img{position:absolute;max-width:none;width:211.11%;height:auto;left:-106.31%;top:var(--slice-top);border-radius:0;pointer-events:none}
.comparison-benefit:hover,.comparison-benefit:focus-visible,.comparison-benefit[aria-expanded="true"]{transform:scale(1.045);box-shadow:0 10px 28px #00213c66;outline:2px solid #63d8de;z-index:5}
#comparativo .comparison-stage{overflow:visible}
#comparativo .comparison-detail{position:relative;inset:auto;margin:16px auto 0;width:min(540px,100%)}
#comparativo .comparison-mobile-options{display:none}
.location-map{margin-top:24px;max-width:560px}
.location-map iframe{width:100%;height:260px;border:0;border-radius:18px;display:block;background:#e5eef3}
.location-map>a{display:inline-block;margin-top:12px;font-size:14px;text-decoration:underline}
.footer>.footer-brand-right{order:4}.footer>.copyright{order:5}
.footer-top>.footer-brand{order:4}
#insurers-title{font-size:clamp(23px,2.7vw,40px)}
/* Uniform blue photographic treatment, keeping the right-hand positioning. */
#inicio::after{background:rgba(20,45,67,.37)}
#inicio .hero-images{-webkit-mask-image:linear-gradient(to right,transparent,#000 25%);mask-image:linear-gradient(to right,transparent,#000 25%)}
@media(max-width:900px){#inicio .hero-images{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%);mask-image:linear-gradient(to bottom,transparent,#000 20%)}#inicio .hero-images img{filter:brightness(.72)} }
@media(max-width:700px){.comparison-scroll{padding:10px 12px 18px}.location-map iframe{height:230px}.footer>.footer-brand-right{justify-self:end;text-align:right}}
@media(prefers-reduced-motion:reduce){.comparison-benefit{transition:none}}
.comparison-slice:nth-child(2){background-position:0 31.542857142857144%;}
.comparison-slice:nth-child(3){background-position:0 38.99657924743444%;}
.comparison-slice:nth-child(4){background-position:0 46.506300114547535%;}
.comparison-slice:nth-child(5){background-position:0 54.29553264604811%;}
.comparison-slice:nth-child(6){background-position:0 61.80159635119726%;}
.comparison-slice:nth-child(7){background-position:0 69.09920182440136%;}
.comparison-slice:nth-child(8){background-position:0 76.39680729760548%;}
.comparison-slice:nth-child(9){background-position:0 83.69441277080958%;}

/* 10:31 — Comparativo inline: sustituye el contenido, nunca abre ventanas. */
.comparison-benefit .comparison-inline-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:5px 16px;background:linear-gradient(105deg,#063259,#007d91);color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:clamp(11px,1.05vw,15px);line-height:1.3;text-align:left;opacity:0;transition:opacity .25s ease;pointer-events:none}
.comparison-benefit:hover .comparison-inline-copy,.comparison-benefit:focus-visible .comparison-inline-copy,.comparison-benefit[aria-pressed="true"] .comparison-inline-copy{opacity:1}
.comparison-benefit[aria-pressed="true"]{transform:scale(1.035);box-shadow:0 10px 28px #00213c66;outline:2px solid #63d8de;z-index:5}
.comparison-slice:has(.comparison-benefit[aria-pressed="true"]){overflow:visible;z-index:3}
#explorar>.section-heading{flex-wrap:wrap;gap:18px}
#explorar>.section-heading>p{max-width:none;white-space:nowrap;font-size:clamp(13px,1.25vw,18px)}
#proceso .journey-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px}
#proceso .journey-tabs button{min-width:0;padding:18px 10px}
#proceso .step-title{white-space:nowrap;font-size:clamp(12px,1.3vw,18px)}
#proceso .journey-panel p{max-width:none;font-size:clamp(13px,1.2vw,18px)}
#proceso .journey-panel{min-height:0;padding:28px}
/* Cuatro bloques proporcionados, marca alineada al extremo derecho. */
footer.footer,.footer-new .footer-top{display:grid;grid-template-columns:1fr 1fr 1.45fr 1fr;gap:clamp(20px,3vw,48px);align-items:start}
footer.footer>div{min-width:0}
footer.footer .footer-brand-right,.footer-new .footer-brand{order:4;justify-self:end;text-align:right}
footer.footer .footer-brand-right img,.footer-new .footer-brand img{display:block;margin-left:auto;max-width:100%;height:auto}
footer.footer .copyright{grid-column:1/-1;order:5}
.location-map{width:100%;max-width:none;margin-top:22px}
.location-map iframe{width:100%;height:clamp(400px,32vw,500px);border:0;border-radius:20px}
#contacto{align-items:start}
/* Capa uniforme: no modifica object-position ni el tamaño de las personas. */
#inicio::after{background:linear-gradient(rgba(20,45,67,.44),rgba(20,45,67,.44))}
/* Un único tratamiento navy para todas las tarjetas, incluidas las de arte recortado. */
#explorar .photo-carousel .photo-card{background-color:#09243f;min-height:480px}
#explorar .photo-carousel .photo-card::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(9,36,63,0) 10%,rgba(9,36,63,.14) 32%,rgba(9,36,63,.78) 54%,#09243f 70%,#09243f 100%);pointer-events:none}
#explorar .photo-card-content{z-index:1}
#explorar .photo-card .card-benefit{color:#dfebf1;font-size:14px;line-height:1.5;margin:-6px 0 14px}
#explorar .photo-card.assistance-card h3{color:#a8e5ef}
.assistance-brand{position:absolute;top:18px;right:18px;z-index:2;display:flex;flex-direction:column;align-items:center;width:112px;padding:9px 12px;background:#fffffff2;border-radius:12px;box-shadow:0 5px 18px #09243f22;color:#252f4e}
.assistance-brand img{width:86px;height:auto;display:block}
.assistance-brand>span{font-size:11px;font-weight:700;letter-spacing:.04em;margin-top:3px}
@media(min-width:1200px){#proceso .journey-panel p{white-space:nowrap}}
@media(max-width:900px){footer.footer,.footer-new .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}#proceso .journey-tabs{display:flex;overflow-x:auto;gap:30px;padding-top:8px;padding-bottom:14px}#proceso .journey-tabs button{flex:0 0 auto;min-width:140px}#proceso .step-title{font-size:15px}#inicio .hero-images img{filter:brightness(.65)}}
@media(max-width:600px){#explorar>.section-heading>p{white-space:normal;font-size:14px}.location-map iframe{height:400px}footer.footer,.footer-new .footer-top{gap:26px 18px}footer.footer>div:nth-child(4){grid-column:1/-1}#explorar .photo-carousel .photo-card{min-height:480px}.comparison-inline-copy{font-size:11px}}
@media(prefers-reduced-motion:reduce){.comparison-benefit .comparison-inline-copy{transition:none}}
@media(max-width:600px){footer.footer>.footer-brand-right,.footer-new .footer-brand{grid-column:1/-1;width:100%}}

/* Corrección 10:58: cada diapositiva incluye su propio filtro uniforme.
   Las dos paradas tienen exactamente el mismo color y opacidad.
   Se mantienen la anchura, la posición derecha y el encuadre anteriores. */
#inicio::after{content:none;display:none}
#inicio .hero-images{mask-image:none;-webkit-mask-image:none;z-index:0}
#inicio .hero-slide{
 position:absolute;inset:0;width:100%;height:100%;opacity:0;
 background-image:linear-gradient(rgba(20,45,67,.60),rgba(20,45,67,.60)),var(--hero-photo);
 background-size:cover;background-repeat:no-repeat;background-position:var(--hero-position,50% center);
 transition:opacity .9s ease-in-out;
}
#inicio .hero-slide.active{opacity:1}
#inicio .hero-content{position:relative;z-index:1}
/* Distintivo compacto: 84 px totales, sin deformar el logo. */
#explorar .assistance-brand{width:84px;max-width:84px;padding:5px 6px;top:14px;right:14px;border-radius:8px;box-shadow:0 3px 12px #09243f1a}
#explorar .assistance-brand img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;margin:0}
#explorar .assistance-brand>span{font-size:9px;line-height:1.2;letter-spacing:.015em;margin-top:2px}
/* Todas las tarjetas comparten exactamente el mismo degradado. */
#explorar .photo-carousel .photo-card::before,
#explorar .photo-carousel .matched-photo-card::before{
 background:linear-gradient(to bottom,rgba(9,36,63,0) 0%,rgba(9,36,63,.10) 28%,rgba(9,36,63,.65) 48%,#09243f 67%,#09243f 100%);
 inset:0;z-index:0;
}
#explorar .photo-card .card-benefit{color:#fff}
@media(max-width:900px){#inicio .hero-slide{background-position:center}}
@media(prefers-reduced-motion:reduce){#inicio .hero-slide{transition:none}}

/* Revisión 12:30: fotografía de extremo a extremo, sin panel azul.
   El fondo extendido desenfocado nace de la misma foto. La capa nítida
   conserva el encuadre anterior en el 58% derecho; la unión es suave. */
#inicio{background:transparent;isolation:isolate}
#inicio .hero-images{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:transparent;overflow:hidden;mask-image:none;-webkit-mask-image:none}
#inicio .hero-slide{background:none;overflow:hidden}
#inicio .hero-slide::before,#inicio .hero-slide::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,45,67,.60),rgba(20,45,67,.60)),var(--hero-photo);background-repeat:no-repeat;background-size:cover;background-position:var(--hero-position,50% center);pointer-events:none}
#inicio .hero-slide::before{filter:blur(14px);transform:scale(1.05)}
#inicio .hero-slide::after{left:42%;mask-image:linear-gradient(to right,transparent,#000 18%);-webkit-mask-image:linear-gradient(to right,transparent,#000 18%)}
#inicio .hero-content{width:48%;text-shadow:0 2px 12px rgba(0,0,0,.18)}
#explorar .assistance-brand{width:56px;max-width:56px;padding:3px 4px;top:12px;right:12px;border-radius:5px;box-shadow:none}
#explorar .assistance-brand img{width:100%;height:auto}
#explorar .assistance-brand>span{font-size:6px;line-height:1.2;letter-spacing:0;margin-top:1px}
#explorar .photo-card .explore .action-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:rgba(168,229,239,.22);color:white;font-size:20px;line-height:1;transform:none;transition:transform .3s ease,background .3s ease}
#explorar .photo-card:hover .explore .action-arrow,#explorar .photo-card:focus-within .explore .action-arrow{transform:translate(2px,-2px);background:rgba(168,229,239,.38)}
@media(max-width:900px){#inicio{min-height:760px;justify-content:flex-end}#inicio .hero-content{width:100%;padding:320px 24px 44px}#inicio .hero-slide::after{left:0;mask-image:none;-webkit-mask-image:none;background-position:65% center}#inicio .hero-slide::before{display:none}}
@media(prefers-reduced-motion:reduce){#explorar .photo-card:hover .explore .action-arrow{transform:none}}

/* 12:40 — filtro único posterior a la composición de las fotos.
   Las máscaras solo unen fotografías; nunca afectan la capa oscura. */
#inicio .hero-slide::before,#inicio .hero-slide::after{background-image:var(--hero-photo)}
#inicio .hero-images::after{content:"";position:absolute;inset:0;z-index:10;background-image:linear-gradient(rgba(11,26,47,.65),rgba(11,26,47,.65));pointer-events:none;opacity:1;mask-image:none;-webkit-mask-image:none;filter:none}
#explorar .assistance-brand{background:transparent;border:0;box-shadow:none;color:white}
#explorar .assistance-brand>span{text-shadow:0 1px 3px #0009}

/* 12:46 — eliminar la copia ampliada que mostraba personas detrás del texto.
   Solo existe una fotografía por diapositiva, en su encuadre derecho. */
#inicio .hero-slide::before{content:none;display:none;background-image:none;filter:none;transform:none}
#inicio .hero-images{background:linear-gradient(110deg,#343c42 0%,#535c60 65%,#535c60 100%)}