/* assets/css/call-to-action.css */

.cta-section {
  position: relative;
  /* Ajusta la ruta a tu imagen de fondo */
  background-image: url('../images/cta-background.jpg'); 
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

/* Capa oscura para legibilidad */
.cta-section::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

/* Contenido por encima de la capa oscura */
.cta-section .container {
  position: relative;
  z-index: 2;
}

/* --- NUEVO: Estilo para el botón de WhatsApp --- */
.btn-whatsapp {
  background-color: #20d362 !important; /* Color oficial de WhatsApp */
  border-color: #25D366 !important;
  color: #ffffff !important; 
  font-weight: 500;
  transition: all 0.3s ease;
}

.btn-whatsapp:hover {
  background-color: #20b355 !important; /* Un verde un poco más oscuro */
  border-color: #20b355 !important;
  color: #ffffff !important;
}
/*
 * -----------------------------------------------------------------
 * Estilos para Call to Action (CTA)
 * -----------------------------------------------------------------
 */



.call-to-action .btn-light {
    transition: all 0.3s ease;
    font-weight: bold;
}

.call-to-action .btn-light:hover {
    transform: scale(1.05);
    background-color: #fff;
    color: #333;
}