:root {
    --colorFondoTopFooter: #161D26;
    --colorFondoBottonFooter: #505050;

}

footer {
    background-color: var(--colorFondoTopFooter);
    /* Color de fondo */
    color: white;
    /* Color de texto */

}

/*
.footer-container {
    height: 35rem;
}
*/





.nav-container-footer ul {

    list-style: none;
    padding: 0;
}

.nav-container-footer li {
    position: relative;
    padding: 2rem 1rem 2rem 1rem;
    /*font-size: 1.8rem;*/
    cursor: pointer;
    /*height: 5.6rem;*/
    transition: background-color 0.3s ease-in-out;

}

.nav-container-footer hr {
    width: 100%;
    border: none;
    height: 2px;
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
    margin: 0;
}

.nav-container-footer li:hover hr {
    background-color: var(--blanco);
}

.nav-container-footer li:hover {
    background-color: #398af3;
}



.footer-container-bottom {
    width: auto;
}


.footer-container,
.footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    /*padding-bottom: 1rem;*/


}

.footer-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 1rem 0 2rem;
}

.footer-logo img {
    margin-top: 2rem;
    height: 8rem;


}


.footer-pie {
    background-color: var(--colorFondoBottonFooter);
}

.footer-container div,
.footer-bottom div {
    /*margin: 0.5rem 0;*/
    text-align: center;
}

.footer-formulario {
    width: 90%;
}


.footer-subscription {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 0 1rem 0 0;
    margin-bottom: 2rem;
}

.footer-subscription input {
    padding-left: 1.2rem;
    border-radius: 1rem;
    margin-right: 0.5rem;
    margin-bottom: 1rem;
    height: 4rem;
    width: 100%;
}



.footer-nav ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    list-style: none;
    padding: 0rem;
    margin: 0;




}

.footer-nav {
    width: 27rem;

}

/*
.footer-nav li {
    transition: transform 0.3s ease;
    cursor: pointer;
}

.footer-nav li:hover {
    transform: scale(1.1);
}*/

.footer-icons {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 1rem 0 1rem 0;
    width: 100%;


}


.footer-container-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*margin-bottom: 2rem;*/
}

.footer-copyright {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    /*padding-bottom: 2rem;*/

}

@media only screen and (min-width: 576px) {
    /*
    .footer-subscription input {
        margin-bottom: 0rem;

    }

*/

    .footer-icons {
        width: 65%;
    }

    .footer-formulario {
        width: 60%;
    }




    .footer-icons {
        justify-content: space-evenly;


    }

    .footer-copyright {

        flex-direction: row;

    }

}

@media only screen and (min-width: 768px) {


    .footer-logo img {
        height: 14rem;
        
    }

    .footer-formulario {
        width: 35%;
    }


    .footer-subscription input {
        height: 4rem;


    }



    .footer-subscription {
        flex-direction: column;
        gap: 0rem;
    }

    .footer-description {
        width: 70%;
    }

    .footer-texto {
        color: #fff;
    }

    .footer-container {
        flex-direction: column;
        justify-content: space-between;
        /*height: 28rem;*/
    }

    .footer-copyright {
        padding-left: 2rem;


    }

    .footer-copyright a {
        color: white;

    }

    .footer-container-bottom {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-around;
        align-items: center;
        height: 6rem;
    }



    .footer-nav ul {
        justify-content: center;


    }

    .footer-nav ul li {
        width: 20rem;
        text-align: center;


    }

    .footer-bottom {
        flex-direction: column;
        /* Cambia a fila en pantallas más grandes */
        justify-content: space-around;
        /*height: 6rem;*/

    }

    .footer-bottom div {
        text-align: left;
    }

    .footer-copyright,
    .footer-icons,
    .footer-nav {
        /*flex: 1;*/
        text-align: center;
        /* Centrar texto */
    }

    .footer-icons {
        justify-content: center;
        width: 100%;



    }

    .footer-icons img {
        margin: 0.5rem;

    }


    .iconos-redes-new {
        width: 13%;
    }
}




@media only screen and (min-width: 900px) {

    .footer-subscription {
        flex-direction: column;

    }

    /*
    .footer-container-bottom {
        width: 40%;
    }

*/


}

@media only screen and (min-width: 1200px) {

    .pie-container {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        width: 100%;

    }



    .footer-formulario {
        width: 20%;
    }

    .footer-logo h1 {
        margin: 0;
        color: white;
    }

    .footer-logo img {

        margin: 5rem;
        height: 50%;
        width: 70%;
    }

    .footer-container {
        flex-direction: row;
        /* Cambia a fila en pantallas más grandes */
        /*justify-content: space-evenly;*/
    }


    .footer-bottom {
        width: 100%;
        padding: 0;
    }


    .footer-bottom div {
        text-align: left;
    }



    .footer-icons img {
        margin: 0.8rem;

    }

    .footer-description {
        width: 30%;
    }

    .iconos-redes-new {
        width: 9%;
    }


    .footer-container-bottom {
        width: 40%;

    }

}