*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* border: 1px solid red; */
    font-family: Arial, Helvetica, sans-serif;
    /* transition: all .5s ease-in-out; */
}
html{
    scroll-behavior: smooth;
}
:root{
        --color1: #042799;
        --color2: #9F128E;
        --color3: #E43272;
        --color4: #FF7457;
        --color5: #FFB84D;
        --color6: #F9F871;
        --color7: #F4ECFF;
        --color8: #484554;

}
body{
    padding: 1px;
    position: relative;
    /* background-color:white; */
}

.nav{
    width: 100%;
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    position: fixed;
    z-index: 99999999999999999999;
    border-bottom: 1px solid var(--color1);
    background-color: white;
    backdrop-filter: blur(9px);
    top: 0PX;
}
.section_containerLH{
    width: 15%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 2px solid blue; */
    padding: 4px;
    gap: 10px;
    position: relative;
    left: 30px;
    /* background-color: red; */
}
.ham{
    width: 30px;
    height: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    /* background-color: blue; */
    cursor: pointer;
    transition: all .5s ease;
    /* border: 2px solid red; */
}
.tache{
    width: 30px;
    height: 15px;
    display: flex;
    flex-direction: column;
    /* position: absolute; */
    justify-content: space-between;
    cursor: pointer;
    transition: all .4s ease;
    display: none;
    /* border: 2px solid red; */


}
.tache span{
    width: 100%;
    height: 3px;
    background-color: var(--color1);
    transition: all .5s ease;

}
.tache span:nth-child(1){
    transform: rotate(45deg) translateY(3px);
    transform-origin: center;
    transition: .4s ease;
    /* border: 2px solid red; */


}
.tache span:nth-child(2){
    transform: rotate(-45deg) translateY(-2px);
    transform-origin:center ;
    transition: .4s ease;

}


.vertache{
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999999;
    transition:all .4s ease;
    transform-origin: center;

}
.ocultar{
    display: none;
    /* background-color: red; */
}

.liMenu{
    display: block;
    width: 100%;
    height: 3px;
    background-color: var(--color1);

}
.logoB{
    display: flex;
    justify-content: center;
    text-decoration: none;
    text-align: center;
    /* color: var(--color1); */

}
.formula{
    color: black;
}
.logo_section{
    width: 45%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* overflow: hidden;  */
       /* border: 2px solid rgb(255, 116, 47); */
       font-size: 20%;
       cursor: pointer;
       /* background-color: #042799; */
       text-align: center;

}
.img_logo{
    width: 56%;
    position: relative;
    right: 5px;
    background: none;

}
.slogan_container{
    width: 40%;
    height: 90%;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color1);
    opacity: .6;
    /* border: 2px solid red; */
}
.iconos_container{
    width: 40%;
    height: 90%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-evenly;
    align-items: center;
}
.icono{
    width: 40px;
    height: 40px;

    /* border: 1px solid red; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:50% ;
    transition: all .3s ease-in-out;
}
/*
ontenedor de telefonos contenedor de telefonos contenedor de telefonos  contenedor de telefo nos contenedor de telefonos
*/


.telefonos_container{
    padding: 5px 15px;
    position: absolute;
    top: 60px;
    background-color: white;
    display: none;
    transition: all .3s;
    background-color: var(--color1);
    border-radius: 10px;
    
    
}
.telefonos_container:hover{
    display: block;
}
.telefonos_container p{
    color: var(--color7);
    text-align: center  ;
}
.telefonos_container ul {
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    /* background-color: var(--color1); */
    color: var(--color7);
    box-shadow: 0px 9px 19px 1px black;
    border-radius: 10px;

    text-align: center;
}

.telefonos_container ul{
    list-style: none;
}
.telefonos_container p{
    font-size: 1.3rem;
    padding: 9px 3px;
}

/*
contenedor de correos contenedor de correos contenedor de correos contenedor de correo
*/


.correos_container{
    width: 27%;
   padding: 20px;
    background-color: var(--color1);
    position: absolute;
    top: 60px;
    right: 15px;
    box-shadow: 4px 3px 19px 1px black;
    border-radius: 20px;
    display: none;
    
    

}
.correos_container .cta_correo{
    color: var(--color7);
    text-align: center;
    display: block;
    /* background-color: red; */
    transition: all .5s ease;
    margin: 20px auto;
    
}
@keyframes entrada{
    0%{
        transform: scale(0);
    }
    100%{
        transform: scale(1);
    }
}


.icono:hover{
    
    background-color: #6982d68a;
}
.fono{
    width: 25px;
    
    cursor: pointer;
    border-radius: 50%;
}


.buttons{
    width: 20%;
    height: 100vh;
    position: relative;
    top: 70px;
    /* left: -100%; */
    /* border: 2px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    transition: all 1s ease;
    padding-left: 0px;
    /* background-color: blue; */
    display: none;
    /* background-color: #f4ecff; */
    background-color: white;
    /* backdrop-filter: blur(20px); */
    /* backdrop-filter: blur(100px); */
}
.listaDeOpciones{
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    /* border: 2px solid red; */



    /* background-color: aquamarine */




}


.opcion{
    width: 100%;
    text-align:justify ;
    color: var(--color1);
    font-size: 1rem;
    cursor: pointer;
    font-weight: 900;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    /* text-shadow: 3px 2px 6px black; */
    /* background-image: url("./assets/fondoMenu.svg"); */

}
.opcion:hover{
    border-bottom: 4px double var(--color1);
}
.menuActive{
    display: flex;
    left: 0px;
    transition: all 1s ease-in-out;
    border-right: 1px solid rgba(0, 0, 0, 0.452);
    animation: entradaMenu .3s ease;
    position: absolute;
    /* background-image: url("assets/fondoMenu.svg"); */





}



/* slider show */


.s_container{
    width: 500%;
    height: 100%;
    display: flex;
    position: absolute;
    /* background-color: red; */
}
.texto{
    width: 400px;
    height: 70px;
    text-align: justify;
    text-size-adjust: 20;
}
.itemCarrera{
    width: 90%;
    height: 80%;
    /* border: 2px solid var(--color3); */
}
.oz{
    display: flex;
    z-index: 9999;
    width: 300px;
    height: 300px;
}




.closse{
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 999;
    cursor: pointer;
    background-color: red;
    color: whitesmoke;
    font-weight: 800;
    /* padding: 5px; */
    display: none;
}
@keyframes entradaMenu {
    0%{
        transform: translateX(-100%);
    }
    100%{
        transform: translateX(0);
    }
    
}


/*       end menu      end menu      end menu end menu end menu */
/*       end menu      end menu      end menu end menu end menu */

/*       end menu      end menu      end menu end menu end menu */

/*       end menu      end menu      end menu end menu end menu */

/*       end menu      end menu      end menu end menu end menu */


.seguirEst{
    width: 100%;
    height: 113px;
    background-image: linear-gradient(15deg, rgba(6, 6, 204, 0.795), rgba(139, 139, 237, 0.712));
    margin-top: 50px;
    color: whitesmoke;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* border: 3px solid red; */
}
.seguirEst h2{
    position: relative;
    top: 10px;
    font-size: 3rem;
    text-shadow: 3px 2px 9px rgba(29, 29, 29, 0.719);
    /* border: 2px solid red; */

}
.seguirEst div p span{
    /* background: red; */
    font-size: 2rem;
    text-shadow: 3px 2px 9px rgba(29, 29, 29, 0.719);
    cursor: pointer;
    font-weight: 900;
}
.cbeca{
    /* border: 2px solid red; */
    /* position: relative; */
    top: 10px;
}
.aunes{
    font-size: 1.3rem;
}
.timeEs{
    font-size: 1.4rem;
    color: var(--color7);
}


.header_container{
    width: 100%;
    height: 70vh;
    overflow: hidden;
    /* background-image: linear-gradient(rgba(0, 0, 255, 0.446), rgba(255, 255, 255, 0.457)), url(img/logoSolo\ 1.png); */
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    /* background-attachment: fixed; */
    /* box-shadow: inset 0px -9px 12px rgba(0, 0, 0, 0.411); */
    background-image: url("img/fondo\ marca\ de\ agua.png");
    background-position: center;
    background-size: 69%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;

}
.seguirEst::before{
    content: "Más de 25 años formando jóvenes profesionales, la primera escula particular de carreras técnicas en la zona.";
    position: absolute;
    left: 50PX;
    top: 200PX;
    color: var(--color3);
    width: 50%;
    /* border: 2PX SOLID RED; */
    z-index: 9999;
    font-size: 2rem;
    font-weight: 800;
    animation:  entradaSlogan 1s ease ;
    text-shadow: 3pX 3pX 9px rgba(9, 9, 13, 0.358);

}

.inscripAbierta{
    width: 27%;
    height: 70px;
    /* position: fixed; */
    background-color: var(--color3);
    color: whitesmoke;
    text-align: center;
    line-height: 70px;
    cursor: pointer;
    /* animation: entradaI 1s ease-in ; */
    position: absolute;
    top: 100px;
    right: 100px;
    z-index: 99999;
}
#formulario {
    width: 35%;
    height: 65%;
    position: absolute;
    right: 20px;
    border-radius: 20px;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    /* border: 2px solid greenyellow; */
    padding: 30px 20px;
    backdrop-filter: blur(5px);
    gap: 10px;
    background-color: var(--color1);
    top: 180px;
    /* display: none; */
}
#for_trucho{
    background-color: var(--color1);
    /* display: none; */
    color: whitesmoke;
    border-radius: 20px;
    /* font-size: 4px; */


}
form input{
    padding: 5px 9px;
    background-color: var(--color7);
}
form p{
    /* background-color: red; */
    width: 85%;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  /* margen: 0;  */
}

form button{
    background-color: red;
    display: inline-block;
    background-color: var(--color7);
    width: 30%;
    height: 15%;
    border-radius: 5px;
}
form button:hover{
    background-color: rgb(17, 189, 17);
    color: var(--color7);

}

.fondorojo{
    /* background-color: red; */
    display: inline-block;
}
.formActive{
    display: block;
    z-index: 99999999;
    /* background-coslor: red; */
}

.campo{
    width: 80%;
    height: 30%;
    border: 1px solid blue;
    font-size: 20px;

    /* background-color: var(--color1); */
    color: var(--color1);
    /* font-weight:  */
}
.campo:focus{
    border: none;
    font-size: 22px;

}


.inscripAbierta:hover{
    text-shadow: 3px 4px 7px var(--color8);
    border: 3px double var(--color6);
}

.horarios_main{
    width: 50%;
    height: 70%;
    /* border: 2px solid  greenyellow; */
    position: relative;
    top: 140px;
    left: 100px;
    color: var(--color1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* backdrop-filter: blur(3px); */
    /* text-shadow: 3px 3px 5px black; */
    /* border-radius: 50%; */
}
.horarios_main ul{
    list-style: none;
    

}
.horarios_main h2:nth-child(1){
    text-decoration: underline;
    font-size: 2rem;
}
.horarios_main h2:nth-child(6){
    text-align: center;
    /* background-color: red; */
}
/*
boton whatss
*/
.button_whats{
    position: fixed;
    z-index: 99999999999999999;
    border: 5px solidred;
    bottom: 10px;
    right: 10px;
    background: none;
    border: none;
    filter: drop-shadow(3px 4px 7px  black);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    /* box-shadow: 3px 2px 0px 2px rgb(78, 76, 76); */

}
.button_whats:hover{
    animation: tiembla .3s ease infinite  ;

}
.icono_whats{
    width: 70px;
}
@keyframes tiembla {
    0%{
        transform: rotate(5deg);
    }
    20%{
        transform: rotate(9deg);
    }
    50%{
        transform: rotate(-5deg);
    }
    75%{
        transform: rotate(7deg);
    }
    100%{
        transform: rotate(0deg);
    }

}
.areasd{
    text-align: center;
}

.carreras_container{
    position: relative;
    width: 98%;
    height: 180vh;
    margin: 0 auto;
    display: flex;

    flex-wrap: wrap;
   
    gap: 15px;
    padding: 13px;
    margin: 0 auto;
    /* transition: all .5s ease; */
    /* border: 2px solid red; */

}
.carreras_container div{
    position: relative;
    width: 30%;
    height: 30%;
    background-color: var(--color1);
    color: whitesmoke;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    
    z-index: 1; 
    padding: 40px 15px;
    /* border: 1px solid red; */
     transition: all .5s ease-in-out;
    margin: 0 auto;
    border-radius: 25px;

}
.whatsb{
    text-decoration: none;
    color: white;
    font-weight: 800;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    transition: all .5s ;
    border: 1px solid var(--color7);
    z-index: 99999;
    
}
.whatsb:hover{
    background-color: var(--color7);
    color: var(--color1);
    box-shadow: 2px 3px 12px 1px var(--color8);
}
.carrera_item:hover{
    height: 30%;
    box-shadow: 3px 6px 12px 0px var(--color8);
    transition: all.4s ease;
    background-color: var(--color3);
}
.carrera_item:hover article{
    display: flex;
    transition: all .4s ease-out;
    justify-content: space-evenly;
    flex-direction: column;



}
.carrera_item article ul{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.itemPrepa h2{
    text-align: center;

}
.dosh{
    text-align: center;
    font-style: italic;
    font-weight: 100;
}







.cari{
    width: 70%;
    position: absolute;
    right: -140px;
    top: 45px;
    filter: drop-shadow(4px 2px 9px var(--color8));
    transition:  1s ease-out;
    background: none;
    z-index: 9999;
}
.carrera_item{
    height: 30%;
}


.enfermera_img{
    width: 50%;
    position: absolute;
    right: -50px;
    border-radius: 20px;
}

.compu2{
    position: absolute;
    width: 50%;
    top: 210px;
    left: -150px;
    filter: drop-shadow(4px 3px 6px var(--color8));
}



.cheff{
    left: -135px;
}
.carrera_item article{
    display: none;
    width: 80%;
    height: 500px;
    /* border: 2px solid rgb(0, 255, 13); */
    transition: all .4s ease-out;
    margin: 0 auto;

}


.sec_carrerasT{
    width: 100%;
    height: 90px;
    /* text-align: center; */
    font-size: 2.5rem;
    opacity: .5;
    /* border: 2px solid blue; */
    margin-bottom: 10px;

}
.carrera_titulo{
    position: static;
}

.descrip_carrera ol{
    /* background-color: gray; */
    width: 50%;
    height: 50%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    list-style: square;
    font-size: 20px;
    /* background-color: red; */

}
.dosh, h3{
    text-align: center;
}
.titulo_active{
    /* position: absolute; */
    color: black;
}
.expandir{
   color: red;

}
/* cursos container */

.cursos_container{
    width: 100%;
    height: 50vh;
    margin-top: 80px;
}
.cursos_container h1{
    text-align: center;
    font-size: 4rem;
    color: #484554;
    opacity: .7;
}
.cursos_container h2{
    text-align: center;
}
.grid_cursos{
    width: 80%;
    height: 50%;
    margin: 10px auto;
    /* border: 2px solid red; */
    display: grid;
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 30px;

}
.curso{
    width: 100%;
    height: 50px;
    background-color: var(--color2);
    color: var(--color7);
    text-align: center;
    line-height: 50px;
}






/* footer */
.footer{
    width: 100%;
    height: 60vh;
    background-image: linear-gradient(-45deg, blue, rgb(3, 3, 77));
    position: absolute;
    bottom: px;
    z-index: 9;
    position: relative;
    margin-top: 50px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    overflow: hidden;
}
.patron_container img{
    width: 100%;
    filter: drop-shadow(-5px 5px 12px rgba(0, 0, 0, 0.555));
    position: absolute;
    top: 0px;
    left: 0;
}
.item_footer{
    width: 25%;
    height: 90%;
    /* border: 2px solid red; */
    z-index: 999999999;
    /* backdrop-filter: blur(3px); */
    color: whitesmoke;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* border: 2px solid red ; */
    /* box-shadow: 3px 4px 9px 0px var(--color8);
    border-radius: 50px; */
    gap: 15px;
}

.footer .item_footer:nth-child(1) ul{
   list-style: none;
   /* border: 2px solid red; */
   height: 40%;

}
.foofter .item_footer:nth-child(1) h3{
    padding: 5px ;
}
.footer .item_footer:nth-child(2){
    justify-content: center;
    /* background-color: red; */
}
.foot_cta{
    color: whitesmoke;
    text-decoration: none;
    opacity: .8;
    transition: all .1s ease-in ;

}
.foot_cta:hover{
    text-decoration:  underline;
    opacity: 1;

}
.icon_redes_container{
    width: 100%;
    height: 70%;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: flex-start;
    /* background-color: #484554; */
}
.icono_red{
    width: 50px;
    /* background-color: red; */
}
.cta_red{
    color: var(--color7);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.aviso_container{
    width: 100%;
    height: 100vh;
    background-color: rgba(88, 86, 86, 0.586);
    position: fixed;
    top: 0px;
    z-index: 9999999999;
    display: none;
    backdrop-filter: blur(4px);

}
.aviso_text{
    background-color: whitesmoke;
    width: 80%;
    height: 80vh;
    margin: 50px auto   ;
    position: relative;
    scroll-behavior: smooth;
    overflow-y: scroll;


}
.aviso_active{
    display: block;
    /* background-color: red; */

    z-index: 999999999999;
}
.cerrar_aviso{
    position: absolute;
    right: 1%;
    top: 2%;
    width: 2%;
    /* background-color: rgba(255, 0, 0, 0.99); */
    color: var(--color7);
    height: 3%;
    font-size: 1rem;
    font-weight: 900;
    opacity: .5;
    cursor: pointer;
    position: f;
}
.cerrar_aviso:hover{
    opacity: 1;
    box-shadow: 3px 2px 9px var(--color8);

}
.aviso_text_completo{
    width: 80%;
    margin: 5px auto;
    /* border: 2px solid red; */
    /* background-color: red; */
    text-align: justify;
}
.column_table{
    width: 250px;
    height: 350px;
    /* border: 2px solid red; */
    display: inline-block;
    
    
}

.tabla_container{
    /* border:2px solid red; */
    width: 70%;
    height: 70%;
    position: relative;
    top: 35px;
    right: 15px;
    display: flex;
    justify-content: space-evenly;
    gap: 30PX;
    /* border: 2px solid red; */
}
.tabla_container ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    gap: 10px;
    list-style: none;
}
.tabla_container ul li{
    font-weight: 700;
    
}
.tabla_container td:nth-child(1) ul li{
    font-size: 19px;
}
.tabla_container td:nth-child(2) ul li{
    font-size: 19px;
}
.section_desarrollo{
    width: 100%;
    height: 25px;
    background-color: black;
    display: flex;
    justify-content: space-around;
}
.direccion_footer{
    width: 130%;
    border: 2px solid red;
}
.sec_desarrollo{
    width: 20%;
    height: 100%;
    border: 1px solid whitesmoke;
}


/* modo laptop   mod laptp 00   *//* modo laptop   mod laptp 00   */
/* modo laptop   mod laptp 00   *//* modo laptop   mod laptp 00   */
/* modo laptop   mod laptp 00   *//* modo laptop   mod laptp 00   */
/* modo laptop   mod laptp 00   *//* modo laptop   mod laptp 00   */
/* modo laptop   mod laptp 00   */


@media screen and (max-width: 1550px) and (min-width: 1262px) {

body{
    
}
.slogan_container{
    font-size: .9rem;
}
.nav{
    z-index:9999999999999999999;
}
.correos_container{
    width: 40%;
}
.header_container{
    /* border: 3px solid green; */
    position: relative;
    padding: 1px;
    height: 90vh;
}
.inscripAbierta{
    display: none;
}
#formulario{
    padding: 20px;
    /* border: 2px solid red; */
    top: 100px;
}
.seguirEst{
    /* border: 2px solid red; */
}
.seguirEst h2{
    font-size: 2.5rem;
}
.seguirEst::before{
    content: "Más de 25 años formando jóvenes profesionales, la primera escula particular de carreras técnicas en la zona.";
    position: absolute;
    left: 50PX;
    top: 200PX;
    color: var(--color3);
    width: 50%;
    /* border: 2PX SOLID RED; */
    z-index: 9999;
    font-size: 2rem;
    font-weight: 800;
    animation:  entradaSlogan 1s ease ;
    text-shadow: 3pX 3pX 9px rgba(9, 9, 13, 0.358);

}
@keyframes entradaSlogan {
    0%{
        transform: scale(.2);
        opacity: .2;
    }
    100%{
        transform:  scale(1);
        opacity: 1;
    }
    
}


.horarios_main{
    width: 50%;
    height: 70%;
    /* border: 2px solid  greenyellow; */
    position: relative;
    top: 140px;
    left: 100px;
    color: var(--color1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(3px);
    /* text-shadow: 3px 3px 5px black; */
    /* border-radius: 50%; */
}




.tabla_container{
    /* border:2px solid red; */
    width: 80%;
    height: 70%;
    position: relative;
    top: 35px;
    right: 15px;
    display: flex;
    justify-content: space-evenly;
    gap: 30PX;
    /* border: 2px solid red; */
}
.carreras_container{
    height: 200vh;
}
.carreras_container div{
    width: 40%;
    height: 22%;
    z-index:-1;

}
.carrera_item:hover{
    height: 22%;

}
.cari{
    width: 55%;
}
.carrera_item:hover{
    height: 33%;
}
.compu2{
    margin-left: 500PX;
    /* border: 2PX SOLID greenyellow; */
}



.minimapa iframe{
    /* border: 2px solid red; */
    width: 120%;
    
}

    
}

/*
tablet mode  tablet mode  tablet mode tablet mode  tablet mode  tablet mode 
tablet mode  tablet mode  tablet mode tablet mode  tablet mode  tablet mode 
tablet mode  tablet mode  tablet mode tablet mode  tablet mode  tablet mode 
tablet mode  tablet mode  tablet mode tablet mode  tablet mode  tablet mode 

*/
@media  screen and (min-width: 767px) and (max-width: 1262px) {

    /* nav */
    .img_logo{
        width: 100%;
    }
    .slogan_container{
        font-size: .6rem;
        /* background-color: red; */
        
    }
    .buttons{
        width: 30%;
    }
    .listaDeOpciones{
        text-align: center;
        /* background-color: red; */

    }


    /* nav */
    .nav{
                z-index:9999999999999;

    }
    .seguirEst{
        margin-top: 70px;
        height: 120px;
        text-align: center;
    }
    .seguirEst h2{
        font-size: 2.5rem;
        top: 0px;
    }
    .seguirEst div p span{
        font-size: 1.5rem;
    }
    
    .header_container{
        /* border: 3px solid var(--color1); */
        background-size: 75%;
        height: 100vh;


    }
    .seguirEst::before{
        display: none;
    }
    .button_whats{
        left: 89%;
    }
    .inscripAbierta{
        right: 50px;
        display: none;

    }
    
    .horarios_main{
        width: 100%;
        height: 54%;
        position: relative;
        top: 0px;
        left: 0;
        margin: 0 auto;
        display: flex;
        /* background-color: red; */
        
    }
   
    .tabla_container{
        /* background-color: rgb(41, 143, 221); */
        width: 70%;
        height: 50%;
        justify-content: space-around;

    }
    .form_container{
        width: 80%;
        /* background-color: red; */
    }
    #formulario{
        position: relative;
        width: 100%;
        height: 100%;
        position: relative;
        margin: 0 auto;
        top: 0px;
        right: 0;
    }
    #for_trucho{
        /* background-color: red; */
        margin: 0 auto;
        position: relative;
    }
    .carreras_container{
        top: 50px;
        height: 200vh;
        flex-wrap: wrap;
    }
    .carreras_container div{
        width: 40%;
        height: 20%;
        text-align: center;
        /* background-color: red; */
    }
    .cari{
        right: -100px;
        
    }
    .descrip_carrera ol{
        width: 100%;
        /* background-color: #484554; */
    }
    .footer{
        height: 150vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }


    
    
}
@media screen and (max-width: 767px){
    body{
        padding: 0;
    }
.nav{
    /* background-color: red; */
    padding-top: 5px;
    position: fixed;
}

.buttons{
    width: 50%;
}
.section_containerLH{
    width: 30%;
    border: 2px solid ridge;
}
.ham{
    width: 40px;
}
.logo_section{
    width: 110%;
    /* background-color: blue; */
}
.img_logo{
    
    /* background-color: red; */
}

.slogan_container{
    display: none;
}
.telefonos_container{
    width: 70%;
    /* border: 2px solid red; */
    right: 0;
}
.correos_container{
    right: 0;
    width: 100%;
    /* border: 2px solid red; */
}
.seguirEst{
    height: 150px;
    padding: 15px;
    display: flex;
    justify-content: center;
    gap: 2px;
    /* background-color: red; */

}
.seguirEst h2{
    font-size: 1rem;
    padding: 2px;
}
.seguirEst div p span{
    font-size: .5rem;
}
.cbeca{
    width: 1005;
    font-size: 12px;
    /* background-color: red; */
    gap: 5px;
    padding: 3px;
}
.aunes{
    font-size: 1rem;
}
.timeEs{
    font-size: 1rem;
}
.cebecad p:nth-child(1){
    font-size: .5rem;
}
.header_container{
    /* background-color: red; */
    height: 150vh;
    /* background-color: red; */
    flex-direction: column-reverse;
    background-size: 200%;
    background-attachment: fixed;

    
}
.seguirEst::before{
    display: none;
}
.inscripAbierta{
    display: none;
}

.horarios_main{
    width: 100%;
    /* border: 2px solid red; */
    top: 0px;
    height: 50%;
    padding: 20px;
    left: 5px;
    /* flex-direction: row; */


}

.form_container{
    width: 100%;
    height: 60vh;
    position: relative;
    background-color: whitesmoke;
    /* box-shadow: 0px 12px 2px 4px red; */
   

}
#for_trucho{
    width: 100%;
    /* background-color: red; */background-color:transparent;
    color: var(--color1);
  
    

}
#formulario{
    width: 100%;
    height: 100%;
    position: static;
    margin: auto;
    /* background-color: #F9F871; */
    border-radius: 0;
    background-color: transparent;
    border: none;



}
form input{
    border: none;
    outline: none;
}
.horarios_main{
    width: 100%;
    height: 40vh;
    /* border: 2px solid brown; */
}


.tabla_container{
    width: 100%;

    display: flex;
    flex-direction: row;
    /* background-color: red; */
    right: 00;
    gap: 0;
    top: 20px;
    left: 0;
}
.tabla_container td:nth-child(1) ul li{
    font-size: 15px;
}
.tabla_container td:nth-child(2) ul li{
    font-size: 15px;
    width: 130%;
    /* color: red; */
    flex-direction: row;
}


.horarios_main ul{
    width: 100%;
    /* border: 2px solid greenyellow; */
    
}
.timer{
    /* background-color: purple; */
width: 80%;
    
}
.timer li{
    font-size: 1opx;
}
.column_table{
    width: 50%;
    font-size: 12px;
    font-weight: 300;
    margin: 0 auto;
}
.button_whats{
 position: absolute;
 right: 50%;
  
}
.icono_whats{
    width: 50px;
}




.carreras_container{
    background-color: transparent;
    margin-top: 100px;
    height: 250vh;
}
#nav_car{
    background-color: transparent;
    font-size: 1.2rem;
}
.carreras_container div{
    height: 20%;
    width: 100%;
   
}
.cari{
    left: 170px;
    top: 200px;
}
.chicaprepa{
    left: 200px;
}
.compu2{
    right: -100px;
    top: 300px;
    position: absolute;
}
.footer{
    margin-top: 500px;
    width: 100%;
    height: 100vh;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
    /* z-index: 999999999999; */

}
.item_footer{
    /* border:2px solid red; */
    width: 100%;
    
}

.icon_redes_container{
    width: 100%;
    height: 30vh;
    align-items: stretch;
}
.icon_redes_container a:nth-child(3){
    /* background-color: red; */
    
    margin-left: -35px;
}
.minimapa{
    padding: 10px;
    width: 100%;
}
.minimapa iframe{
    width: 100%;
    margin: 10px auto;
}
.minimapa h2{
    font-size: 1rem;
    margin: 5px auto;
}
.cta_aviso{
    display: none;
}
}