/*CRAZY GOAT STUDIOS SpA
///WIDGETZERO 
///V 1.6.0
///CSS
///SERVICIO DESARROLLO A MEDIDA
*/


@font-face {
  font-family: "AkzidenzGrotesk-LightCond";
  src: url("../font/Akzidenz-grotesk-be-bold-condensed.ttf");
 }
 
 
 @font-face {
  font-family: "Helvetica-Light";
  src: url("../font/Helvetica-Light.ttf");
 }
 


*{ margin:0px;
   padding: 0px;
  font-family: "AkzidenzGrotesk-LightCond";
  font-family: "Helvetica-Light";
  font-size: 16px;

}

.margin{
  margin-bottom: 1rem;

}

h2{
  width: 95%;
  font-size: 1.75rem;
  padding: 1rem 0px 0px;
  border-top: 2px solid rgb(0,125,198);
  margin: 1rem 0px;
}


a{

  text-decoration: none;
}


a>p{

  font-family: "AkzidenzGrotesk-LightCond";
  color:rgb(0,125,198);
  font-size: 1.2rem;
  margin-top: 0.5rem;
}

.titulo-pagina-secundaria{

  font-size: 3rem;
  text-align: left;
  font-family: "Helvetica-Light";
  color:  rgb(0,125,198);
  width: 100%;
}


.marco-sup{





}






/*NAVEGADOR*/

nav{

  width: 100%;
  background: rgb(0,125,198);
  margin-bottom: 1rem;
  -webkit-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.75);
box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.75);
z-index: 10;
}

.nav-logo{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0px 2rem;
}

.nav-logo img{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 320px;

}

.nav-fecha{
  display: -webkit-box;
  -webkit-box-pack: justify;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background:rgba(0,0,0,0.3);
  padding: 0.5rem 0px;

}

.nav-fecha p{
  text-align: center;
  color: white;
  padding-top:  0.5rem;
   font-family: "Helvetica-Light";
  font-size: 1rem;
  margin: 0px 40px;
}

.nav-menu-res{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;

}

.nav-menu-res div{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100px;

}

.nav-contenedor{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;


}


.panel{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: rgba(0,0,0,0.2);
}

.panel-datos{
  width: 65%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin:0.5rem 0px;
}

.panel-datos div{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.panel-datos div img{
  width:140px;
  margin: 0px 40px;

}



.panel-clima{
width: 35%;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;

}


.clima_0{
  width: 12rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;

}

.clima_1{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.clima_1 p{
  color:white;
  font-size: 1.2rem;

}


.nav-bar{
  display: none;


}


.btn-portada{
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;

  height: 60px;

  background: rgb(0,125,198);
  color:white;
  font-size: 1.4rem;
  font-family: "AkzidenzGrotesk-LightCond";
  border: 2px white solid;
  cursor: pointer;
  text-transform: uppercase;
}

.nav-menu{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: auto;

}


.nav-menu a,.nav-menu-2 a{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color:white;
  text-align: center;
  text-decoration: none;
  width: 150px;
  height: 50px;
  -webkit-transition: background 0.6s;
 transition: background 0.6s;
 font-size: 1rem;
 font-family: "AkzidenzGrotesk-LightCond";
}

.nav-menu a:hover, .nav-menu-2 a:hover{
    background:  rgba(119,156,225,0.5);



}

.nav-menu-2{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  width: auto;
  height: auto;

}

.nav-panel {
width: 60%;
min-width: 400px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
  position: relative;
}


.sub-nav-panel{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: center;
  position: absolute;
  background: rgb(0,125,198);
  height: 55px;
  top:0px;
  right: 0px;

}



.sub-nav-panel input[type="date"]{
  height: 2rem;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 5px;
  font-family: "AkzidenzGrotesk-LightCond";
  padding: 0px 0.5rem;
  width: 40%;
  margin: 0.5rem;
}




.nav-menu-fix{
width: 100%;
height: auto;
-webkit-box-pack: justify;
flex-direction: row;
justify-content: space-around;
align-items: center;
position: fixed;
top:0px;
z-index: 1000;
background: rgb(0,125,198);
padding: 0.5rem 0px;

}

.nav-menu-fix a{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
text-decoration: none;
color: white;
-webkit-transition: background 0.6s;
transition: background 0.6s;
width: 150px;
height: 50px;
font-size: 1rem;
}

.nav-menu-fix a:hover{
    background:  rgba(119,156,225,0.5);



}

.nav-menu-fix a img{
  width: 150px;



}



.nav-menu-fix div{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}


.nav-menu-fix input{
  height:1.8rem;
  border: 1px solid rgba(0,0,0,0.1);
  font-family: "Helvetica-Light";
  padding: 0px 0.5rem;
  width: 180px;
}

.nav-panel h3{
  color:white;
  font-size: 1.5rem;
  margin: 1rem 0px;
}

.nav-panel div{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: center;
  width: 100%;
}

.nav-panel input[type="text"]{
  height: 2rem;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 5px;
    font-family: "Helvetica-Light";
  padding: 0px 0.2rem;
  width: 50%;
}

.nav-panel a{


    margin: 0.5rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    text-decoration: none;

}



.nav-panel a i{
  color: white;
  font-size: 2rem;
  

}


.nav-panel button{
  color: white;
  font-size: 1.5rem;
  border: 1px solid  rgb(0,125,198);
  background:  rgb(0,125,198);

}

.panel-buscador-fix{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 70px;
  position: fixed;
  top:0;
  z-index: 10000;
  background: rgb(0,125,198);
}

.panel-buscador-fix input[type="text"]{
  height: 2rem;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 5px;
  font-family: "Helvetica-Light";
  padding: 0px 0.5rem;
  width: 90%;


}

.panel-buscador-fix button{
  color: white;
  font-size: 1.5rem;
  border: 1px solid  rgb(0,125,198);
  background:  rgb(0,125,198);
  margin: 0.5rem;


}


.panel-buscador-fix button i{
  font-size: 2rem;




}



.panel-buscador-top{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 140px;
  position: absolute;
  top:44px;
  z-index: 10000;
  background: rgb(0,125,198);
}

.panel-buscador-top input[type="text"]{
  height: 2rem;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 5px;
  font-family: "Helvetica-Light";
  padding: 0px 0.5rem;
  width: 90%;


}

.panel-buscador-top button{
  color: white;
  font-size: 1.5rem;
  border: 1px solid  rgb(0,125,198);
  background:  rgb(0,125,198);
  margin: 0.5rem;


}


.panel-buscador-top button i{
  font-size: 2rem;




}


.contenedor-nav-bar-lateral{
  position: fixed;
  top:0;
  left: 0;
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  z-index: 3000;

}



.nav-bar-lateral{

  -webkit-box-pack: justify;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  height:400px;
  position: fixed;
  top:80px;
  left: 20%;
  background: rgb(0,125,198);;
  z-index: 3500;
  border-radius: 10px;
  border: 2px solid white;

}


.nav-bar-lateral menu{

  -webkit-box-pack: justify;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:400px;

}
/*SLIDER*/

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 6000;
  top: 0;
  left: 0;
  background: rgb(0,125,198);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;

}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: white;
  display: block;
  transition: 0.3s;
  font-family: "AkzidenzGrotesk-LightCond";

}


.sidenav a img{
  width: 80%;

}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.sidenav form{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 8px 8px 32px;
  width: 80%;

}

.sidenav  input{
  height: 2rem;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 5px;
  font-family: "AkzidenzGrotesk-LightCond";
  padding: 0px 0.5rem;
  width: 80%;
}

.sidenav button{
  color: white;
  font-size: 1.5rem;
  border: 1px solid  rgb(0,125,198);
  background:  rgb(0,125,198);

}

#main {
  transition: margin-left .5s;
  margin-bottom: 5rem;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/*FUNCIONES Y ANIMACIONES*/

.on{
  display: -webkit-box;
display:flex;
-webkit-animation-name: aparecer;
-webkit-animation-duration: 0.8s;
animation-name: aparecer;
animation-duration: 0.8s;
}

.off{
    display: none;

}


.on-2{
  display: -webkit-box;
display:flex;

}



.animacion-1{

      animation-duration: 3s;
      animation-name: animacion-1;
      animation-fill-mode:forwards;
}

.animacion-2{

      animation-duration: 3s;
      animation-name: animacion-2;
      animation-fill-mode:forwards;
}


.fade {
  animation-duration: 0.4s;
  animation-name: fade;
  animation-timing-function: linear;
}


@keyframes article {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0;

  }

  to {
    opacity: 1;

  }
}

@keyframes animacion-1 {
from {

  width: 40%;
  height: 600px;
  top:40px;
  left: 30%;
  opacity: 1;
}

to {
  top:280px;
  left: 2%;
width: 25%;
height: 450px;
  opacity: 0;
}
}

@keyframes animacion-2 {
from {

  opacity: 0;
  top:280px;
  left: 2%;
width: 25%;
height: 450px;
}

to {
    opacity: 1;
  width: 40%;
  height: 600px;
  top:40px;
  left: 30%;

}
}

@-webkit-keyframes aparecer {
  from {opacity: 0.2;}
  to {opacity:1;}
}

/*POP DESPLEGABLES*/


.menu-desplegable{
  width: 100%;
  height: 100%;
  position: fixed;
  top:0;
  left:0;
  z-index: 1000;
  background-color: rgba(0,0,0,0.5);
}

.menu-desplegable-2{
  width: 100%;
  height: 100%;
  position: fixed;
  top:0;
  left:0;
  z-index: 1000;
  background-color: rgba(0,0,0,0.5);
}


.desplegable-3{
  display: grid;

  grid-template-columns:repeat(6,1fr);
  grid-template-rows:150px 150px 150px 70px;
  width: 60%;
  height: 520px;
  padding: 15px;
  position: relative;
  top:200px;
  left: 20%;
  border-radius: 2px;
  background:  rgb(0,125,198);
  justify-content: center;

}

.desplegable-3 p{
  grid-row: 2/2;
  grid-column: 3/5;
  font-family: "AkzidenzGrotesk-LightCond";
  text-align: center;
  color:white;
  font-size: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}


.desplegable-3 div{
  grid-row: span 1;
  grid-column: 3/5;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;

}


.desplegable-3 div i{
  font-size: 5rem;
  color:white;

  
}


.btn-desplegable-3-registro{
  grid-row: 4/4;
  grid-column: 3/5;
  
  font-family: "AkzidenzGrotesk-LightCond";
  text-align: center;
  color:rgb(0,125,198);
  background: white;
  font-size: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border:none;

}


.desplegable{
    display: grid;
    grid-template-columns:1fr;
    grid-template-rows:70px 1fr 60px 60px;
    width: 60%;
    height: 520px;
    padding: 15px;
    position: relative;
    top:200px;
    left: 20%;
    border: 2px solid white;
    border-radius: 2px;
    background:white;


}


.btn-close-panel{
  position: absolute;
  top:15px;
  right:15px;
  width: 50px;
  height: 50px;

  background:  rgb(0,125,198);
  z-index: 1000;

  border:none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.btn-close-panel i{

  color:white;
 
  font-size: 30px;
 
}


.desplegable h3{

  grid-row: 1/1;
  background:  white;
  font-family: "AkzidenzGrotesk-LightCond";
  text-align: center;
  color:rgb(0,125,198);
  font-size: 2.5rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(0,125,198,0.4);
}

.desplegable form{
  width: 100%;
  height: 100%;
  grid-row: 2/2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}





.desplegable form label{
  text-align: left;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  color:rgba(0,0,0,0.4);
  width: 90%;
}

.desplegable form input{
  width: 90%;
  height: 2.5rem;

  margin-bottom: 0.5rem;
  padding: 0px 0.2rem;
  border-radius: 2px;
  border: 1px solid rgba(0,125,198,0.4);

}




.desplegable div{

  grid-row: 1 span;

}


/*   */

.btn-panel{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;


}

.btn-panel-1{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;


}




.btn-panel-2{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid rgba(0,125,198,0.4);

}

.btn-out,.btn-perfil{
  width: 2rem;
  height: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
  cursor: pointer;
  color: white;
  background: none;
  border: none;

}

.btn-out i,.btn-perfil i{
  font-size: 2rem;

}

.btn-fechas-close,.btn-fechas{
  width: 2rem;
  height: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
  cursor: pointer;


}

.btn-fechas-close i,.btn-fechas i{
  font-size: 1.5rem


}

.panel-login{
width: 90%;
height: 6rem;
font-size: 2rem;
font-family: "Helvetica-Light";
cursor: pointer;
color: white;
background: none;
border: none;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.btn-login{
  width: 2rem;
  height: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
  cursor: pointer;
  color: white;
  background: none;
  border: none;

}
.btn-login i{
  font-size: 2rem

}

.btn-2-1{
  border: none;
  background: none;
  font-size: 1.2rem;
  color:black;
  margin: 1rem;

}

.btn-buscador{
  margin: 0.5rem;

}
.btn-buscador i{
  font-size: 2rem;

}

.btn-buscador-2,.btn-buscador-4 {
  width: 2rem;
  height: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
  cursor: pointer;
  color: white;
  background: none;
  border: none;

}

.btn-buscador-2 i,.btn-buscador-4 i{
  font-size: 2rem;

}


.btn-bar {
  background: rgba(0,0,0,0);
  border: none;
  margin: 0.5rem;
}


.btn-bar i{
  color: white;
  font-size: 2rem;

}

.desplegable-2{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  background: rgb(0,125,198);
  z-index: 1500;
  width: 40%;
  height: 600px;
  border: 2px solid white;
  position: absolute;
  top:40px;
  left: 30%;

}

.desplegable-2 img{
  width: 80%;



}

.desplegable div{
  width: 100%;

}



/*Perfil*/

.perfil-contenedor{
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 600px;
}

.perfil-contenedor h1{
  text-align: center;
  color:white;
  font-size: 2.5rem;
  padding: 0.5rem 0px;
  background:  rgb(0,125,198);
    font-family: "AkzidenzGrotesk-LightCond";
  border-bottom: 1px solid white;
  width: 60%;
  margin: 1.5rem 0px;
}


.perfil-contenedor div h3{
  text-align: center;
  color:rgba(0,0,0,0.95);
  font-size: 1.5rem;
  padding: 0.5rem 0px;

    font-family: "AkzidenzGrotesk-LightCond";
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  width: 100%;
}


.perfil-contenedor button i{
  font-size: 2rem;
  color:white;

}

.perfil-contenedor div{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction:column;
  justify-content: space-around;
  align-items: center;
  width: 60%;

}

.perfil-contenedor div div{

  display: flex;
  flex-direction:row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;


}




.perfil-contenedor div div label{
  text-align: left;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  color:rgba(0,0,0,0.4);
  width: 100%;
}

.perfil-contenedor div div input{
  width: 90%;
  height: 2.5rem;

  margin-bottom: 0.5rem;
  padding: 0px 0.2rem;
  border-radius: 2px;
  border: 1px solid rgba(0,0,0,0.1);

}


.perfil-contenedor div div div label{
  text-align: left;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  color:rgba(0,0,0,0.4);
  width: 100%;
}

.perfil-contenedor div div div input{
  width: 90%;
  height: 2.5rem;

  margin-bottom: 0.5rem;
  padding: 0px 0.2rem;
  border-radius: 2px;
  border: 1px solid rgba(0,0,0,0.1);

}







/*Botones*/

.grup-btn{
  display: -webkit-box;
  -webkit-box-pack: justify;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
width: 100%;


}

.facebook{
background: white;
  color:rgb(0,125,198);
    border: 1px solid  rgb(0,125,198);
    border-radius: 100%;
    width: 5rem;
    height:5rem;

}

.instagram{
  background: white;
    color:rgb(0,125,198);
      border: 1px solid rgb(0,125,198);
      border-radius: 100%;
      width: 5rem;
      height:5rem;

}

.google{
  background: white;
    color:rgb(0,125,198);
      border: 1px solid rgb(0,125,198);
      border-radius: 100%;
      width: 5rem;
      height:5rem;

}

.btn{
    background: rgb(0,125,198);
    border: 1px solid white;
    border-radius: 2px;
    color:white;
    width: 8rem;
    height: 3rem;
    font-size: 1.5rem;
}

.btn-cuadrado{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background:  rgb(0,125,198);
  width: 3.5rem;
  height: 3.5rem;
  border:1px solid rgba(0,0,0,0.1)



}

.btn-up{
  width: 4rem;
  height:4rem;
  background: rgb(0,125,198);
  border: 1px solid white;
  border-radius: 20px;
  position: fixed;
  right: 10px;
  bottom: 90px;
}

.btn-up i{
  color:white;
  font-size: 3rem;

}

/*Contenedores*/
body{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  background: rgb(224,237,244);
}

.contenedor{
width: 97.5%;
display: -webkit-box;
-webkit-box-pack: justify;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items:  flex-start;


}


.contenedor-inicio{
width: 100%;
height: auto;
display: -webkit-box;
-webkit-box-pack: justify;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;

}

.contenedor-infinite{
  width: 90%;
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;


}

.contenedor-publicidad{
  display: none;


}

.contenedor-selection-1{

width: 80%;
min-height: auto;
display: -webkit-box;
-webkit-box-pack: justify;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
align-content:  flex-start;
}



.contenedor-selection-2{
width: 100%;
height: 600px;
background: rgb(0,125,198);
display: -webkit-box;
-webkit-box-pack: justify;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}




.contenedor-selection-3{

width: 59%;
height: auto;
display: -webkit-box;
-webkit-box-pack: justify;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
align-content:  flex-start;

}

.contenedor-selection-4{
width: 80%;
min-height: 1250px;
display: -webkit-box;
-webkit-box-pack: justify;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
align-content:  flex-start;
-webkit-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
}

.contenedor-selection-5{
width: 21%;
height: auto;
display: -webkit-box;
-webkit-box-pack: justify;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content:space-between;
align-content:  center;
margin-top: 1rem;
}

.contenedor-selection-6{
width: 100%;
margin: 1rem 0px;
display: -webkit-box;
-webkit-box-pack: justify;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
align-items: center;
}


.contenedor-article-1{
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 60px auto 60px;
width: 33.3%;
height: auto;
margin: 1rem 0px;
gap: 10px;
justify-content: space-between;
align-content: center;

}


.contenedor-article-1 a{
  grid-row:1 span ;
  grid-column: 1/1;
  
  }


.contenedor-article-1-movil{
  display: none;

}



.contenedor-article-1 h3{
margin: 0.5rem 0px 0px;
      font-family: "AkzidenzGrotesk-LightCond";

}

.contenedor-article-1-1{
  display: -webkit-box;
  -webkit-box-pack: justify;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 33.3%;
margin: 1rem 0px;
height: auto;
}

.contenedor-article-2-2{
  display: -webkit-box;
  -webkit-box-pack: justify;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-content: space-between;
width: 100%;
height: auto;
margin: 1rem 0px 0px;
}



.contenedor-article-2{
  display: -webkit-box;
  -webkit-box-pack: justify;
margin: 1rem 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-content: flex-end;
width: 66.6%;
height: auto;
}

.contenedor-article-3{
  display: -webkit-box;
  -webkit-box-pack: justify;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-content: flex-start;
width: 100%;
margin: 1rem 0px 0px 0px;

}


.contenedor-article-3-2{
  display: -webkit-box;
  -webkit-box-pack: justify;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-content: flex-start;
width: 100%;

}



.contenedor-aside{
width: 20%;
display: -webkit-box;
-webkit-box-pack: justify;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between;
align-items:  center;
margin: 1rem 0px;


}





.contenedor-aside-article{
width: 20%;
height: 720px;
display: -webkit-box;
-webkit-box-pack: justify;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin: 1rem 0px;
z-index: 5;
overflow-y: scroll;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 10px 0px 0px 10px;

}

.aside-fixed{
  position: fixed;
  top:70px;
  right: 0px;

}

.aside-absolute{
  position: absolute;
  top:250px;
  right: 0px;


}



.contenedor-aside-publicidad{
width: 20%;
height: auto;
display: -webkit-box;
-webkit-box-pack: justify;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin: 1rem 0px;

}
/*Paginas*/

.pagina-publicidad{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;

}


.pagina-publicidad h1{
  font-size: 3rem;

}

.pagina-publicidad div{
  width: 60%;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;

}
.pagina-publicidad input{
  height:1.8rem;
  border: 1px solid rgba(0,0,0,0.1);
  padding: 0px 0.5rem;
  width: 100%;
  font-family: "Helvetica-Light";
}


.pagina-publicidad textarea{
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height:300px;
  min-height: 300px;
  max-height: 300px;
  padding: 0px 0.5rem;
  border: 1px solid rgba(0,0,0,0.1);
  font-family: "Helvetica-Light";
  resize: none;

}

/*Complemento*/

.complemento-slick{
  width: 90%;

}

.complemento-slick div img{
  width: 100%;

}


.complemento_video{

  width: 90%;
    min-height: 400px;
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 2rem 0px;
    border-radius: 5px;

}

.complemento_video video{
  width: 100%;
  border: 1px solid white;
  border-radius: 5px;
  border: 1rem solid rgb(0,125,198);
  -webkit-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
  box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);

}

.complemento_video iframe{
  width: 100%;
  height: 90%;
  border: 1px solid white;
  border-radius: 5px;
    border: 0.5rem solid rgb(0,125,198);
    -webkit-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
    box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
}


.complemento_img{
  width: 90%;
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0px;

}

.complemento_img img{
  width: 100%;
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0px;
}

.complemento_img p{
  text-align: left;
  padding: 0px 1rem;
  color:black;
  font-family: "AkzidenzGrotesk-LightCond";
  font-size: 1.25rem;
  font-weight: lighter;
}

.complemento_img_2{
  width: 90%;
  margin: 0.5rem 0px;

}

.complemento_img_2  img{
  width: 40%;
  margin: 0.5rem;
   float: left;

}

.complemento_img_2 h6{
  width: 100%;
  border-bottom: 1px solid rgb(0,125,198);
  margin: 0.5rem;
  padding: 0px 0.5rem;
  text-align: left;
  font-size: 1.5rem;
  font-family: "AkzidenzGrotesk-LightCond";

}

.complemento_img_2  p{
  width: 100%;
  margin: 1rem 0px;
  text-align: justify;
  font-size: 1.2rem;
  font-family: "Helvetica-Light";
}

.complemento_link {
  width: 90%;
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0.5rem 0px;
  padding: 0px 0.5rem;
}


.complemento_link a{
  background:rgb(0,125,198);
  padding: 0.5rem;
  border: 1px solid rgba(0,0,0,0.1);
  text-decoration: none;
  color:white;
    font-family: "AkzidenzGrotesk-LightCond";
    font-size: 1.25rem;
    border-radius: 5px;
  }


.complemento_parrafo{
  width: 90%;
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  margin: 1rem 0px;
  text-align: justify;
  font-size: 1.2rem;
  font-family: "Helvetica-Light";
  padding: 0px 1rem;

}


/*Article*/




/*MODIFICAR*/
.article-0-1{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}


.article-0-1 img{
  width: 97.5%;

}

.article-0-2{
  width: 100%;
  margin-bottom: 1.5rem;
}

.article-0-2 h2{
font-size: 1rem;
    font-family: "AkzidenzGrotesk-LightCond";
text-align: center;
padding:  1rem 0px;

}


.article-0-2 img{
  width: 97.5%;

}







.nivel-1-1{
width: 95%;
margin-bottom: 1.5rem;
}

.nivel-2-1{
width: 45%;

}

.nivel-3-1{
  width: 30%;
  margin-bottom: 1.5rem;

}

.nivel-4-1{
  width: 23.5%;
  margin-bottom: 1.5rem;

}

.nivel-5-1,.nivel-5-1-1{
  width: 48.5%;
  margin-bottom: 1.5rem;

}


.contenedor-5-1{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:space-between;
  align-content: flex-start;
  width: 48.5%;


}


.nivel-1-2{
width: 95%;
margin-bottom: 1.5rem;

}

.nivel-2-2{
width: 45%;
margin-bottom: 1.5rem;

}

.nivel-3-2{
width: 90%;


}



.article{
  position: relative;
  overflow:hidden;

  background: rgba(0,0,0,0.31);
  background: -moz-linear-gradient(top, rgba(0,0,0,0.31) 80%, rgba(0,0,0,0.43) 85%, rgba(0,0,0,1) 91%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(80%, rgba(0,0,0,0.31)), color-stop(85%, rgba(0,0,0,0.43)), color-stop(91%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.31) 80%, rgba(0,0,0,0.43) 85%, rgba(0,0,0,1) 91%, rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.31) 80%, rgba(0,0,0,0.43) 85%, rgba(0,0,0,1) 91%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.31) 80%, rgba(0,0,0,0.43) 85%, rgba(0,0,0,1) 91%, rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.31) 80%, rgba(0,0,0,0.43) 85%, rgba(0,0,0,1) 91%, rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );



  -webkit-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.75);
animation-duration: 0.8s;
animation-name: article;
animation-timing-function:ease-out;

}


.article a{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: column;
  justify-content:space-between;
  align-items: center;

}

.article:hover img{
  -webkit-transform:scale(1.10);
  -moz-transform:scale(1.10);
  -ms-transform:scale(1.10);
  -o-transform:scale(1.10);
  transform:scale(1.10);

}

.article-img  {
width: 100%;
  background-color:  rgb(0,125,198);
z-index: -1;
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
width:100%;
}




.article-body {
  position: absolute;
    bottom: 5px;
  z-index: 3;
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-content: space-around;
width: 100%;



}


.article-titulo{
text-align: left;
padding: 0px 1rem;
color:white;
font-family: "AkzidenzGrotesk-LightCond";
font-size: 1.25rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: lighter;
min-width: 0;
}

.article-fecha{
  width: 100%;
  text-align: left;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  font-family: "Helvetica-Light";
  color:white;
}

.article-parrafo{

  text-align: justify;
  padding:  0px 1rem;
  color:white;
font-family: "Helvetica-Light";
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 1rem;
min-width: 0;


}


.article-2 a{
  position: relative;
  background: rgba(0,125,198);
  margin-bottom: 1.5rem;
  -webkit-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
  box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;


}

.article-2-img{
width: 100%;


}


.article-2-body{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content:space-around;
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 70%;
  height: 100%;
  background: rgba(0,125,198,0.8);
  -webkit-transition:  opacity 1.5s;
 transition:  opacity 1.5s;
 opacity: 1;
}



.article-2-body:hover {
opacity: 0;

}

.article-2-parrafo{
  color:white;
  font-family: "Helvetica-Light";
  font-size: 1.1rem;
  padding: 0.2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1rem;
  min-width: 0;

}

.article-2-titulo{
  color:white;
    font-family: "AkzidenzGrotesk-LightCond";
  font-size: 1.4rem;
  overflow: hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
  height: 30%;
  min-width: 0;
  font-weight: lighter;
    padding: 0.2rem;

}

.article-4{
  width: 95%;
  height: 9rem;
  margin: 1.5rem 0px;
  background: rgba(13,33,79,1);
  border: 1px solid rgb(0,125,198);
  border-radius: 5px;
  -webkit-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
  box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}



.article-4 div h4{
  font-family: "AkzidenzGrotesk-LightCond";
  font-weight: lighter;
  font-size: 2rem;
  color:white;
  margin-bottom: 0.5rem;
  text-align: left;
  border-bottom: 2px solid rgb(0,125,198);
  padding: 0.5rem;

}

.article-4  div p{

  font-family: "AkzidenzGrotesk-LightCond";
  font-size: 1.2rem;
  color:white;
  text-align: justify;
  padding: 0.5rem;

}


.article-header-3{
  width: 97.5%;
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: column;
  justify-content:space-between;
  align-items: center;
  position: relative;
  margin-bottom: 1.5rem;

}

.article-header-3 div{
  width: 90%;
  z-index: 3;
  position: absolute;
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  bottom: 5px;
}

.article-header-3 img,.article-header-3 video{
width: 95%;
z-index: 2;

}

.article-header-3 p{
  text-align: justify;
  padding: 0px 0.5rem 1rem;
    z-index: 3;
    color:white;
font-family: "Helvetica-Light";
overflow-y: hidden;
white-space:pre-wrap;
text-overflow: ellipsis;
font-size: 1rem;
height: 2.4rem;
}

.article-header-3 h3{
  text-align: left;
  padding:  0.5rem;
  z-index: 3;
  color:white;
      font-family: "AkzidenzGrotesk-LightCond";
      font-size: 1.25rem;
      width: 100%;
      font-weight: lighter;

}

.article-body-3 {
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.article-body-3-bajada{
width: 90%;
text-align: justify;
margin-bottom: 0.2rem;
font-size: 1.8rem;
    font-family: "AkzidenzGrotesk-LightCond";
}

.article-body-3-parrafo {
width: 90%;
text-align: justify;
margin-bottom: 2rem;
font-size: 1.2rem;
font-family: "Helvetica-Light";
}

.article-body-3-parrafo::first-letter{

font-size: 4rem;
font-weight: 1000;
  color: rgb(0,125,198);
  letter-spacing: 0;
}

.article-body-3-titulo-1 {
  width: 90%;
  text-align: justify;
  margin-bottom: 0.2rem;
  font-size: 1.75rem;
  font-weight: bold;
    font-family: "AkzidenzGrotesk-LightCond";
}

.article-body-3-titulo-2 {
  width: 90%;
  text-align: justify;
  margin-bottom: 2rem;
  font-size: 1.2rem;
    font-family: "AkzidenzGrotesk-LightCond";
    font-weight: lighter;
}

.article-body-3-titulo-3 {
  width: 90%;
  text-align: justify;
  margin: 0.2rem 0.5rem;
  font-size: 1.5rem;
  font-weight:lighter;
  color:rgba(0,0,0,0.8);
    font-family: "AkzidenzGrotesk-LightCond";
}

.article-body-3-titulo-4 {
  width: 90%;
  text-align: justify;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: lighter;
  color: rgb(0,125,198);
  border-bottom:  1px solid  rgb(0,125,198);
    font-family: "AkzidenzGrotesk-LightCond";
}
.article-comentario{
  width: 80%;
  background: rgba(13,33,79,1);
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 2rem 0px;
}

.article-comentario h3{
  width: 100%;
  background: rgb(224,237,244);
  color:rgba(13,33,79,1);
  font-size: 2rem;
    font-family: "AkzidenzGrotesk-LightCond";
  border-top: 1px solid rgb(0,125,198);


}

.article-comentario h4{
  width: 100%;
  margin: 1rem;
  color:white;
  font-size: 2rem;
    font-family: "AkzidenzGrotesk-LightCond";

}

.article-comentario div{
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;

}

.article-comentario div textarea{
  max-width: 60%;
  min-width: 60%;
  max-height: 200px;
  min-height: 200px;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 5px;
  margin: 2rem 0px 0px 2rem;
  padding: 1rem;
  font-size: 1.5rem;
font-family: "Helvetica-Light";
  resize: none;
  -webkit-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
  box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
}

.article-comentario button{
  border: 1px solid white;
  background: rgb(0,125,198);
  color:white;
  margin: 2rem;
  padding: 0.5rem;
    font-family: "AkzidenzGrotesk-LightCond";

}

.article-comentario ul {
width: 60%;


}

.article-comentario ul li{
width: 100%;

}


.comentarios-block{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

}

.comentarios-block h5{
  width: 100%;
  color:white;


}

.comentarios-block div{
  width: 20%;
  display: flex;
}


.comentarios-block div img{
  width: 100%;
}


.comentarios-block p{
  width: 60%;

}

.buscador{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;

}

.buscador a{
  width: 90%;
  min-height:220px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,0.2);

}

.buscador a img{
  width: 20%;
  min-width: 20%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.buscador-body{
  width: 70%;
  min-width: 70%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content:flex-start;
  align-items: center;
}

.buscador-titulo{
font-size: 1.5rem;
  color:rgb(0,125,198);
  width: 100%;
}

.buscador-seccion{
  font-size: 1.2rem;
  color:rgb(0,125,198);
  width: 100%;
  margin: 0.5rem 0px;
  text-transform: uppercase;
}

.buscador-parrafo{
  text-align: justify;
  text-decoration: none;
  color: black;
  font-size: 1rem;

}

.buscador-autor{

  text-align: left;
  text-decoration: none;
  color: black;
  font-size: 1rem;
  margin: 1rem 0px;
  text-transform: uppercase;
}

.panel-publicidad-mv{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;


}


.publiciadad-mv{
  width: 90%;
  margin: 0px 0px 1rem;
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;

}

.publiciadad-mv img, .publiciadad-mv-2 img{
  width: 100%;


}

.publiciadad-mv-2{
  width: 40%;
  margin: 0px 0px 1rem;
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;

}


.publiciadad{
  width: 90%;
  margin: 0px 0px 1rem;
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

}

.publiciadad p{
  color:white;
    font-family: "AkzidenzGrotesk-LightCond";
}



.publiciadad img{
  width: 100%;
}



.publiciadad-3{
  width: 100%;
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

}


.publiciadad-3 img{
  width: 90%;
}


.comentarios-block{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  border-top: 1px solid white;
  padding: 1rem 0px;
  margin: 0px 1rem;
  width: 65%
}

.comentarios-block p{
  width: 100%;
  text-align: justify;
  color:white;
  font-size: 1rem;
  font-style: italic;
}



/*Palabrita*/

.contenedor-palabrita{
  display:flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;


}

.contenedor-palabrita h1{
  font-size: 2rem;
  text-align: center;
  width: 100%;
font-family: "Helvetica-Light";

}

.contenedor-palabrita div{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 90%;


}

.contenedor-palabrita div img{
  width: 100%;


}

.contenedor-palabrita a{
width: 45%;
height:5rem;
background: rgb(0,125,198);
margin: 1rem 0px;
display:flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: center;
text-decoration: none;
color: white;
font-family: "AkzidenzGrotesk-LightCond";
font-size: 2rem;
}

/*Ediciones Anteriores*/

.contenedor-ediciones-anteriores{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
      flex-wrap: wrap;
  width: 100%;

}


.contenedor-ediciones-anteriores a{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
    flex-wrap: wrap;
  width: 20%;
  margin: 2rem;

}

.contenedor-ediciones-anteriores a div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;

}

.contenedor-ediciones-anteriores a div img {
  width: 100%;

}



/*FOOTER*/

.contenedor-footer-statico{
  position: fixed;
  bottom: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 80px;
  background: rgb(0,125,198);



}

.contenedor-footer-statico h4{
  color:white;
  font-size: 1rem;
  text-align: center;
  font-family: "Helvetica-Light";
}


.contenedor-footer{
  position: fixed;
  bottom: 0px;
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 100%;
height: 80px;
  background: rgb(0,125,198);

  z-index: 5000;

}


.panel-footer{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 80%;

}


.panel-footer a{
  text-decoration: none;
  color:white;
    font-family: "AkzidenzGrotesk-LightCond";
    font-size: 1rem;
}

.contenedor-footer h4{
  color:white;
  font-size: 1rem;
  text-align: center;
  font-family: "Helvetica-Light";
}


/*Animaciones*/


.contenedor-loader{
  position: fixed;
  width: 100%;
  height: 100vh;
  top:0px;
  left: 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: rgb(0,125,198);
  z-index: 20000;
  overflow-x: hidden;
  overflow-y: hidden;


}
.contenedor-loader::-webkit-scrollbar{
  display: none;

}



.contendeor-loader-infinite{
  width: 100px;
  height: 80px;
  position: fixed;
left: 0px;
bottom: 0px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;

z-index: 15000;

}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid rgb(0,125,198); /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;

}

.loader-mini {
  margin: 1rem ;
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid rgb(0,125,198);; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
}


.loader-none{
  display: none;

}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*Pagina secundarias*/

.section-qs{
width: 90%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin: 2rem 0px;

}


.section-qs h1{
  font-size: 2.5rem;
  width: 90%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom:  1px solid rgba(0,0,0,0.1);
  margin: 0px 0px 1rem 0px;

}

.article-qs-1{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;


}

.article-qs-1 p{
text-align: justify;
width: 90%;


}


.article-qs-2{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 60%;
  height: 300px;


}

.article-qs-2 a{
  font-size: 1rem;
  text-decoration: none;
  color:black;

}

/*SWIPER*/


.slider-contenedor{
  width: 100%;

  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;


}



.swiper {
  width: 97%;
  height: 600px;
}

.swiper-card{

  width: 100%;
  position: relative;
  height: 550px;
  overflow: hidden;

}

.swiper-card img{

  width: 100%;



}


.swiper-card div{

  width: 100%;
  height: 120px;

  position: absolute;
  bottom: 0px;
  left: 0px;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: rgb(0,125,198);
background: -moz-linear-gradient(0deg, rgba(0,125,198,1) 35%, rgba(0,0,0,0.49341743533350846) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,125,198,1) 35%, rgba(0,0,0,0.49341743533350846) 100%);
background: linear-gradient(0deg, rgba(0,125,198,1) 35%, rgba(0,0,0,0.49341743533350846) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007dc6",endColorstr="#000000",GradientType=1); 
}

.swiper-card div p{


  font-size: 20px;
  color:white;
  font-family: "AkzidenzGrotesk-LightCond";
  text-transform: uppercase;

}


.rss-swiper{
  width: 97%;
  height: 180px;
  background: rgb(0,125,198);
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  margin: 10px 0px;
}



.rss-swiper h4{

font-size: 25px;
color:white;
font-family: "AkzidenzGrotesk-LightCond";
text-transform: uppercase;
}

.rss-swiper div{

  width: 150px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;

}

.rss-swiper div a{
color:white;
font-size: 25px;

}

.rss-swiper div a i{
  color:white;
  font-size: 25px;
  
  }


  .panel-share-rss{

    width: 90%;
    margin: 10px 0px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }



  .panel-share-rss h4{
    font-size: 25px;
    font-family: "AkzidenzGrotesk-LightCond";
    text-transform: uppercase;
  }


  .panel-share-rss a{
   color:white;
   margin-left: 15px;
  }

  .panel-share-rss a i{
   color:black;
   font-size: 25px;
  }

/*resoluciones*/







/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:1160px){

/*NAVEGADOR*/

.nav-menu-res{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;

}
  .nav-contenedor{
    display: none;
  }
  .nav-menu{
    display: none;
  }
  .sub-nav-panel{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content:space-around;
    align-items: center;
    position: absolute;
    background: rgb(0,125,198);
    height: 55px;
    top:0px;
    right: 0px;

  }

  .nav-menu-fix{

  flex-direction: row;
  justify-content:space-between;
  align-items: center;



  }
  .nav-menu a{
   font-size: 0.8rem;
  }
  .nav-menu-fix button{
    color: white;
    font-size: 1.5rem;
    border: 1px solid  rgb(0,125,198);
    background:  rgb(0,125,198);
    margin: 0px 0.5rem;
  }
  .nav-menu-fix input{
    display: none;
  }
  .nav-menu-fix a{
  font-size: 0.8rem;
  }

  .nav-panel{
    display: none;

  }

}


@media (max-width:1160px) and (min-width:1008px){

/*NAVEGADOR*/

.nav-menu-res{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;

}
  .nav-contenedor{
    display: none;
  }
  .nav-menu{
    display: none;
  }
  .nav-menu-fix{
  flex-direction: row;
  justify-content:space-between;
  align-items: center;
  }

  .panel-datos div{
    margin: 0.5rem 0px;
  }
  .nav-panel{
    display: none;

  }

}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:1008px) and (min-width:768px){

/*NAVEGADOR*/

.nav-menu-res{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;

}
  .nav-bar{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 20%;
  }
  .nav-menu{
    display: none;
  }
  .nav-menu a{
   font-size: 0.8rem;
  }
  .nav-menu-fix{
  flex-direction: row;
  justify-content:space-between;
  align-items: center;
  }
  .nav-menu-fix button{
    color: white;
    font-size: 1.5rem;
    border: 1px solid  rgb(0,125,198);
    background:  rgb(0,125,198);
    margin: 0px 0.5rem;
  }
  .nav-menu-fix a{
  font-size: 0.8rem;
  }
  .nav-contenedor{
    display: none;
  }

 

   .nav-panel{
     display: none;

   }


/*DESPLEGABLES*/
.desplegable{
  width: 80%;
  height: 520px;

  top:200px;
  left: 7%;
}




/*CONTENDOR*/
  .contenedor{
  width: 97.5%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  }
  .contenedor-selection-1{
  order:1;
  width: 100%;
  min-height: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-content:  flex-start;
  }
  .contenedor-selection-2{
  width: 100%;
  height: 600px;
  background: rgb(0,125,198);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  }

    .contenedor-selection-3{

    width: 74%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-content:  flex-start;

    }

    .contenedor-selection-4{
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-content:  flex-start;
    -webkit-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
    box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
    }

    .contenedor-selection-5{
    width: 26%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content:flex-start;
    align-content:  center;
    margin: 1rem 0px;

    }

  .contenedor-publicidad{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 1rem;

  }
  .contenedor-aside-article{
  width: 30%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 1rem 0px;

  }
  .contenedor-aside{
display: none;
  }
  .contenedor-aside-publicidad{
    display: none;
  }


  .nivel-4-1{
    width: 48.5%;
    margin-bottom: 1.5rem;

  }

  .nivel-5-1{
    width:100%;
    margin-bottom: 1.5rem;

  }


  .nivel-5-1-1{
    width:48.5%;
    margin-bottom: 1.5rem;

  }


  .contenedor-5-1{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    align-content: flex-start;
    width: 100%;


  }

  /*ARTICLES*/
  .publicidad-2{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content:center;
    align-items: center;

  }
  .publicidad-2 img{
    width: 50%;
  }
.article-0-2{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.article-0-2 h2{
font-size: 1rem;
font-family: 'Lora', serif;
text-align: center;
padding:  1rem 0px;
}
.article-0-2 img{
  width: 97.5%;
}

  .publiciadad{
    width: 20%;
    min-height: 150px;
    margin: 0px 0px 1rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

  }

  .publiciadad p{
    color:white;
  font-family: 'Lato', sans-serif;
  }
  .publiciadad img{
    width: 100%;
  }
  .contenedor-carrucel{
    order:2;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 450px;
    background: rgb(0,125,198);
  }

  .complemento_video video{
    width: 90%;



  }



  .complemento_video iframe{
    width: 90%;
    height: 80%;



  }

  .buscador a{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    text-decoration: none;

  }

  .buscador a img{
    width: 30%;

  }

  .buscador-body{
    width: 65%;

  }





}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){

  *{
    font-size: 14px;

  }



  h2{
    width: 95%;
    font-size: 1.5rem;
    padding: 1rem 0px 0px;
    text-align: center;
    border-top: 2px solid rgb(0,125,198);
    margin: 1rem 0px;
  }

  .titulo-pagina-secundaria{


    text-align: center;

  }

  .panel-buscador-top{
    top:104px;

  }



/*NAVEGADOR*/
.nav-fecha{
  width: 100%;
  height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;


}



.nav-menu-res{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;

}

  .nav-bar{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 20%;
  }

  .nav-logo{

    padding: 0px 0.5rem;
  }
    .nav-menu{
      display: none;
    }
    .nav-menu a{
     font-size: 0.8rem;
    }
    .nav-menu-fix{
    flex-direction: row;
    justify-content:space-between;
    align-items: center;
    }
    .nav-menu-fix button{
      color: white;
      font-size: 1.5rem;
      border: 1px solid  rgb(0,125,198);
      background:  rgb(0,125,198);
      margin: 0px 0.5rem;
    }
    .nav-menu-fix a{
    font-size: 0.8rem;
    }

    .nav-contenedor{
      display: none;
    }


   .panel{
      flex-direction: row;
    }

    .panel-datos{
      width: 20%;
      margin:0.5rem 0px;
    }

    .panel-datos div{
  
      width: 100%;
    }


    .panel-datos div img{
      width:95%;
      margin: 0px 10px;
    
    }
    
    



    .panel-clima{
    width: 80%;
  justify-content: flex-end;

    }

    .panel-clima div{

        margin: 0.5rem 0px;
    }


    .nav-panel{
      display: none;

    }

    .clima_0{
      width: 40%;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
    
    }

    .clima_1 p{
 
      font-size: 1rem;
    
    }

    .btn-portada{
   
      width: 100%;
      
  
    }
    




  /*CONTENEDOR*/

  .nivel-1-1{
  width: 100%;
  }
  .nivel-2-1{
  width: 100%;
  margin-bottom: 1.5rem;
  }
  .nivel-3-1{
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .nivel-1-2{
  width: 95%;
  margin-bottom: 1.5rem;
  }

  .nivel-4-1{
    width: 48.5%;
    margin-bottom: 1.5rem;

  }

  .nivel-5-1{
    width:100%;
    margin-bottom: 1.5rem;

  }


  .nivel-5-1-1{
    width:48.5%;
    margin-bottom: 1.5rem;

  }


  .contenedor-5-1{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    align-content: flex-start;
    width: 100%;


  }

  .nivel-2-2{
  width: 95%;
  margin-bottom: 1.5rem;
  }


  .contenedor-aside-publicidad{
    display: none;
  }
  .contenedor-aside-article{
  order: 3;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 1rem 0px;
  position: static;
  overflow-y: inherit;
  border-radius: 10px;
}

.aside-fixed{
  position: static;


}

.aside-absolute{
  position: static;



}

.perfil-contenedor div{

width: 90%;

}

  .contenedor{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  }
  .contenedor-selection-1{
    order:1;
  width: 100%;
  min-height: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-content:  flex-start;
  }
  .contenedor-selection-2{
  width: 100%;
  height: 600px;
  background: rgb(0,125,198);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  }
  .contenedor-selection-3{
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-content:  flex-start;

  }
    .contenedor-selection-4{
      order:1;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-between;
      align-content:  flex-start;
      -webkit-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
      -moz-box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
      box-shadow: -1px 7px 13px -1px rgba(0,0,0,0.75);
      }
  .contenedor-selection-5{
  width: 40%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content:flex-start;
  align-content:  center;
  margin: 1rem 0px;

  }
    .contenedor-aside{
    order:0;
    width: 100%;
    height: auto;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0px;
    }

    .contenedor-carrucel{
      order:2;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      width: 100%;
      height: 450px;
      background: rgb(0,125,198);
    }

    .contenedor-publicidad{
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      margin-bottom: 1rem;

    }

    .contenedor-article-1-movil{
      display: -webkit-box;
    -webkit-box-pack: justify;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      align-content:center;
      justify-content:space-between;
      width: 95%;
      height: auto;
      margin: 1rem 2.5%;

    }

 
    .article-0-1{
      width: 100%;
      margin-bottom: 1.5rem;
    
    }
    

    
    
    .article-0-1 img{
      width: 100%;
    
    }

    .panel-footer a{

        font-size: 0.8rem;
    }


    .contenedor-footer h4{
    
      font-size: 0.8rem;

    }

    .contenedor-article-1{
    display: none;

    }

    .contenedor-article-2{
    margin: 1rem 0px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-between;
    width: 100%;
    height: auto;
    }

    .panel-publicidad-mv{
      display: -webkit-box;
      -webkit-box-pack: justify;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width: 100%;

    }

    .publiciadad-mv-2 {
      width: 48%;
      margin: 0px 0px 1rem;
      display: flex;

    }

    .publiciadad-mv-2  img{
      width: 100%;

    }

    .publiciadad-mv{
      width: 90%;
      margin: 0px 0px 1rem;
      display: -webkit-box;
      -webkit-box-pack: justify;
      display:flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;

    }
    /*DESPLEGABLES*/
    .desplegable{
      width:80%;
      height: 90vh;
      top:20px;
      left: 7%;
    }

    .desplegable h3{
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      font-size: 1.8rem;
    }


/*Complemento*/

    .complemento_video video{
      width: 90%;



    }



    .complemento_video iframe{
      width: 90%;
      height: 80%;



    }


/*ARTICLES*/
    .publicidad-2{
      width: 50%;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: center;
      align-items: center;

    }

    .publicidad-2 img{
      width: 90%;


    }

    .article-comentario{
      order: 2;
      width: 100%;
      background: rgb(0,125,198);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin: 2rem 0px;
    }



    .buscador a{
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      text-decoration: none;

    }

    .buscador a img{
      width: 100%;

    }

    .buscador-body{
      width: 95%;

    }

    .btn{

      width: 100%;
  
  }

  .btn-panel-2{
    display: -webkit-box;
    -webkit-box-pack: justify;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;

  
  }
    
.btn-2-1{
  border: none;
  background: none;
  font-size: 1rem;
  color:black;
  margin: 0.5rem;

}

}