.portada_escolar{
width:100%;
}
.portada_escolar_movil{
width:100%;
display:none!important; 
}

@media(max-width:700px){
.portada_escolar{
width:100%;
  display:none!important;
}
.portada_escolar_movil{
width:100%;
display:block!important;
          margin-top: 4%;
}
}


.slider1 {
  width: auto;  
  margin: 30px 0px 1px;  
}
.slider1 .slick-slide {

  color: white; 
  padding: 0px
  font-size: 30px;
  font-family: "Arial", "Helvetica";
  text-align: center;
}
.slick-next {
    right: 26px!important;
}
.slick-prev {
    left: 26px!important;
    z-index: 200!important;
}
.slider1 .slick-prev:before,
.slider1 .slick-next:before {
  color: white;
}
.slider1.slick-dots {
  bottom: -30px;
}

.slick-dots li button:before{
    font-size: 8px!important;
}

/*sdasdasdasd*/













header{
     
-webkit-box-shadow: 1px 22px 23px -2px rgba(0,0,0,0.56);
-moz-box-shadow: 1px 22px 23px -2px rgba(0,0,0,0.56);
box-shadow: 1px 22px 23px -2px rgba(0,0,0,0.56);
    top: 0;
    transition: top 0.4s ease-in-out; 
 display: flex;
    justify-content: space-between;
    align-items: center;
  

    color: white;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
 backdrop-filter:blur(46px);
/*   box-shadow: 0px 0px 17px #feed01;     */
  border: 2px solid rgba(255, 255, 255, 0.18);     
  margin-left: 2%;
    width: 95%;
  border-radius:20px;
}

.nav-up {
    top: -100%;
}

.enlace{
    position: absolute;
    padding: 20px 103px;
}
.logo{
    height: 40px;
}
.header .ul{
    float: right;
    margin-right: 20px;
      margin: 10px;
    margin-right: 7%;
}
.header .ul .li{ 
    display: inline-block;
    line-height: 56px;
    margin: 0 5px;    
} 
.nav .ul .li .a{
    color: red!important;
    font-size: 18px;
    padding: 7px 13px;
    border-radius: 3px;
    text-transform: uppercase;
}
.as{ 
  color: #000 !important;
    font-size: 18px;
    margin: 3px;
}
/* .li .a.active, .li .a:hover{
    background: #000090;
    transition: .5s;
} */
.checkbtn{
    font-size: 30px;
    color: #fff;
    float: right;
    line-height: 80px;
    margin-right: 40px;
    cursor: pointer;
    display: none;
}
#check{
    display: none;
}
section{
    background: url(fondo.jpg) no-repeat;
    background-size: cover;
    background-position: center center;

}

@media (max-width: 952px){
    .enlace{
        padding-left: 20px;
    }
    .nav .ul .li .a{
        font-size: 16px;
    }
}

@media (max-width: 858px){
  header{
  margin-left: 0;
        width: 100%;
  }
  .header .ul {
    float: right;
    margin: 0;
}
  .enlace {
    padding: 27px
  }
      .checkbtn{
        display: block;
    }
  .as{
  color:white!important;
  }
  .header .ul .li {
    display: block;
    line-height: 56px;
    margin: 0 5px;
}
    .ul{
             backdrop-filter: blur(60px);   
        background: #8331a7;
        border-radius: 18px;
        height: 60px;
        left: -100%;
        position: fixed;
        text-align: center;
        top: 87px;
        transition: all .5s;
        width: 100%;
    } 

   
   .nav .ul .li .a{
        font-size: 20px;
    }
    .li .a:hover, .li .a.active{
        background: none;
        color: red;
    }
    #check:checked ~ .ul{
        left:0;
    }
}




@media(max-width:462px){

}

















/* Espaciado para evitar que el contenido quede cubierto por el menú fijo */
.contenido {
    padding-top: 60px; /* Ajusta según el tamaño de tu menú */
}
.dividor{

    margin-bottom: 0!important;
    margin: 0% 120px 0 !important;
    border: 1px solid #999999;
}

.logobanner{  
width:100%!important;
border-bottom: 1px solid #999999!important;
}

.logomovil{ 
display:none!important; 
}
@media(max-width:1013px){
 
}
@media(max-width:700px){

  .logo_header{
display:block;   
        width: 24%;
        margin-top: 1%;
        margin-left: 9%;
  }
}

@media(max-width:527px){
    .logo_header {
       margin: 1% 4px 4px 9%;
        width: 25%;
    }
}

@media(max-width:433px){
    .logo_header {
   margin: 1% 4px 4px 11%;
    width: 30%;
    }
}







.dnd-column{
    padding: 0px!important;
}
#NavStrip {
  position: relative; 
  display: block;
  list-style-type: none;
  margin:0;  
  padding:0;
/*   background-color: #20c1EA; */
/*   border:1px solid black; */
}  

#NavStrip .ul{text-align:center;}
#NavStrip .li {display: inline-block; border-radius:;width:15%;list-style:none;color:white;font-size:150%;border-left: 1px solid #999999;}
#NavStrip .li a {display:block;padding: 15px;text-decoration:none;color:black;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
#NavStrip .li a:hover {color: white;text-shadow: -1px 1px 5px #20c1EA, 1px -1px 5px #00aec6;background-color:#6aaed3;font-weight:bold;}  

#NavStrip .ul, .li {padding:0px;margin-bottom: 0px!important;}
 
#NavStrip label {display: none;}
#menu-toggle {   
  display: none; /* hide the checkbox */}

@media all and (max-width: 700px) and (min-width: 0px) { 
  #NavStrip {text-align:right;}
  #NavStrip label {        color: #000;
        cursor: pointer;
        display: block;
        float: right;
        font-size: 150%;
        height: 50px;
        line-height: 50px; 
        text-align: center; 
        width: 50px; 
        margin-top: 21px;
            margin: 0 auto;  
        margin-right: 44%;
  }
   
  #NavStrip #nav {display: none;}
      
  #NavStrip .li {width: 100%;border:0px;font-size: 124%;padding: 1px;}
  #menu-toggle:checked + #nav {display: block;}
  #NavStrip label:active #nav {display: none;}
}


@media(max-width:857px){

.dividor{
    margin: 0px !important;
}
.logobanner{
width:100%!important;
  display:none!important;
}

.logomovil{ 
display:block!important;
  width:100%!important;
}

}










.popup-wrap,.popup-wrap2,.popup-wrap3,.popup-wrap4,.popup-wrap5,.popup-wrap6{
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px; 
  content: "";

}

.popup-box, .popup-box2, .popup-box3, .popup-box4, .popup-box5, .popup-box6 {
  width: 70%;
  padding: 20px;
  transform: translate(-50%, -50%) scale(0.5);
  position: absolute;
  top: 50%; 
  left: 50%;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  background: #fff;
  text-align: center;
}

.popup-box .close-btn,.popup-box2 .close-btn2, .popup-box3 .close-btn3, .popup-box4 .close-btn4, .popup-box5 .close-btn5, .popup-box6 .close-btn6 {
  width: 35px;
  height: 35px;
  display: inline-block;
  position: absolute;
  top: 10px; 
  right: 10px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border-radius: 1000px;
  background: #d75f70; 
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  line-height: 190%;
}
  {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.transform-in, .transform-out {
  display: block;
  -webkit-transition: all ease 0.5s; 
  transition: all ease 0.5s;
  z-index:1000;
}

.transform-in {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.transform-out {
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
}





.bubbly-button {
  font-family: "Helvetica", "Arial", sans-serif;
  display: inline-block;
  font-size: 1em;
  padding: 1em 2em;
  -webkit-appearance: none;
  appearance: none;
  background-color: black; 
  color: #fff;
  border-radius: 4px;
  border: none;
  cursor: pointer; 
  position: relative;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s; 
  box-shadow: 0 2px 25px #64968a;
}

.bubbly-button:active {
  transform: scale(0.9);
  background-color: black;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}
.bubbly-button.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}
.bubbly-button.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}