.background-nav{
     background-color: #fff;
}
.img-nav{
    width: 8vw;
}

#icons{
    width: 16%;
}

.icons-nav{
    width: 3vw;
    padding-inline: 3px;
}
#bg-cubes{
    width: 30vw;
    position: absolute;
    left: 0;
    z-index: -1;
}

#bg-cubes-inverted{
    width: 30vw;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    transform: rotate(-180deg);
}

.principal-logo{
    margin-bottom: 50px;
}

.principal-logo img{
    width: 15vw;
}

.carousel-content{
    height: 50%;
}

.carousel-container-int{
    width: 40%;
}
.carousel-container button{
    width: 35%;
}
.about-us{
    text-align: center;
    width: 50vw;
}
.er-volucion{
    padding: 4vh;
    color: white;
    margin-top: 5vh;
    text-align: center;
}

.bg-er-volucion{
    background: #e20a17;
}

.er-row{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.er-row .col-er-4{
    display: flex;
    justify-content: center;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.er-row .col-er-6{
    display: flex;
    justify-content: center;
    flex: 0 0 50%;
    max-width: 50%;
}

.er-row .col-er-6-info{
    margin-top: 4vh;
    display: flex;
    justify-content: center;
    flex: 0 0 50%;
    max-width: 50%;
}

.benefits-er{
    text-align: center;
    width: 80%;
}

.benefits-er span{
    font-size: 15vh;
    color: white;
}

.benefits-er h3{
    color: white;
}
.benefits-er h4{
    color: white;
}
.er-faqs{
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.btn-collapsed-er{
    width: 865px;
}

.container-faq{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.container-lk{
    width: 100%;
    display: flex;
    justify-content: center;
}

.container-lk a{
    margin: 4vh 2vw 0 2vw;
}
.container-lk a img{
    width: 20vw;
}

.container-lk {
    display: flex;
    flex-direction: row; /* Asegura que las imágenes siempre estén en una fila horizontal */
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap; /* Evita que los elementos se apilen verticalmente */
    width: 100%;
}

.container-lk img {
    max-width: 200px; /* Tamaño máximo de las imágenes */
    height: auto; /* Mantener la proporción */
 /* Espaciado entre imágenes */
}

/* Media query para pantallas más pequeñas */
@media (max-width: 576px) {
    .container-lk {
        justify-content: space-between;
        flex-wrap: nowrap; /* Asegura que no se apilen incluso en móviles */
    }
    
    .container-lk img {
        max-width: 150px; /* Ajusta el tamaño en móviles */
    }
}


.download-nav {
    width: 40vw;
    display: flex;
    justify-content: space-between;
}
.download-nav a{
    width: 15vw;
}
.download-nav a img {
    max-width: 100%
}
@media all and (min-width:21.5em) and (max-width:28.125em) {

    #icons{
        width: 40%;
    }

    .icons-nav{
        width: 8vw;
    }
    .img-nav{
        width: 20vw;
    }
    .principal-logo img{
        width: 40vw;
    }
    .carousel-content{
        display: block;
    }
    .carousel-container-int {
        width: 100%;
    }
    .carousel-container button{
        width: 10%;
    }
    #bg-cubes{
        display: none;
    }
    #bg-cubes-inverted{
        display: none;
    }
    .about-us{
        text-align: center;
        width: 100%
    }
    .er-row .col-er-4{
        display: flex;
        justify-content: center;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .er-row .col-er-6{
        margin-top: 4vh;
        display: flex;
        justify-content: center;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .er-row .col-er-6-info{
        display: flex;
        justify-content: center;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .er-row .col-er-6-info h1{
        text-align: center;
        font-size: 18px;
    }
    .er-row .col-er-6-info h3{
        margin-top: 0;
        text-align: center;
        font-size: 14px;
    }
    .container-faq button{
        margin: 0 5vh 0 5vh;
    }
    .container-faq h3{
        font-size: 14px;
    }
    .container-faq h4{
        font-size: 12px;
    }
    .container-lk{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .container-lk a{
        margin: 4vh 2vw 0 2vw;
    }
    .container-lk a img{
        width: 80vw;
    }
    .btn-collapsed-er{
        width: 280px
    }
    .download-nav {
        width: 30vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .download-nav a{
        width: 100%;
    }
    .download-nav a img {
        max-width: 100%
    }
}
@media all and (min-width:43.75em) and (max-width:62.5em) {
    .principal-logo img{
        width: 80vw;
    }
    #bg-cubes{
        display: none;
    }
    #bg-cubes-inverted{
        display: none;
    }
}