/**
 * Componente Banner de contacto (section/cta-banner.php).
 * Origen: #s-contacto de home-final.html (valores exactos).
 *
 * @package silomasters
 */

.cta-banner{
  position:relative; overflow:hidden; color:var(--white);
  padding:64px 48px; border-radius:var(--r-lg);
  box-shadow:0 30px 60px -30px rgba(22,22,22,.35);
}
@media(max-width:720px){ .cta-banner{padding:40px 28px;} }
/* <img> en lugar del background-image del mockup (mismo encuadre: cover + center) */
.cta-banner-media{
  position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; object-position:center;
}
.cta-banner-overlay{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(90deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,.45) 55%, rgba(0,0,0,.65) 100%);
}
.cta-banner-content{
  position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap;
}
.cta-banner-content h2{color:var(--white); max-width:460px;}
.cta-banner-desc{color:rgba(255,255,255,.75); font-size:15px; line-height:1.6; margin-top:12px; max-width:420px;}
@media(max-width:600px){ .cta-banner-content{flex-direction:column; align-items:flex-start;} }