/*=================ESTILOS DEL CARRUSEL===================**/
  .carrusel{
    display: grid;
    grid-gap: 20px;
    }

  .tituloProducto{
    font-family: Gotham-Bold;
    color: #636363;
    font-size: 15px;
    padding: 10px 20px;
  }

  .subTitProducto{
    font-family: GothamMedium;
    color: #636363;
    font-size: 14px;
    padding-left:20px;
    margin-top: -20px;
  } 

  .content-box .lista{
    margin-left: 25px;
  }
  .content-box ul{
    margin-left:10px;

  }

 .lista  span{
  
    font-family:GothamBook;
    color: #7A7878;
    font-size: 13px;

  }

  .listaUno{
    margin-top: -20px;
  }
  
   .lista li{
    color: orange;

  } 

  .estilosCajas{
    height: 320px;
    box-shadow: 0px 0px 5px 1px gray;
    width: 85%;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .margenCaja{
    margin-left: 40px;  width:100%;  
  }


.flechaIzqDesk{
  position:absolute;

  left:90px;
}

.flechaDerDesk{
  position:absolute;

  right:70px;
}


.carousel__anterior{
  z-index: 10;
  margin-top: -70px;
  padding-top: 90px;
  color: red;
  opacity: .5;
  height: 250px;
  cursor: pointer;


}
.carousel__anterior:hover{
   color: red;
  opacity: 1;
}

.carousel__siguiente{
  z-index: 10;
  margin-top: -70px;
  padding-top: 90px;
  color: red;
  opacity: .5;
  height: 250px;
  cursor: pointer;


}
.carousel__siguiente:hover{
   color: red;
  opacity: 1;
}

/*=========================================================*/





    .div_plogos{
      /*height: 210px;*/
    }
    .texto_pequenio{
      padding: 30px 10px
    }
    .div_img_prom{
      margin: 10px 0px;
      height: 200px;
    }
    .img-fluid{
      max-height: 100%;
    }
    .div_img_prom_sin_img{
      margin: 0px;
      height: 10px;
    }
    .plogosnote{
      position: inherit;
    }





    .nav-item{
      margin-left: auto;
      padding: 0px 15px;
    }

    #p_prod_base{
      margin: 0px;
    }
    #p_prod_base span{
      font-size:2rem;
      color: #ec0928;
      font-family: GothamBook;
    }
    #p_modulos{
      margin: 0px;
    }
    .canvasDivInfo{
      font-size: .85vw;
    }

    .canvasDivInfo ul {
      list-style: none;
    }
    .canvasDivInfo ul li::before {
      content: "\2022";
      color: orange;
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em;
      margin-bottom: 5px;
    }
    #div_modulos hr{
      margin-top: 0px;
    }
    #div_modulos .item_mod{
      margin-bottom: 5px;
    }
    .item_down_mod{
      background-color: #E6E7E8;
    }
    .mod_asistencia{
      border: solid 3px #E6E7E8;
      border-radius: 15px;
      padding: 40px 20px  0px 20px;
      margin: 30px;
    }
    .mod_asist_act{
      border: solid 3px #8CC53F;
    }
    .mod_asistencia ul {
      list-style: none;
    }
    .mod_asistencia ul li::before {
      content: "\2022";
      color: orange;
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em;
    }
    .mod_asistencia img{
      height: 80px;
      position: absolute;
      top: -15px;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      text-align: center;
    }
    #modulo_textB{
      margin: 0px;
      font-size: 24px;
    }
    #modulo_textB span{
      font-size: 21px
    }
    #p_costo{
      margin: 0px;
    }
    #p_costo2{
      margin: 0px;
      font-family: GothamBook;
      font-size: 16px;
    }




/*=== ESTILO PAFRA ELTITULO PRINCIPAL DL LA IMG DEL BANNER =======*/
.titPrinImg{
  font-size: 33px;
  font-family: Gotham-Bold;

}


/*=====ESTILO DEL PARRAFO UNO DEL BANNER===*/
.parrDos{
  font-size: 18px;
  margin-bottom:10px;
  letter-spacing: .3px;
  font-family: GothamBook;

}



/*===estilos para el span uno del baner===*/
.spanUno {
  color: red;
font-family:Gotham-Light 
}



.parrTres{
  font-size:16px;
  margin-bottom:2px;
  font-family:GothamBook;
}



.titlCajas{
  font-size:15px;
  color:#544f62;
  font-family:Gotham-Bold;
}


.subCajas{
  font-size: 13px;
  color:#544f62;
  font-family:GothamMedium;
}


.txtCajas{
  font-size:13px;
  font-family:Gotham-Light;
}
.txtCajasDos{
  font-size: 13px;
  font-family: Gotham-Light; 
}

.parrafIncre{
  color: #544f62; 
  font-family: Gotham-Light;
}


.txtModulos{
  font-family: Gotham-Light;
  font-size: 15px;
  text-align: left;
}


.Modulos{
  color:#544f62;
  font-size: 14px;
  text-align: left;
}
.vermas{
  font-family: GothamBook;
  font-size: 14px;
  cursor: pointer;
}

.txtRecordatorio{
  font-size: 23px;
  color: #544f62;
  font-family: GothamBook;
}

.pesos{
    color: #544f62;
  font-family: Gotham-Bold;
  font-size: 15px;
}

/*ESTILO PARA EL FOOTER  -- TERMINOS Y CONDICIONES-*/

.footerTerminos{
  padding-left: 270px;
  height: 40px; 
  background-color: #f0f1f1;
}

.footerTerminosDos{
  position: relative; top: 9px;
  color: #b01657;
  text-decoration:none;
  font-size: 12px; font-family: GothamBook
}



.iconosTerminos{
  font-size:17px;
  position: relative;
  top:2px;
  margin-left: 10px;
  color: #ABAEAE;
}


.flecha{
  margin-bottom:-22px;
}


.infor{
  display: none;
}


#baja{
  display: none;
}

#entrelinea{
    line-height: 13px;
}

.mod_asistencia2 ul li{
  margin-left: 18px;
  color: orange;
}

.mod_asistencia2 ul li span{
 color: #808184;
  margin-left: -135px;
 
}
 .lista{
    margin-left: -70px;
 }
  
.listaDos{
  margin-left: -80px;
}


.listaTres{
  margin-right: 45px;
}




}

/*===============CARRUSEL==============*/

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



 }


/*======================================*/








    @media (max-width: 768px){
      .div_plogos{
        /*height: 110px;*/
        /*margin: 10% 0px;*/
      }
      .terminos{
        margin-left:-200px;

      }
      .box-camp {
          width: 100%;
      }



      .spanTextBanner{
        font-size: 12px
      }
      .spanTextBanner h1{
        font-size: 20px
      }
      #p_prod_base{
        font-size:17px;
      }
      #p_prod_base span{
        font-size:17px;
      }
      #p_modulos{
        font-size: 17px;
      }
      .canvasDivInfo{
        font-size: 12px;
      }
      #modulo_textB{
        font-size:17px;
      }
      #modulo_textB span{
        font-size: 15px
      }

      .cajaModulos{
        margin: 0px;
        padding: 0px;
      }

      
       .titPrinImg p{
        display: none;
      }
      .slick-prev{
        margin-left: 32px;
      }

      .slick-next{
        height: 5px;
        width: 5px;
        margin-right: 45px;
      }



      /*=====================*/
       .tituloProducto{
    font-family: Gotham-Bold;
    color: #636363;
    font-size: 15px;
    padding: 10px 30px;
  }

  .subTitProducto{
    font-family: GothamMedium;
    color: #636363;
    font-size: 14px;
    padding-left:30px;
    margin-top: -20px;
  } 

  .content-box .lista{
    margin-left:30px;
  }
  .content-box ul{
    margin-left:10px;

  }

 .lista  span{
  
    font-family:GothamBook;
    color: #7A7878;
    font-size: 13px;

  }

  .listaUno{
    margin-top: -20px;
  }
  
   .lista li{
    color: orange;

  } 





    }


    /*ESTILOS CARRUSEL MOVIL*/

     @media screen and (min-width:1045px){
       .estilosCajas{
        
    width: 90%;
   } 

.margenCaja{
    margin-left:10px;
    width:100%; 


  }  

.flechaIzqDesk{
  position:absolute;
  top:135px;
  left:40px;
}

.flechaDerDesk{
  position:absolute;
  top:135px;
  right:46px;
}
}  




     @media screen and (min-width:992px) and (max-width:1050px){
       .estilosCajas{
        
    width: 90%;
   } 

.margenCaja{
    margin-left:10px;
    width:90%; 


  }  

.flechaIzqDesk{
  position:absolute;
  top:135px;
  left:4px;
}

.flechaDerDesk{
  position:absolute;
  top:135px;
  right:8px;
}
}  
   @media screen and (min-width:835px) and (max-width:991px){
     .estilosCajas{
        
    width: 90%;
   } 

.margenCaja{
    margin-left:10px;
    width:100%; 


  }  

.flechaIzqDesk{
  position:absolute;
  top:135px;
  left:40px;
}

.flechaDerDesk{
  position:absolute;
  top:135px;
  right:46px;
}
}  

  @media screen and (min-width:768px) and (max-width:834px){
  .estilosCajas{
  margin-bottom: 20px;
    padding-bottom: 20px;
    width: 55%;
   } 

.margenCaja{
    margin-left:160px;
    width:100%; 


  }  

.flechaIzqDesk{
  position:absolute;
  top:135px;
  left:83px;
}

.flechaDerDesk{
  position:absolute;
  top:135px;
  right:66px;
}
} 





    @media screen and (min-width:680px) and (max-width:767px){
       .estilosCajas{
    width: 75%;
   } 

.margenCaja{
    margin-left:70px;
    width:100%; 


  }  

.flechaIzqDesk{
  position:absolute;
  top:135px;
  left:83px;
}

.flechaDerDesk{
  position:absolute;
  top:135px;
  right:66px;
}
} 




   @media screen and (min-width:582px) and (max-width:680px){
       .estilosCajas{
    width: 75%;
   } 

.margenCaja{
    margin-left:70px;
    width:100%; 


  }  

.flechaIzqDesk{
  position:absolute;
  top:135px;
  left:63px;
}

.flechaDerDesk{
  position:absolute;
  top:135px;
  right:46px;
}
}



    @media screen and (min-width:501px) and (max-width:580px){
       .estilosCajas{
    width: 70%;
   } 

.margenCaja{
    margin-left:55px;
    width:100%; 


  }

.flechaIzqDesk{
  position:absolute;
  top:135px;
  left:43px;
}

.flechaDerDesk{
  position:absolute;
  top:135px;
  right:26px;
}

 
 }    





     @media screen and (min-width:401px) and (max-width:500px){
.margenCaja{
    margin-left:25px; 

  }


.flechaIzqDesk{
  position:absolute;
  top:135px;
  left:3px;
}

.flechaDerDesk{
  position:absolute;
  top:135px;
  right:3px;
}

 
 }   
    





   @media screen and (min-width:301px) and (max-width:400px){
.margenCaja{
    margin-left:28px; 

  }


.flechaIzqDesk{
  position:absolute;
  top:135px;
  left:3px;
}

.flechaDerDesk{
  position:absolute;
  top:135px;
  right:3px;
}

 
 }   
  




 @media screen and (min-width:251px) and (max-width:300px){
.margenCaja{
    margin-left:20px; 

  }


.flechaIzqDesk{
  position:absolute;
  top:135px;
  left:3px;
}

.flechaDerDesk{
  position:absolute;
  top:135px;
  right:3px;
}

 
 }   


@media screen and (min-width:0px) and (max-width:250px){
.margenCaja{
    margin-left:10px; 

  }


.flechaIzqDesk{
  position:absolute;
  top:135px;
  left:3px;
}

.flechaDerDesk{
  position:absolute;
  top:135px;
  right:3px;
}

 
 }
@media screen and (min-width:200px) and (max-width:250px){

}
.tituloUno{
        font-size: 50px;

      }

      .tituloDos{
        font-family: Gotham-Light;
        font-size: 20px;

        font-weight: 100;
      }

      .tituloTres{
        font-family: Gotham-Bold;
        color: #544f62;
        font-size:25px;
        
      }



      .tituloCuatro{
        font-family: GothamBook;
        color: #b01657;
        font-size:25px;

        
      }

      .cajaUno{
        margin-left:-60px;
        width:100%;
        

      }

       .cajaDos{
        margin-left:50px;
      }

      .lista{
        font-family: GothamBook; 
        font-size: 15px;
        color:#544f62;
      }









    .div_plogos{
      /*height: 210px;*/
    }
    .texto_pequenio{
      padding: 30px 10px
    }
    .div_img_prom{
      margin: 10px 0px;
      height: 200px;
    }
    .img-fluid{
      max-height: 100%;
    }
    .div_img_prom_sin_img{
      margin: 0px;
      height: 10px;
    }
    .plogosnote{
      position: inherit;
    }

    .nav-item{
      margin-left: auto;
      padding: 0px 15px;
    }







    .back-asistencias-contrato{
      background-color: #f0f1f1;
      border: 3px solid #bfbfbf;
    }
    .text-banner-contato{
      padding: 3% 5%;
      font-family: GothamBook;
      font-size: 20px
    }
    #banner_l{
      padding-left: 15%
    }
    .listaContato ul {
      list-style: none;
    }
    .listaContato ul li::before {
      content: "\2022";
      color: orange;
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em;
    }
    ul {
      list-style-position: inside;
    }
    .hrList{
      margin: 5px 0px;
    }
    #p_titulo_contrato{
      margin: 0px;
    }
    #p_titulo_contrato span{
      font-size:2.5rem;
    }
    .canvasSec2{
      /*height: 260px;*/
      height: 420px;
    }
    .itemContra{
      margin: 0px;
    }
    .title_itemContra{
      display:inline-block;
      width:100%;
      text-align: center;
      padding: 10px;
      font-size: 1.6rem;
      line-height: 25px;
    }
    .arrow_itemContra{
      display:none;
      width:0%
    }
    .description_contratacion{
      text-align: center;
      display: block;
      padding: 0px 20px 20px 20px;
    }
    .info_contra{
      padding: 10px;
      font-size: 10px;
    }
    .btnPagar{
      position: absolute;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      text-align: center;
      width: 40%;
      bottom: 10px;
    }
    #p_beneficios span{
      color: #EC0928;
    }
    .tagPrecio{
      font-size: 18px;
    }


/*===================*/


.infoCuaTres{
  margin-top:-20px;
  font-family:Gotham-Light;
  font-size: 12px;
  line-height: 12px;
}


.dobleBenef{
  margin-top:-26px;
  font-family:Gotham-Light;
  font-size:13px;
}

.inftxt{
  font-family: Gotham-Light;
  font-size: 12px;
  line-height: 12px;
}

.txtCaDosOptres{
  margin-top: -10px;
  font-family: Gotham-Light;
}


.txtCaDos{
  font-family: Gotham-Light;
}


.altCajas{
  height: 230px;
}


.txtTarifas{
    font-size: 13.5px;
    font-family:Gotham-Light;
}


.consultaTerminos{

  cursor:pointer;
  text-decoration:
  underline;
  font-family: GothamBook;

}




    @media (max-width: 768px){
      .div_plogos{
        /*height: 110px;*/
        /*margin: 10% 0px;*/
      }
      .box-camp {
          width: 100%;
      }



      .canvasSec2{
        height: auto;
      }
      .text-banner-contato{
        padding: 3% 15%;
      }
      .text-banner-contato span{
        font-size: 16px !important;
      }
      #banner_l{
        text-align:center;
      }
      #p_titulo_contrato{
        font-size:17px;
      }
      #p_titulo_contrato span{
        font-size:17px;
      }
      .title_itemContra{
        display:inline-block;
        width:90%;
        text-align: left;
      }
      .arrow_itemContra{
        display:inline-block;
        width:5%
      }
      .description_contratacion{
        display: none;
      }
      .btnPagar {
        position: unset;
      }
      #p_beneficios span{
        padding: 20px 0px !important;
        display: block;
        background-color: #EC0928;
        color: white;
        border-bottom: 1px solid white;
        font-size: 13px;
      }
      #p_telefono{
        font-size: 16px;
      }


      .terminos{
        margin-left:-230px;
      }
      .cajaDos{
        margin: 0;
      }
      .txt{
       margin-right: -105px;
      }

      .txDos{
       margin-right: -115px;
      }
       .txTres{
       margin-right: -115px;
      }

      .txCuatro{
      list-style: none;        
      margin-right: -85px;
      margin-top: -20px;
      }

   


    }