/* Fuente global */
body {
    font-family: 'Inter', sans-serif;
}

/* Fondo con patrón sutil y moderno */
.bg-pattern {
    background-color: #f8fafc; /* Slate-50 */
    /* Patrón de puntos sutil */
    background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
    background-size: 24px 24px;
}

/* Animación de entrada suave (Fade In + Slide Up) */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.6s ease-out forwards;
}