/* /templates/eduai/css/sections/cta_final.css */

/* Estilos para la sección de Llamada a la Acción Final (cta_final.php) */

/* El .section-title dentro de cta_final.php tiene estilos inline (margin-top, margin-bottom).
   Si quisieras anularlos o gestionarlos desde aquí: */
/*
.cta-final-wrapper .section-title { // Suponiendo que envuelves el contenido de cta_final.php en un div con esta clase
    margin-top: 70px !important;
    margin-bottom: 30px !important;
}
*/

/* Estilos para el contenedor del botón, que tiene text-align: center inline. */
/*
.cta-final-wrapper div[style*="text-align: center"] {
    // Estilos adicionales si fueran necesarios
}
*/

/* Estilos para el botón de contacto en esta sección.
   La clase .contact-button ya tiene estilos base en precios.css (si se cargó antes y es la misma clase)
   o necesitaría sus propios estilos base si es única o se quiere asegurar independencia.
   Asumiremos que .contact-button ya tiene estilos de botón generales y aquí solo ajustamos.
   Si .contact-button es la misma clase que en la sección de precios,
   y esos estilos son adecuados, no necesitarías mucho aquí.
   Sin embargo, para modularidad, podemos redefinir o asegurar estilos aquí.
*/

.cta-final-wrapper .contact-button { /* Usando un wrapper para especificidad */
    display: inline-block; /* O inline-flex si se usan íconos dentro y se necesita alinear */
    background: var(--pricing-button-bg, linear-gradient(45deg, #2d5ca9, #3d6cba)); /* Fallback si --pricing-button-bg no está definido */
    color: white;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    padding: 12px 28px; /* Padding ligeramente ajustado para este botón específico si se desea */
    border-radius: 8px; /* O 50px si quieres que sea más redondeado como los .btn generales */
    transition: var(--transition);
    box-shadow: 0 4px 12px rgba(45, 92, 169, 0.2);
    /* La animación .animate-on-scroll se aplica desde base.css */
}

.cta-final-wrapper .contact-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(45, 92, 169, 0.3);
}

.cta-final-wrapper .contact-button .whatsapp-icon { /* Si el ícono de WhatsApp se usa aquí también */
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

/* No hay media queries específicas en el CSS original para esta pequeña sección,
   ya que el botón y el título son inherentemente responsivos o
   se basan en los estilos responsivos de .section-title y .contact-button
   definidos en otros archivos (base.css, precios.css).
   Si se necesitaran ajustes específicos para esta sección en móviles, se añadirían aquí.
*/