body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    background-color: #ededfa;
    background-image: url(imagenesEXTRA/logoFondo.png);
    background-repeat: repeat;
    background-size: 30px 30px; 
}

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.navbar {
    background-color: #004080;
    animation: fadeDown 1s ease-out forwards;
    opacity: 0; 
    font-family: 'Montserrat', sans-serif;
}

.navbar-brand, .nav-link {
    color: #d9e6f5 ;
   
    transition: color 0.3s;
}

.nav-link:hover {
    color: #ca5454 ;
}


.footer {
    background-color: #004080;
    color: white;
    padding: 20px 0;
    animation: fadeUp 1s ease-out forwards;
    opacity: 0;
    font-family: 'Montserrat', sans-serif;

}
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.footer {
    animation: fadeUp 1s ease-out forwards;
    opacity: 0; /* Para ocultarlo antes de que inicie */
}


.footer a {
    color: #ffcc00;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

.redes{
    font-size: 25px;
    color: white;
    margin: 5px;
}


    h1{
        font-family: "Georgia", serif;
        font-style: italic;
        color: #244b5a;
        font-size: 3rem;
        text-shadow: 2px 2px 5px rgba(15, 17, 131, 0.7);
    }


h2{
    color: rgb(27, 36, 44);
}

p{
    color: #004080;
}

footer p{
    color: rgb(241, 231, 213);
}