/* ============================================
   COLORES DE MARCA Y ESTILOS GLOBALES
   ============================================ */

/* Fuente global */
* {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Variables de marca */
:root {
    --brand-primary: #0A4D8C;
    --brand-secondary: #2E7D32;
    --whatsapp: #25D366;
}

/* Clases de marca */
.bg-primary {
    background-color: var(--brand-primary) !important;
}

.text-primary {
    color: var(--brand-primary) !important;
}

.border-primary {
    border-color: var(--brand-primary) !important;
}

.bg-secondary {
    background-color: var(--brand-secondary) !important;
}

.text-secondary {
    color: var(--brand-secondary) !important;
}

/* Hover states */
.hover\:bg-blue-700:hover {
    background-color: #0d5aa7 !important;
}

.hover\:bg-green-700:hover {
    background-color: #257529 !important;
}

/* Animación fadeIn */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fadeIn {
    animation: fadeIn 0.3s ease-out;
}