/* style.css - Minimal Core */

/* Colores de marca base (para referencia si no carga Tailwind) */
:root {
    --brand-dark: #003366;
    --brand-primary: #ff6600;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Animaciones del Modal */
.modal-enter {
    animation: modalIn 0.3s ease-out forwards;
}

.modal-leave {
    animation: modalOut 0.2s ease-in forwards;
}

@keyframes modalIn {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@keyframes modalOut {
    from {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
    to {
        opacity: 0;
        transform: scale(0.95) translateY(10px);
    }
}

/* Scroll suave */
html {
    scroll-behavior: smooth;
}