@media (max-width: 340px) {
    .navheader2 img{
        width: 50%;
    }  
    .navheader2{
        width: 100%;
        height: 8.5vh;
        display: flex;
        white-space: nowrap;
        gap: 1%;
        align-items: center;
    }
    .navheader2 h2{
        font-size: 0.6em;
    }
    .navheader2 aside{
        font-size: 0.4em;
        margin-left: 20%;
        margin-top: -2%;   
    }
    .search-container{
        width: 120px;
        height: 23px;
        margin-left: -3%;
    }
    .search-container input{
        width: 70px;
        height: 20px;
        margin-left: 2px;
        font-size: 0.5em;
    }
    .carousel2{
        margin-top: 7vh;
    }
    .carousel2 .carousel-control-prev{
        width: 20px; /* Ajusta el tamaño de los controles del carousel */
        height: 90px;
    }
    .carousel2 .carousel-control-next{
        width: 20px; /* Ajusta el tamaño de los controles del carousel */
        height: 90px;
    }
    
    .ofertas_cursos h2{
        font-size: 0.5em;
    }
    .f-tienda svg{
        width: 2vh;
    }
    .f-tienda h4{
        font-size: 0.9em;
    }
    .f-tienda p, .tarjeta p, .section-cursos p {
        font-size: 0.5em;
    }
    .curso h3, .curso button{
        font-size: 0.7em;
    }
    .section-cursos h2{
        font-size: 0.9em;
    }
    .whatsapp-button{
        width: 15vh;
        font-size: 0.65em;
    }
    .whatsapp-button svg{
        width: 3.5vh;
    }

}
@media (min-width: 341px) and (max-width: 420px){
    .navheader2 img{
        width: 50%;
    }  
    .navheader2{
        width: 100%;
        display: flex;
        white-space: nowrap;
        align-items: center;
        height: 8.5vh;
    }
    .navheader2 h2{
        font-size: 1em;
    }
    .navheader2 aside{
        font-size: 0.65em;
        margin-left: 20%;
        margin-top: -2%;   
    }
    .search-container{
        width: 120px;
        height: 30px;
        margin-left: 5%;
    }
    .search-container input{
        width: 70px;
        margin-left: 2px;
        font-size: 0.5em;
    }
    .carousel2{
        margin-top: 12%;
    }
    .logo{
        width: 7vh;
        height: 7.5vh;  
    }
    .navheader2 div{
        margin-left: -10%;
        display: flex;
        align-items: center;
    }
    .btnmoodle{
        margin-left: -19vh;
    }
    .navheader2 a{
        font-size: 0.8em;
    
    }
    .carousel2 .carousel-control-prev{
        width: 20px; /* Ajusta el tamaño de los controles del carousel */
        height: 90px;
    }
    .carousel2 .carousel-control-next{
        width: 20px; /* Ajusta el tamaño de los controles del carousel */
        height: 90px;
    }
    .search-container{
        width: 38%;
        margin-right: 1%;
        height: 30px;
    }
    .ofertas_cursos h2{
        font-size: 0.5em;
        margin-top: 2vh;
    }
    .f-tienda svg{
        width: 3vh;
    }
    .f-tienda h4{
        font-size: 0.9em;
    }
    .f-tienda p, .tarjeta p, .section-cursos p {
        font-size: 0.5em;
    }
    .curso h3, .curso button{
        font-size: 0.7em;
    }
    .section-cursos h2{
        font-size: 0.9em;
    }
    .whatsapp-button{
        width: 15vh;
        font-size: 0.65em;
    }
    .whatsapp-button svg{
        width: 3.5vh;
    }
}
    @media (min-width: 421px) and (max-width: 480px){ 
        .navheader2 img{
            width: 35%;
        }  
        .navheader2{
            width: 100%;
            display: flex;
            white-space: nowrap;
            align-items: center;
            height: 8.5vh;
        }
        .navheader2 h2{
            font-size: 1em;
        }
        .navheader2 aside{
            font-size: 0.7em;
            margin-left: 20%;
            margin-top: -2%;   
        }
        .search-container{
            width: 120px;
            height: 30px;
            margin-left: 5%;
        }
        .search-container input{
            width: 70px;
            margin-left: 2px;
            font-size: 0.5em;
        }
        .carousel2{
            margin-top: 5.5vh;
        }
        .carousel2 .carousel-control-prev{
            width: 20px; /* Ajusta el tamaño de los controles del carousel */
            height: 90px;
        }
        .carousel2 .carousel-control-next{
            width: 20px; /* Ajusta el tamaño de los controles del carousel */
            height: 90px;
        }
        .ofertas_cursos h2{
            font-size: 0.6em;
            margin-top: 2vh;
        }
        .f-tienda svg{
            width: 3.5vh;
        }
        .f-tienda h4{
            font-size: 0.9em;
        }
        .f-tienda p, .tarjeta p, .section-cursos p {
            font-size: 0.5em;
        }
        .curso h3, .curso button{
            font-size: 0.7em;
        }
        .section-cursos h2{
            font-size: 0.9em;
        }
        .whatsapp-button{
            width: 15.3vh;
            font-size: 0.7em;
        }
        .whatsapp-button svg{
            width: 3.7vh;
        }
}
@media (min-width: 481px) and (max-width: 600px){
    .navheader2 img{
        width: 32%;
    }  
    .navheader2{
        width: 100%;
        display: flex;
        white-space: nowrap;
        align-items: center;
        height: 8.5vh;
    }
    .navheader2 h2{
        font-size: 1.2em;
    }
    .navheader2 aside{
        font-size: 0.8em;
        margin-left: 20%;
        margin-top: -2%;   
    }
    .search-container{
        width: 130px;
        height: 30px;
        margin-left: 5%;
    }
    .search-container input{
        width: 80px;
        margin-left: 2px;
        font-size: 0.5em;
    }
    .carousel2{
        margin-top: 5.5vh;
    }
    .carousel2 .carousel-control-prev{
        width: 25px; /* Ajusta el tamaño de los controles del carousel */
        height: 150px;
    }
    .carousel2 .carousel-control-next{
        width: 25px; /* Ajusta el tamaño de los controles del carousel */
        height: 150px;
    }
    
    .ofertas_cursos h2{
        font-size: 0.7em;
        margin-top: 2vh;
    }
    .f-tienda svg{
        width: 4vh;
    }
    .f-tienda h4{
        font-size: 0.9em;
    }
    .f-tienda p, .tarjeta p, .section-cursos p {
        font-size: 0.6em;
    }
    .curso h3, .curso button{
        font-size: 0.7em;
    }
    .section-cursos h2{
        font-size: 1em;
    }
    .whatsapp-button{
        width: 15.8vh;
        font-size: 0.75em;
    }
    .whatsapp-button svg{
        width: 3.8vh;
    }
}
@media (min-width: 601px) and (max-width: 768px){
    .navheader2 img{
        width: 25%;
    }  
    .navheader2{
        width: 100%;
        display: flex;
        white-space: nowrap;
        align-items: center;
        height: 8.5vh;
    }
    .navheader2 h2{
        font-size: 1.3em;
    }
    .navheader2 aside{
        font-size: 0.8em;
        margin-left: 20%;
        margin-top: -1%;   
    }
    .search-container{
        width: 140px;
        height: 30px;
        margin-left: 8%;
    }
    .search-container input{
        width: 90px;
        margin-left: 2px;
        font-size: 0.5em;
    }
    .carousel2{
        margin-top: 5.5vh;
    }
    .carousel2 .carousel-control-prev{
        width: 25px; /* Ajusta el tamaño de los controles del carousel */
        height: 150px;
    }
    .carousel2 .carousel-control-next{
        width: 25px; /* Ajusta el tamaño de los controles del carousel */
        height: 150px;
    }
    .ofertas_cursos h2{
        font-size: 0.8em;
        margin-top: 2vh;
    }
    .f-tienda svg{
        width: 4vh;
    }
    .f-tienda h4{
        font-size: 1em;
    }
    .f-tienda p, .tarjeta p, .section-cursos p {
        font-size: 0.7em;
    }
    .curso h3, .curso button{
        font-size: 1em;
    }
    .section-cursos h2, .curso h3{
        font-size: 1em;
    }
    .whatsapp-button{
        width: 18vh;
        font-size: 0.8em;
    }
    .whatsapp-button svg{
        width: 4vh;
    }

}
@media (min-width: 769px) and (max-width: 870px){
    .navheader2 img{
        width: 20%;
    }  
    .navheader2{
        width: 100%;
        display: flex;
        white-space: nowrap;
        align-items: center;
    }

    .carousel2{
        margin-top: 5.5vh;
    }
    .carousel2 .carousel-control-prev{
        width: 25px; /* Ajusta el tamaño de los controles del carousel */
        height: 190px;
    }
    .carousel2 .carousel-control-next{
        width: 25px; /* Ajusta el tamaño de los controles del carousel */
        height: 190px;
    }
    .f-tienda svg{
        width: 5vh;
    }
}
@media (min-width: 871px) and (max-width: 1022px){
  
   
    .carousel2 .carousel-control-prev{
        width: 35px; /* Ajusta el tamaño de los controles del carousel */
        height: 250px;
    }
    .carousel2 .carousel-control-next{
        width: 35px; /* Ajusta el tamaño de los controles del carousel */
        height: 250px;
    }
    .section-cursos p {
        font-size: 0.8em;
    }
}
@media (min-width: 1023px) and (max-width: 1250px){
}

/* Estilos para pantallas de escritorio pequeñas y laptos....ORIGINAL*/
@media (min-width: 1281px) and (max-width: 1366px) {
    
}