@font-face {
    font-family: 'gilroy';
    src: url('../fonts/gilroy/Gilroy-Regular.ttf') format('truetype');
}

body {
    font-family: 'Poppins', Arial, sans-serif; /* Usa Poppins como fuente principal */
    margin: 0;
    padding: 0;
    background-color: #f9f9f9;
    color: #333;
}

svg {
    width: 100%;
    height: 150px;
}

#tituloHero {
    font-family: 'gilroy', 'Poppins', Arial, sans-serif; /* Usa enhanceLearning solo para esta sección */
}

/* Animación de deslizamiento y desvanecimiento */
@keyframes slide-fade {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-slide-fade {
    animation: slide-fade 1s ease-out forwards;
}