/* Banner de llamado a la acción con foto de fondo. La foto se pasa con style="background-image:url(assets/...)" (ruta relativa a la página).
   Estructura: .cta-banner > .cta-banner-content > .eyebrow, h2, p, .cta-banner-actions (botones del componente). */
.cta-banner{display:flex;align-items:center;position:relative;overflow:hidden;min-height:440px;padding:64px;background-color:#2b2b2b;background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff}
.cta-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,25,22,.88) 0%,rgba(25,25,22,.7) 45%,rgba(25,25,22,.15) 100%)}
.cta-banner-content{position:relative;max-width:560px}
.cta-banner .eyebrow{display:block;color:#e9e9df;margin-bottom:20px}
.cta-banner h2{margin:0;font-size:clamp(32px,3.4vw,46px);font-weight:400;letter-spacing:-1.2px;line-height:1.1;color:#fff}
.cta-banner-content>p{margin:18px 0 0;font-size:16px;line-height:1.7;color:#e4e4dc}
.cta-banner-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:32px}
@media(max-width:650px){.cta-banner{min-height:0;margin-left:-20px;margin-right:-20px;padding:56px 24px;background-position:70% center}.cta-banner::before{background:linear-gradient(180deg,rgba(25,25,22,.75),rgba(25,25,22,.88))}.cta-banner-actions .button{width:100%}}