@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@font-face{
    font-family: "Poppins-Regular";
    src: url("../fonts/Poppins-Regular.otf");
}
@font-face{
    font-family: "Poppins-Light";
    src: url("../fonts/Poppins-Light.otf");
}
@font-face{
    font-family: "Poppins-Bold";
    src: url("../fonts/Poppins-Bold.otf");
}
@font-face{
     font-family: "Poppins-SemiBold";
     src: url("../fonts/Poppins-SemiBold.otf");
}
/*****GENERALES*****/
:root {
  --magenta: #FE2C55;
  --cian: #25F4EE;
  --amarillo: #FFFF00;
  --naranja: #FC601F;
  --naranjaDos: #EF6A00;
  --azul: #467cc2;
  --azulDos: #50d0eb;
  --azulTres:  #2c376d;

  --rojo: #E7312A;
  --negro: #000;
  --negroDos: #161616;
  --blanco: #fff;
  --gris: #595959;
  --grisUno: #6e6e6e;
  --green: #54c761;

  --gruesa: 'Poppins-Bold', sans-serif;
  --titulos: 'Poppins-SemiBold', sans-serif;
  --general: 'Poppins-Regular', sans-serif;
  --light: 'Poppins-Light', sans-serif;
  --bebas: 'Bebas Neue', sans-serif;

  --all: all 0.3s ease-in-out;
}
*, html{
  margin: 0px;
  padding: 0px;
  box-sizing:border-box;
}
html{
  overflow-x:hidden;
}
body{
  font-family: var(--general);
  font-size:20px;
  color: var(--gris);

  overflow-x: hidden;
  overflow-y: auto;

  min-height: 100%;
  width: 100vw;
}
.animaniacs {
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: none;
}
.light{color: var(--grisUno);}
.azulin b{color: var(--naranjaDos);text-shadow: 2px 2px 1px rgba(0, 0, 0, 1);/*text-shadow: black 0em 0em 0.3em;*/}
.dark{color: var(--negro);}
#cl{clear: both;}
.max_width{
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.padding_width{
  padding: 50px 2% 50px 2%;
}
.padding_width_grande{
  padding: 100px 2% 100px 2%;
}
.italic{font-style: italic;}
.fz-1{
  font-size: 80px;
  display: inline;
  /*font-family: Lucida Sans Unicode, sans-serif;*/
  font-family: var(--bebas);
  text-align: right;
  line-height: 70px;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 10px 50px;
  margin-top: 15px;
  border-radius: 10px;
}
.fz-1 .boton_con{
  font-family: var(--titulos);
}
.fz-3{
  font-size: 18px;
  font-weight: bold;
}
h1{
  font-size: 20px;
}
h2{
  color: var(--amarillo);
  display: inline;
}
h22{
  color: var(--negro);
  display: inline;
}
h23{
  /*color: var(--blanco);*/
  display: inline;
}
h4{
  font-size: 30px;
  color: var(--negro);
  font-family: var(--titulos);
}
h5{
  font-size: 45px;
  font-family: var(--titulos);
  color: var(--negro);
}
h6{
  font-size: 20px;
  display: inline;
  font-weight: bold;
}
h7{
  font-size: 22px;
  font-weight: bold;
  color: var(--negro);
}
h17{
  font-size: 28px;
  font-weight: bold;
  color: var(--blanco);
  font-family: var(--titulos);
}
.h8{
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  margin: 5px 0 10px 0;
}
h8{
  font-size: 34px;
  font-weight: bold;
  font-family: var(--gruesa);
  color: var(--negro);
}
h9{
  font-size: 42px;
  font-weight: bold;
  font-family: var(--gruesa);
  color: var(--blanco);
  text-shadow: black 0em 0em 0.3em;
}
h13{
  font-weight: 700;
  font-size: 20px;
}
h16{
  font-size: 20px;
}

h19{
  font-size: 34px;
  font-weight: bold;
  font-family: var(--gruesa);
  color: var(--naranjaDos);
}
h20{
  font-size: 28px;
  font-weight: bold;
  font-family: var(--gruesa);
  color: var(--negro);
}

.center{text-align: center;}
.grises:hover{opacity: 0.6;}
.margin_menu{margin-top: 60px;}
.padding_menu{padding-top: 60px;}
.mar_l40{margin-left: 4%;}
.mar_lm{margin-left: 4%;}
.button{
  background-color: var(--negro);
  padding: 5px 5% 5px 5%;
  border-radius: 10px;
  font-weight: bold;
  font-size: 30px;
  color: var(--blanco);
  text-decoration: none;
  cursor: pointer;
  transition: var(--all);
}
.button:hover{
  background-color: var(--naranjaDos);
}
.more_articulos{
  background-color: var(--naranjaDos);
  padding: 5px 5% 5px 5%;
  border-radius: 10px;
  font-weight: bold;
  font-size: 30px;
  color: var(--blanco);
  text-decoration: none;
  cursor: pointer;
  transition: var(--all);
}
.more_articulos:hover{
  background-color: var(--negro);
}
.at_c{text-align: center;}
.at_j{text-align: justify;}
table {
    border-collapse: collapse;
    border-spacing: 2px;
}
table, th, td {
  border: 1px solid black;
  padding: 5px;
}
.subir{
  position: fixed;
  z-index: 1;
  right: 35px;
  bottom: 90px;
  height: 40px;
  transition: var(--all);
  cursor: pointer;
}
.link_evento{color: #000;text-decoration: none;font-weight: bold;}
.link_evento:hover{color:#d4bb42;}
.justificar{text-align: justify;}
.fondo_1{
  background-image:url('../img/fondo_4.jpg');
  background-repeat: no-repeat;
  /*background-position: center;*/
  background-size: 100%;
  background-position: top;
  /*
  background-color: #10121d;
  background-size: auto 100%;
  */
  background-size:cover;
  background-attachment: fixed;
}
.fondo_2{
  background-image:url('../img/fondo_5.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  /*
  background-color: #10121d;
  background-size: auto 100%;
  */
  background-size:cover;
  background-attachment: fixed;
}
.fondo_3{
  background-image:url('../img/fondo_1.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  /*
  background-color: #10121d;
  background-size: auto 100%;
  */
  background-size:cover;
  background-attachment: fixed;
}
.fondo_astrea{
  background-image:url('../img/asterra.png');
  background-repeat: no-repeat;
  background-position: left ;
  background-size: 100%;
  /*
  background-color: #10121d;
  background-size: auto 100%;
  */
  background-size:cover;
  background-attachment: fixed;
  height: 150px;
}
.f_astrea{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 5px;
  font-family: var(--titulos);
}
.boton_astrea{
  background-color: #2e42ae;
  color: var(--blanco);
  font-size: 16px;
  border-radius: 5px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  line-height: 18px;
  transition: var(--all);
  cursor: pointer;
}
.boton_astrea b{
  color: var(--blanco);
  text-shadow: none;
}
.boton_astrea:hover{
  background-color: var(--negro);
}
.astrea{
  width: 100%;
  transition: var(--all);
  cursor: pointer;
  text-decoration: none;
}
.astrea:hover{
  opacity: 0.9;
}
.flex_astrea{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex_astrea img{
  height: 20px;
  margin-left: 10px;
}
.fondo_oscuro{
  background-color: rgba(0, 0, 0, 0.6);
}
.degradado_dos{
  background: rgba(212,241,251,1);
  background: -moz-linear-gradient(top, rgba(212,241,251,1) 0%, rgba(212,241,251,1) 14%, rgba(144,222,244,1) 52%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,241,251,1)), color-stop(14%, rgba(212,241,251,1)), color-stop(52%, rgba(144,222,244,1)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(212,241,251,1) 0%, rgba(212,241,251,1) 14%, rgba(144,222,244,1) 52%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(212,241,251,1) 0%, rgba(212,241,251,1) 14%, rgba(144,222,244,1) 52%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(212,241,251,1) 0%, rgba(212,241,251,1) 14%, rgba(144,222,244,1) 52%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(212,241,251,1) 0%, rgba(212,241,251,1) 14%, rgba(144,222,244,1) 52%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4f1fb', endColorstr='#ffffff', GradientType=0 );
}
.degradado_tres{
  background: rgba(211,211,209,1);
  background: -moz-linear-gradient(top, rgba(211,211,209,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(211,211,209,1)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(211,211,209,1) 0%, rgba(214,242,250,1) 100%);
  background: -o-linear-gradient(top, rgba(211,211,209,1) 0%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(211,211,209,1) 0%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(211,211,209,1) 0%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c5ec', endColorstr='#d6f2fa', GradientType=0 );
}
.puntero{cursor: pointer;}
.minHeight{
  min-height: 100vh;
}
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  /*vertical-align: middle;*/
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/*****FIN GENERALES*****/
/*****INICIO******/
.img_libro{
  width: 48%;
  float: left;
  margin: 0 25px 20px 0;
}
.borde_blanco{
  border-right: 25px solid #fff;
}
.idioma_flex{
  display:flex;
  justify-content:flex-end;
}
.idioma_flex img{
  height: 40px;
  margin-left: 20px;
  cursor: pointer;
}
.linea_sombra{height: 1px;width: 100%;background-color: rgb(0,0,0,0.1);margin: 50px 0px;}
.about_flex{height: 150px;}
.icono_servicios{width: 70%;}
.iconos_flex{width: 70%;}
.padding_flex1{margin-top: 10px;}
.padding_flex{margin-top: 50px;}
.bg_blanco{background-color: var(--blanco);}
.pa_flex_2{display:flex;justify-content:space-around;}
.de_flex_2{width:40%;}
.pa_flex_4{display:flex;justify-content:space-around;}
.de_flex_4{width:20%;text-decoration:none;}
.pa_flex_3{display:flex;justify-content:space-around;}
.de_flex_3{width:30%;}

.pa_flex_2c{display:flex;justify-content:center;margin-bottom: 20px;}
.de_flex_2d{width:30%;}
.de_flex_2dd{width:60%;}

.pa_flex_pie{display:flex;justify-content:space-between;align-items: center;}
.centrar_flex{align-items: center;}
.pie_logo{height: 80px;width: auto !important;}

.pa_flex_2eye{display:flex;justify-content:space-between;}
.de_flex_2eye{width:54%;}
.de_flex_2eye2{width:43%;}
.de_flex_2eye2 img{width: 100%;}

.perspectivas{
  width: 45%;
  margin: 10px 2.5%;
  float: left;
  color: var(--blanco);
  font-size: 16px;
  font-family: var(--light);
}

.perspectivas_all{
  width: 100%;
  margin: 10px 2.5%;
  color: var(--blanco);
  font-size: 16px;
  font-family: var(--light);
}
.nueva{
  background-color: var(--blanco);
  color: var(--negro);
  border-radius: 50%;
  height: 50px;
  width: 50px;
  font-family: var(--titulos);
  font-weight: bold;
  font-size: 40px;
  line-height: 0px;
  padding-top: 25px;
  text-align: center;
  transition: var(--all);
  cursor: pointer;
  margin-right: 10px;
  opacity: 0.5;
  text-decoration: none;
  margin-top: 5px;
}
.de_nueva{
  text-decoration: none;
  float: right;
}
.nueva:hover{
  opacity: 1;
}

.flex_ini{display:flex;justify-content:flex-end; align-items: center;}
.de_flex_ini{width:50%;}
.de_flex_ini img{
  width: 100%;
  float: right;
}
.cuadro_az{
  background-color: #2a2e2d;
  padding: 30px 40px 30px 40px;
  height: 350px;
  text-align: center;
  color: #fff;
  font-size: 11px;
}
.cuadro_position{
  position: relative;
  z-index: 1;
  bottom: 0;
  margin-top: -80px;
}
.cuadro_flex{
  padding: 20px;
  background-color: rgba(255,255,255,1);
  border-radius: 5px;
  font-size: 18px;
  text-align: justify;
}
.img_media{
  width: 48%;
  float: left;
}
.text_media{
  width: 47%; 
  float: left;
  padding-right: 1%; 
}
.text_eventos{
  width: 68%; 
  float: left;
  font-size: 14px;
  color: #7a7a7a;
  margin-right: 2%; 
}
.text_face{
  width: 30%;
  float: left;
}
.padding_20{
  padding-top: 20px;
}
.padding_50{
  padding-top: 50px;
}
.gris{
  background-color: #edeef0; 
}
.icos img{
  height: 50px;
  margin-bottom: 20px;
}
.imas img{
  width: 70%;
  margin-bottom: 20px;
}
.tiendas{
  width: 100%;
}

.lista_trans{
  padding: 20px;
  text-align: left;
  color: #737070;
}
.lista_trans li{
  background: url('../img/lista.svg') no-repeat top left;
  padding-left: 16px;
  list-style: none;
  margin-bottom: 5px;
}
.espacio{height: 40%;}
.cuadro_ban{
  padding: 20px 100px 20px 100px;
  text-align: center;
  color: #d3bb42;
  background-color: #fff;
  font-size: 50px;
  width: 50%;
  margin: 0 auto;
  /*
  text-shadow: black 0em 0em 0.3em;
  border: 2px solid #d3bb42;
  */
  box-shadow: 5px 10px #d3bb42;
}

.cuadro_ban span {
  position:absolute;
  right:0;
  width:0;
  background: #fff;
  /*border-left: 1px solid #000;*/
  animation: escribir 3s steps(30) infinite alternate;
}

@keyframes escribir {
  /*
  from { width: 100% }
  to { width:0 }
  */
  0%{
    width: 100%;
  }
  35%{
    width: 0%;
  }
  100%{
    width: 0%;
  }
}

.servicios_new{
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  flex-wrap: wrap;
}
.caja_servicios_new{
  width: 23%;
  background-color: var(--blanco);
  /*border-radius: 15px;*/
  box-shadow: 10px 5px 5px black;
}
.caja_servicios_new img{
  width: 100%;
  /*border-radius:  15px 15px 0 0;*/
}
.titulo_servicios_new{
  color: var(--naranjaDos);
  font-weight: bold;
  font-size: 21px;
  margin-bottom: 15px;
}
.texto_servicios_new{
  padding: 25px;
  font-size: 16px;
  flex: 1 1 auto;
}
.cuadro_contacto{
  color: var(--blanco) !important;
  background-color: var(--naranjaDos);
  padding: 5px 10px;
  transition: var(--all);
  border-radius: 2px;
}
.cuadro_contacto:hover{
  background-color: var(--rojo);
}
.integrantes{
  margin-top: 40px;
  text-align: center;
}
.flex_miembros{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: stretch;
}
.caja_miembros{
  width: 30%;
  margin-top: 20px;
  color: var(--naranjaDos);
}
.foto_miembros{
  width: 80%;
  border-radius: 5px;
}

.caja_miembros_car{
  width: 100%;
  text-decoration: none;
  color: var(--naranjaDos);
  font-size: 16px;
}
.foto_miembros_car{
  width: 80%;
  border-radius: 5px;
  transition: var(--all);
}
.foto_miembros_car:hover {filter: grayscale(80%);}

.titulo_miembros{
  font-size: 18px;
  font-weight: bold;
  color: var(--negro);
}
.redes_miembros{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.redes_miembros img{
  margin-left: 5px;
  margin-right: 5px;
  height: 35px;
  background-color: var(--naranjaDos);
  border-radius: 50%;
  padding: 4px;
  transition: var(--all);
}
.redes_miembros img:hover{
  background-color: var(--negro);
}
.bg_cursos{
  background-color: var(--negro);
}
.titulo_principal_cursos{
  color: var(--blanco);
  font-family: var(--titulos);
  font-size: 50px;
  /*text-transform: uppercase;*/
}
.sub_principal_cursos{
  color: var(--blanco);
  font-size: 25px;
  /*text-transform: uppercase;*/
}
.flex_cursos{
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
}
.de_flex_cursos{
  width: calc(100% / 2);
  padding: 50px;
  font-size: 16px;
  transition: var(--all);
}
.de_flex_cursos:hover{
  transform: scale(1.1) !important;
  z-index: 1 !important;
}
#cu_blanco{
  background-color: var(--blanco);
  color: var(--negroDos);
}
#cu_naranja{
  background-color: var(--naranjaDos);
  color: var(--blanco);
}
#cu_negro{
  background-color: var(--negroDos);
  color: var(--naranjaDos);
}
.titulo_curso{
  font-size: 40px;
  font-family: var(--titulos);
  margin-bottom: 15px;
}
#cu_blanco .titulo_curso{
  color: var(--naranjaDos);
}
#cu_naranja .titulo_curso{
  color: var(--negroDos);
}
#cu_negro .titulo_curso{
  color: var(--blanco);
}
.curso_subtitulo{
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 15px;
}
#cu_blanco b{
  color: var(--naranjaDos);
}
#cu_naranja b{
  color: var(--negroDos);
}
#cu_negro b{
  color: var(--blanco);
}
.de_flex_cursos a{
  border-radius: 2px;
  text-decoration: none;
  padding: 10px 20px;
  margin-top: 20px;
}
#cu_blanco a{
  background-color: var(--naranjaDos);
  color: var(--negroDos);
}
#cu_naranja a{
  background-color: var(--negroDos);
  color: var(--blanco);
}
#cu_negro a{
  background-color: var(--blanco);
  color: var(--naranjaDos);
}
.at_j ul{
  padding: 15px 25px 0 25px;
}
.at_j ul li{
  /*
  background: url('../img/lista.svg') no-repeat top left;
  padding-left: 16px;
  list-style: none;
  */
}
/*****FIN INICIO*****/
/*****MENU*****/
.whatsapp{
  background-color: var(--green);
  border-radius: 50%;
  padding: 5px 5px 0px 5px;
  position: fixed;
  z-index: 5;
  right: 20px;
  bottom: 20px;
  transition: var(--all);
}
.whatsapp img{
  height: 50px;
}
.whatsapp:hover{
  background-color: var(--naranja);
}
.menu_f{
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100vw;
  font-family: var(--titulos);
}
.tama_home{
  height: 25px;
}
.menu_back_f{
  background: rgba(0,0,0,0.8);
  /*
  background: rgba(211,211,209,1);
  background: -moz-linear-gradient(top, rgba(211,211,209,1) 0%, rgba(211,211,209,0.2) 80%, rgba(211,211,209,0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(211,211,209,1)), color-stop(80%, rgba(211,211,209,0.2)), color-stop(100%, rgba(211,211,209,0)));
  background: -webkit-linear-gradient(top, rgba(211,211,209,1) 0%, rgba(211,211,209,0.2) 80%, rgba(211,211,209,0) 100%);
  background: -o-linear-gradient(top, rgba(211,211,209,1) 0%, rgba(211,211,209,0.2) 80%, rgba(211,211,209,0) 100%);
  background: -ms-linear-gradient(top, rgba(211,211,209,1) 0%, rgba(211,211,209,0.2) 80%, rgba(211,211,209,0) 100%);
  background: linear-gradient(to bottom, rgba(211,211,209,1) 0%, rgba(211,211,209,0.2) 80%, rgba(211,211,209,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c5ec', endColorstr='#00c5ec', GradientType=0 );
  */
  /*
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(80%, rgba(255,255,255,0.2)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c5ec', endColorstr='#00c5ec', GradientType=0 );
*/
  padding: 5px;
  width: 100vw;
  box-sizing:border-box;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  
}
.flex_menu{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.regresar_dere{
  text-align: right;
}
.sin_logo{
  margin: 10px 0;
}
.sin_logo .idioma_flex{margin-top: 0px !important;}
.sin_logo .idioma_flex img {
  height: 30px !important;
  margin-left: 10px !important;
}
.menu_back_f ul{
  
}
.menu_back_f li{
  float: right;
  padding: 0 10px 0 10px;
  list-style: none;
  font-size: 18px;
  cursor: pointer;
  font-family: var(--light);
}
.menu_back_f li a{
  text-decoration: none;
  color: var(--naranjaDos);
}
.menu_back_f li a:hover{
  color: var(--blanco);
}
.quita_link{
  display: none;
}
.menu_res{
  display: none;
  float: right;
  cursor: pointer;
  margin-right: 15px;
}
.menu_cerrar{
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
}
.menu_r{
  position: fixed;
  z-index: 11;
  top: 0;
  padding: 20px;
  width: 80vw;
  background-color: rgba(239, 106, 0, 0.95);
  /*background-color: var(--azulDos);*/
  /*text-align: center;*/
  min-height: 100vh;
}
.menu_r li{
  text-decoration: none;
  list-style: none;
  font-size: 18px;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  font-weight: bold;
}
.m_bot{
  margin-bottom: 15px;
}
.overflow{
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  overflow-y: auto;
}
.menu_r li a{
  text-decoration: none;
  color: var(--blanco);
}
.menu_r li:hover{
  color: var(--negro) !important;
}
.menu_r li a:hover{
  color: var(--negro) !important;
}

#ver_no{display: none;}
#ver_si{display: block;}

#ver_si {
  animation-duration: 1s;
  animation-name: sale_menu;
}

@keyframes sale_menu {
  from {
    margin-left: 100%;
    width: 300%
  }

  to {
    margin-left: 0%;
    width: 80%;
  }
}
@media screen and (max-width: 680px) {
  @keyframes sale_menu {
    from {
      margin-left: 100%;
      width: 150%
    }

    to {
      margin-left: 0%;
      width: 80%;
    }
  } 
}
.m_amarillo{color: #d4bb42;}
.m_azul{color: var(--naranja);}
.m_blanco{color: #fff;}
.logo_menu{height: 70px;margin-top: -5px;}
.logo_menu2{height: 80px;}
.logo_leopardos{height: 105px;position: absolute; margin-top: -5px;z-index: 1;}
.logo_leo{width: 35%;}
.padding_men{height: 40px}
.rotateMe {
 transition: transform 1s ease-out;
}
.rotateMe:hover {
 transform: rotate(360deg);
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropbtn{
  color: var(--naranjaDos);
}
.dropbtn:hover{
  color: var(--blanco);
}

.color_negro:hover {
  color: var(--negro) !important;
}
/* Change color of dropdown links on hover */
/*.dropdown-content a:hover {background-color: #ddd;}*/

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
/*.dropdown:hover .dropbtn {background-color: #3e8e41;}*/
/*****FIN MENU*****/
/*****ACORDION*****/
.dt{
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  font-weight: bold;
}
.dd{
  text-decoration: none;
  cursor: pointer;
  margin-top: 10px;
  padding-bottom: 10px;
}
.dd:hover{
  color: var(--negro);
}
/*****FIN ACORDION*****/
/*****ANIMACIONES*****/
.rotateMe {
 transition: transform 2s ease-out;
}
.rotateMe:hover {
 transform: rotate(360deg);
}
.rotateMeDi {
 transition: transform 0.2s ease-out;
}
.rotateMeDi:hover {
 transform: rotate(15deg);
}
/*****FIN ANIMACIONES*****/
/*****PIE*****/
.pie{
  color: var(--grisUno);
}
.pie_texto{
  color: #d3bb42;
  float: left;
}
.menu_redes{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.redes{
  
}
.redes img{
  height: 50px;
  margin-right: 10px; 
}
.menu_redes .redes img{
  height: 37px;
}
.boton_con{
  background-color: var(--naranjaDos);
  padding: 15px 50px;
  border-radius: 25px;
  font-weight: bold;
  font-size: 20px;
  color: var(--blanco);
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  transition: var(--all);
}
.boton_con:hover{
  background-color: var(--negro);
}
.flex_redes{
  display:flex;justify-content:center;
}
.de_flex_redes{
  width: 20%;
}
.de_flex_redesDos{
  width: 35%;
}
.fz-2{
  font-weight: bold;
  text-decoration: none;
  font-size: 20px;
}
.fz-2 a{
  text-decoration: none;
  color: var(--azulDos);
}
.fz-2 a:hover{
  color: var(--negro);
}
.fz-4{
  font-size: 15px;
}
.padding_pie{
  padding: 50px 2% 10px 2%;
  border-top: 0.1px solid rgb(0,0,0,0.1);
}
.whats_flotante{
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 10;
}
.whats_flotante img{
  height: 50px;
  margin: 0 5px 0 5px;
}
/*****FIN PIE*****/
/*****CONTACTO*****/
.mapa{
  width: 99%;
  height: 350px;
  margin: none;
  padding: none;
  border: none;
  display: inline-block;
  border-radius: 20px;
}
.infoform{
  padding: 30px;
  background-color: #fcfcfc;
  /*box-shadow: 5px 10px #d3bb42;*/
  box-shadow: 2px 10px 28px 3px rgba(0,0,0,0.1);
  border-radius: 10px;
}
.infcontacto ul {
  text-align:left;
  padding: 0;
  margin: 0;
  list-style: none;
}
.infcontacto ul.listDos li{
  padding-left: 20px;
  margin-bottom: 10px;
  font-size: 19px;
  background: url(../img/lista.svg) 0 0px no-repeat;
}
.infcontacto ul.list1 li{
  padding-left: 70px;
  height: 50px;
  font-size:19px;
}
.infcontacto ul.list1 li.telefono {
  background: url(../img/con_1.svg) 0 0px no-repeat;
  padding-top:9px;
}
.infcontacto ul.list1 li.correo {
  background: url(../img/con_2.svg) 0 0px no-repeat;
  margin-left:2px;
  padding-left:68px;
}
.infcontacto ul.list1 li.ubicacion {
  background: url(../img/con_3.svg) 0 0px no-repeat;
  margin-left:9px;
  padding-left:62px;
  height: 60px;
}
.infcontacto ul.list1 li {margin-top: 10px;}
.infcontacto ul.list1 li a{
  text-decoration: none;
  color: var(--gris);
}
.infcontacto ul.list1 li a:hover{
  color: var(--negro);
}
#formulario input[type='text'], input[type='password'], select {
  width:100%;
  height: 49px;
  border: none;
  border-bottom: 2px solid var(--naranjaDos);
  color:#000;
  padding: 4px 12px 5px;
  background-color: transparent;
  margin-bottom: 5px;
  font-size: 16px;
}
#area {
  width:100%;
  border: none;
  border-bottom: 2px solid var(--naranjaDos);
  color:#000;
  padding: 4px 12px 5px;
  background-color: transparent;
  height: 120px;
  margin-bottom: 25px;
  font-size: 16px;
}


.con_whats{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  color: var(--green);
  transition: var(--all);
  margin-bottom: 15px;
}
.con_whats:hover{
  color: var(--naranja);
}
.con_wa{
  background-color: var(--green);
  border-radius: 50%;
  padding: 5px 5px 0px 5px;
  transition: var(--all);
  margin-right: 15px;
}
.con_wa img{
  height: 50px;
}
.con_wa:hover{
  background-color: var(--naranja);
}
/*****FIN CONTACTO*****/
/*****RESPONSIVOS*****/
@media screen and (max-width: 1300px) {
  .cuadro_az{padding: 15px 20px 15px 20px;height: 250px;}
  .cuadro_az img{height: 70px;}
}
@media screen and (max-width: 1260px) {
  .cuadro_ban{
    padding: 10px 50px 10px 50px;
  }
}
@media screen and (max-width: 1200px) {
  .text_eventos{
    width: 58%; 
  }
  .text_face{
    width: 40%;
  }
  .caja_servicios_new{
    width: 48%;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1100px) {
  .h8{font-size: 15px;}
  .acor_foto2{width:100%;margin-right:0%;margin-bottom: 10px;}
  .padding_flex1, .padding_flex{margin-top: 0px;}
}
@media screen and (max-width: 1067px) {
  .boton_con{
    padding: 15px 20px;
  }
}
@media screen and (max-width: 1060px) {
  .cuadro_ban{
    font-size: 40px;
  }
}
@media screen and (max-width: 1015px) {
  .menu_back_f li {
    padding: 0 5px 0 5px;
    font-size: 14px;
  }
}
@media screen and (max-width: 1000px) {
  .caja_miembros{
    width: 47%;
  }
}
@media screen and (max-width: 950px) {
  .pa_flex_pie{flex-flow: column;}
  .de_flex_3{width:100%;margin-bottom: 20px;}
  .imas img{
    width: 50%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 900px) {
  .cuadro_az img{height: 50px;}
  .cuadro_ban{
    padding: 5px 35px 5px 35px;
    width: 60%;
  }
  .text_eventos{
    width: 48%;
    margin-right: 0%;
  }
  .text_face{
    width: 50%;
  }
  .tama_home{
    height: 19px;
  }
  .flex_cursos{
    flex-flow: column;
  }
  .de_flex_cursos{
    width: 100%;
  }
}
@media screen and (max-width: 860px) {
  .logo_menu{height: 50px;margin-top: -5px;}
}
@media screen and (max-width: 850px) {
  .h8{margin-bottom: 2.5px;}
  .boton_con{
    padding: 15px 15px;
    font-size: 16px;
  }
}
.f_sal{display: none;}
@media screen and (max-width: 780px) {
  .img_media, .text_media, .texto_libro, .img_libro{width:100%;}
  .mar_l40{margin-left: 0%;}
  .pa_flex_2, .pa_flex_3, .flex_ini{flex-flow: column;}
  .de_flex_2, .de_flex_ini{width:100%;margin-bottom: 20px;}
  .flex_ini{text-align: center;}
  .de_flex_ini img{
    height: 350px;
    float: none;
  }

  .fz-1{
    text-align: center;
  }
  .f_astrea{
    justify-content: center;
  }


  .pa_flex_2eye{flex-flow: column;}
  .de_flex_2eye{width:100%;margin-bottom: 20px;}
  .de_flex_2eye2{width:100%;}


  .minHeight{
    min-height: auto;
  }
  
  .fz-2{margin-top: 20px;}
  .mtop{margin-top: 20px;}
  .infcontacto{margin: 25px 0 20px 0;}
  .dd{padding: 20px;}
  .i_dd{
    width: 100%;
    margin-right: 0%;
  }
  .d_dd{
    width: 100%;
  }
  .de_flex_redesDos img{
    display: none;
  }

  .pa_flex_2c{flex-flow: column;}
  .de_flex_2d{width:50%;margin-bottom: 15px;}
  .de_flex_2dd{width:100%;}
  .f_quita{display: none;}
  .f_sal{display: flex;}

  .boton_con{
    padding: 15px 50px;
    font-size: 20px;
    width: 100%;
  }

  .logo_menu{height: 70px;margin-top: -5px;}
  .menu_back_f ul{display: none;}
  .menu_res{display: block;}
  .menu_back_f{
    padding: 7.5px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 750px) {
  .de_flex_4{width:23%;}
  .text_eventos{
    width: 100%; 
  }
  .text_face{
    width: 100%;
    margin-top: 20px;
  }
  .logo_menu{height: 50px;}
}
@media screen and (max-width: 700px) {
  .menu_back_f li {
    padding: 0 3px 0 3px;
    font-size: 14px;
  }
  .h8{font-size: 20px;}
  .cuadro_az img{height: 70px;}
  .cuadro_az{height: auto;}
  .cuadro_ban{
    font-size: 30px;
  }
  .perspectivas{
    width: 97%;
    margin: 10px 1.5%;
  }
}
@media screen and (max-width: 680px) {
  .quita_link{
    display: block;
  }
  .padding_menu{padding-top: 15px;}
  .de_flex_4{width:100%;margin-bottom: 30px;}
  .tiendas{width: 60%;}
  .pa_flex_4{flex-flow: column;}


  .padding_men {
    height: auto;
  }
  .idioma_flex{margin-top: 15px;}
  .sin_logo{
    margin: 0;
  }

  
  .fz-1{
    font-size: 50px;
    line-height: 55px;
  }
  .caja_servicios_new{
    width: 100%;
    margin-bottom: 10px;
  }
  .caja_miembros{
    width: 80%;
  }
}
@media screen and (max-width: 550px) {
  .cuadro_ban{
    width: 80%;
  }
  .dd{padding: 10px;}
  .caja_miembros{
    width: 100%;
  }
  .boton_con{
    padding: 15px 20px;
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .flex_astrea{
    flex-flow: column;
  }
  .flex_astrea img{
    margin-top: 50px;
  }
}
@media screen and (max-width: 450px) {
  .redes{margin-left: 10px;}
  .cuadro_ban{
    width: 85%;
  }
  .de_flex_2d{width:70%;}
  .infcontacto ul.list1 li.telefono {
    padding-bottom: 50px;
  }
  .infcontacto ul.list1 li.ubicacion {
    height: 100px;
  }
  .infcontacto{
    padding: 0 10px 0 10px;
  }
  .infcontacto ul.list1 li{
    font-size:15px;
  }
  .boton_con{
    padding: 10px 50px 10px 50px;
  }
  .de_flex_ini img{
    height: auto;
    width: 80%;
  }
  .whats_flotante img{
    height: 40px;
  }
  .boton_con{
    padding: 10px;
  }
}
@media screen and (max-width: 400px) {
  .pie_texto{width: 100%;}
  .redes{float: left;margin: 10px 10px 10px 0;}
  .cuadro_ban{
    font-size: 25px;
  }
  .boton_con{
    font-size: 15px;
  }
  .logo_menu2{
    height: auto;
    width: 100%;
  }
}  
@media screen and (max-width: 330px) {
  .boton_con{
    font-size: 12px;
  }
}
/*****FIN RESPONSIVOS*****/