/* Banner principal y flechas. Tiempo editable en assets/js/config.js. */
.feature-hero{position:relative;isolation:isolate;overflow:hidden;background:#061b35;color:#fff}
.feature-photo{position:absolute;inset:0 0 0 30%;z-index:-2}
.feature-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.feature-hero[data-selected-line="automotriz"] .feature-photo img{object-position:60% center}
.feature-hero[data-selected-line="empresarial"] .feature-photo img{object-position:center 72%}
.feature-hero[data-selected-line="vida-personas"] .feature-photo{left:42%}
.feature-hero[data-selected-line="vida-personas"] .feature-photo img{object-position:center 65%}
.feature-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061b35 0%,#061b35f5 30%,#061b35c9 44%,#061b3530 69%,#061b3520);z-index:-1}
.feature-hero::after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(0deg,#061b35bb,transparent);z-index:-1}
.feature-content{min-height:690px;padding-top:70px;padding-bottom:90px;position:relative;display:flex;align-items:center}
.feature-content [role=group]{max-width:650px;outline-offset:8px}
.feature-content .eyebrow{color:#a2d9ef;font-size:11px;letter-spacing:.16em;margin-bottom:23px}
.feature-content h1{color:white;font-size:clamp(42px,4.3vw,66px);line-height:1.09;letter-spacing:-.043em;max-width:650px}
.feature-content .lead{color:#e0e8f2;font-size:19px;max-width:485px;line-height:1.7;margin-top:23px;margin-bottom:31px}
.feature-content .button{background:#fff;color:#071b38;border-color:white;padding:16px 23px}
.feature-content .button:hover{background:#e7f0fc}
.feature-content .text-link{color:white;font-size:13px}
.feature-note{font-size:12px;color:#bdcbdd;margin-top:35px;display:flex;align-items:center;gap:10px}
.feature-note>span{display:block;width:5px;height:5px;border-radius:50%;background:#67d6ef}
.feature-caption{position:absolute;right:0;top:44px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:12px;color:#e9f1fc;border-left:2px solid #6ce0f0;padding-left:18px;text-shadow:0 2px 8px #0006;max-width:270px}
.feature-caption strong{color:white;font-size:23px;letter-spacing:-.02em}
.feature-caption #hero-number{letter-spacing:.14em;font-size:11px;color:#a9eaf4}
.hero-arrows{position:absolute;right:0;bottom:40px;display:flex;gap:12px}
.hero-arrows button{display:grid;place-items:center;width:48px;height:48px;background:#061b3540;border:1px solid #ffffff80;border-radius:50%;color:#fff;backdrop-filter:blur(7px);transition:background .2s,transform .2s}
.hero-arrows button:hover{background:#ffffff20;transform:translateY(-2px)}
.hero-arrows button:focus-visible{outline:2px solid #8ee8f5;outline-offset:4px}
.hero-arrows svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.explore-label-short{display:none}
.hero-image-enter{animation:hero-reveal .6s ease both}
@keyframes hero-reveal{from{opacity:.25;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}
@media(min-width:1650px){.feature-content{min-height:730px}.feature-content h1{font-size:68px}}
@media(max-width:1190px){.feature-content h1{font-size:55px}.feature-content [role=group]{max-width:560px}.feature-caption strong{font-size:20px}.feature-content{min-height:650px}}
@media(max-width:900px){.feature-photo{left:15%}.feature-hero[data-selected-line="vida-personas"] .feature-photo{left:20%}.feature-caption{display:none}.feature-content h1{font-size:53px}.feature-hero::before{background:linear-gradient(90deg,#061b35f5,#061b35d9 38%,#061b3560)}}
@media(max-width:760px){
 .feature-hero .feature-photo,.feature-hero[data-selected-line="vida-personas"] .feature-photo{left:0;top:0;bottom:auto;height:260px}
 .feature-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#061b3510 0%,#061b3528 74%,#061b35 100%)}
 .feature-hero::before{background:none}
 .feature-hero[data-selected-line="automotriz"] .feature-photo img{object-position:60% 52%}
 .feature-hero[data-selected-line="empresarial"] .feature-photo img{object-position:center 80%}
 .feature-hero[data-selected-line="vida-personas"] .feature-photo img{object-position:center 60%}
 .feature-content{display:block;min-height:0;padding-top:280px;padding-bottom:92px}
 .feature-content [role=group]{max-width:none}
 .feature-content .eyebrow{font-size:10px;margin-bottom:17px;letter-spacing:.12em}
 .feature-content h1{font-size:42px;min-height:188px;line-height:1.12}
 .feature-content .lead{font-size:17px;min-height:88px;margin-top:22px;margin-bottom:27px;max-width:500px}
 .feature-content .button-row{flex-wrap:nowrap;gap:20px}
 .feature-content .button{font-size:13px;padding:14px 18px;min-height:49px}
 .feature-content .text-link{white-space:nowrap;font-size:12px}
 .feature-note{font-size:10px;margin-top:25px}
 .hero-arrows{bottom:23px;gap:10px}.hero-arrows button{width:40px;height:40px}
 .explore-label-short{display:inline}
 .explore-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
}
@media(max-width:380px){.feature-content h1{font-size:37px}.feature-content .button-row{gap:14px}.feature-content .button{font-size:12px;padding-inline:15px}.feature-content .lead{min-height:109px}}
@media(prefers-reduced-motion:reduce){.hero-image-enter{animation:none}.hero-arrows button{transition:none}}

/* Composición del banner familiar generado a partir de las referencias del usuario. */
@media(min-width:761px){.feature-hero[data-selected-line="vida-personas"] .feature-photo{left:0}.feature-hero[data-selected-line="vida-personas"] .feature-photo img{object-position:right top}.feature-hero[data-selected-line="vida-personas"] .feature-caption{background:#061b35b3;border-radius:3px;padding:12px 16px;top:auto;bottom:40px;right:125px}}
@media(max-width:760px){.feature-hero[data-selected-line="vida-personas"] .feature-photo img{object-position:right top}}

/* Separar las flechas del carrusel del nuevo acceso flotante. */
.hero-arrows{left:0;right:auto}
@media(min-width:761px){.feature-hero[data-selected-line="vida-personas"] .feature-caption{top:44px;bottom:auto;right:0}}