/* 1) Reducir opacidad/oscurecer la imagen de portada para mejorar el contraste del texto */
.hero::before,
.banner::before {
  background: rgba(0,0,0,.35); /* ajuste fino 0.25–0.55 */
}

/* 2) Ajustar tamaño del logo en el header */
.header .logo img { 
  max-height: 64px; 
}

/* 3) Mejorar legibilidad de títulos principales */
h1, .title-xl {
  letter-spacing: .02em;
  line-height: 1.2;
}

/* 4) Espaciado vertical más limpio en secciones */
.section { 
  padding-top: 56px; 
  padding-bottom: 56px; 
}

/* 5) Reubicar botón flotante de WhatsApp (si el template lo expone) */
.whatsapp-button {
  right: 24px; 
  bottom: 24px;
}
@media (max-width: 480px){
  .whatsapp-button { bottom: 16px; right: 16px; }
}