/* =============================================
   DIFERENCIALES — Estilos específicos de diferenciales.html
============================================= */

/* =============================================
   PAGE HERO — fondo específico de diferenciales
============================================= */
.page-hero {
  background: linear-gradient(160deg, rgba(2,24,32,.88) 0%, rgba(5,78,96,.82) 55%, rgba(2,24,32,.80) 100%),
              url('../fondodiferenciales.webp') center center / cover no-repeat;
}

/* =============================================
   PILAR INNER — variante con foto (diferenciales)
============================================= */
.pilar-inner--con-foto {
  grid-template-columns: 280px 1fr auto;
}

/* =============================================
   CTA — fondo específico diferenciales
============================================= */
.page-cta {
  background: linear-gradient(160deg, rgba(5,78,96,.88) 0%, rgba(7,61,79,.90) 100%),
              url('../foto_contactanos.webp') center top / cover no-repeat;
  background-attachment: fixed;
}

.page-cta h2 { color: var(--blanco); margin-bottom: 12px; }
.page-cta p { color: rgba(255,255,255,.75); font-size: 1.05rem; max-width: 540px; margin: 0 auto 32px; }