/* Importación de la fuente Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');

/* Estilos de Body y Diseño General */
body {
    font-family: 'Inter', sans-serif;
    background-color: #ffffff; /* Fondo blanco */
    /* Configuración para ocupar 100% del alto y centrar contenido */
    min-height: 10vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem; /* Padding global para evitar pegarse a los bordes */
}

/* Clase para el "Verde Dinero" (Emerald 700) */
.bg-money-green {
    background-color: #047857;
}
.hover\:bg-money-green-dark:hover {
    background-color: #065f46; /* Emerald 800 */
}

/* --- 1. Animación de Desvanecido Suave Ascendente (Fade-in-up) --- */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Aplica la animación al cargar la página */
.fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
}

/* --- 2. Animación de Pulso Constante del Botón (Pulsate-Scale) --- */
@keyframes pulsate-scale {
    0% {
        transform: scale(1.0); /* Estado normal */
    }
    50% {
        transform: scale(1.05); /* Un poco más grande */
    }
    75% {
        transform: scale(0.95); /* Un poco más pequeño */
    }
    100% {
        transform: scale(1.0); /* Vuelve al estado normal */
    }
}
/* Aplica la animación de pulso al botón */
.animate-pulsate-scale {
    animation: pulsate-scale 2s ease-in-out infinite; /* Animación infinita */
}