@import url("../css/variables.css");
@import url("../css/columnas.css");
@import url("../css/menu.css");
@import url("../css/slider-interno.css");
@import url("../css/header.css");
@import url("../css/galeria-3d.css");
@import url("../css/lista-videos.css");
@import url("../css/banner-video-fondo.css");
@import url("../css/contacto.css");
@import url("../css/boton-flotante.css");
@import url("../css/footer.css");
@import url("../iconos-web/iconos-web.css");

#ok, #error {
    width: 100%;
}

section:nth-child(2n+2) { /*   MODIFICAR PARA QUE LA SECCION  NOSOTROS SEA DE FONDO BLANCO */
  background: var(--color7);
  color: var(--color4)¡important;
}
.contenedor {
  width: var(--ancho);
  max-width: var(--ancho-max);
  margin: 0 auto;
}
video {
  width: 100%;
  height: 100%;
}
h3 {
  font-size: 40px;
  font-weight: 200;
  margin-bottom: 10px;
}

/* SECCIONES */
#hombres-con-historia {
  width: 100%;
  height: 100%;
  color: var(--color4);
  background: var(--color11);
  margin: 0;
  margin-top: 0;
}
#hombres-con-historia .titulos,
#hombres-con-historia .subtitulos {
  color: var(--color2);
}

#revistas {
  width: 100%;
  height: 100%;
  color: var(--color4);
  background: var(--color11);
  margin: 0;
  margin-top: 0;
}

#revistas .titulos,
#revistas .subtitulos {
  color: var(--color2);
}

#historia-en-fotos {
  width: 100%;
  height: 100%;
  color: var(--color4);
  background: var(--color11);
  margin: 0;
  margin-top: 0;
}

#historia-en-fotos .titulos,
#historia-en-fotos .subtitulos {
  color: var(--color2);
}
#galeria {
  width: 100%;
  height: 100%;
  color: var(--color4);
  background: var(--color11);
  margin: 0;
  margin-top: 0;
}

#galeria .titulos,
#galeria .subtitulos {
  color: var(--color2);
}

#reconocimiento-don-quijote {
    width: 100%;
    height: 100%;
    color: var(--color4);
    background: var(--color11);
    margin: 0;
    margin-top: 0;
}

#reconocimiento-don-quijote .titulos,
#reconocimiento-don-quijote .subtitulos {
    color: var(--color2);
}
#lo-ultimo-publicado {
    width: 100%;
    height: 100%;
    color: var(--color4);
    background: var(--color2);
    margin: 0;
    margin-top: 0;
}

#lo-ultimo-publicado .titulos,
#lo-ultimo-publicado .subtitulos {
    color: var(--color4);
}
#quienes-somos {
    width: 100%;
    min-height: 100%;
    color: var(--color4);
    background: var(--color2);
    margin: 0;
    margin-top: 0;
}

#quienes-somos .titulos,
#quienes-somos .subtitulos {
    color: var(--color4);
}
#equipo .titulos,
#equipo .subtitulos {
    color: var(--color2);
}

.contenedor-quienes-somos,
.contenedor-equipo {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
    align-items: center;
    align-content: center;
    background: var(--color11);
    color: var(--color2);
    margin-top: 15px;
}
.contenedor-equipo {
    background: var(--color4);
    color: var(--color2);
    justify-content: space-between;

}
.item-equipo {
    width: 30%;
    /* background: red; */
    text-align: center;
    line-height: 100%;
}
.contenedor-equipo .foto {
    width: 80%;
    height: 80%;
    margin: auto;
    margin-bottom: 25px;
    background: var(--color2);
    padding: 10px;

}
.contenedor-equipo .foto img {
    width: 100%;
}
.contenedor-equipo .nombre {
    font-size: 16pt;
    color: var(--color11);
    padding: 0;
    margin: 0;

}
.contenedor-equipo .cargo {
    font-size: 13pt;
    text-transform: uppercase;
    font-weight: 700;

}

.contenedor-quienes-somos .textos {
    width: 70%;
}
.contenedor-quienes-somos .textos .margen {
  padding: 15px;
  margin-bottom: 0;
}
.contenedor-quienes-somos .textos .descripcion p {
    font-size: 18pt;
    line-height: 120%;
    padding-bottom: 15px;
}
.contenedor-quienes-somos .textos .descripcion p:last-child {
    padding-bottom: 0;
}
.contenedor-quienes-somos .foto {
    width: 30%;
}

.contenedor-quienes-somos .foto img {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;

}

img {
    display: block;
    margin: 0;
    padding: 0;
}

.titulos {
    font-family: var(--font-titulos);
    margin: 20px 0;
    margin-bottom: 0;
    padding: 0;
}
.titulos::after {
    content: url(vineta-titulos.png);
    display: block;
    margin: 0;
    flex: auto;
}
.subtitulos {
    font-family: var(--font-textos);
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--color2);
}

.subtitulos::after {
    content: "";
    display: block;
    width: 50%;
    height: 6px;
    background: var(--color2);
    margin-top: 15px;
    /* border-bottom: 2px solid var(--color4); */
}
.destacado {
    font-size: 18pt;
    color: var(--color2);
    font-style: italic;
    line-height: 160%;
    margin-bottom: 35px;
}
.hombres-historia {
    width: 100%;
    border: 1px solid var(--color2);
}
.nombre {
    font-size: 13pt;
    font-family: var(--font-textos);
    margin-bottom: 20px;
    font-weight: 700;
    padding: 10px;
    text-transform: uppercase;
}
.descripcion {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 12pt;
    padding: 10px 15px;
}
.ver-mas,
.ver-mas:visited {
    background: var(--color2);
    padding: 5px 15px;
    font-size: 12pt;
    color: var(--color4);
    border-top-right-radius: 12px;
}
.ver-mas:hover {
    background: var(--color1);
    color: var(--color4);
}
.boton-atras {
    background: var(--color2);
    font-size: 10pt;
    color: var(--color4);
    width: 40px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contenedor__reconocimiento {
  width: var(--ancho);
  max-width: var(--ancho-max);
  margin: 0 auto;
}
.contenedor__reconocimiento p {
  font-size: 18pt;
  line-height: 120%;
  font-style: italic;
}

.contenedor-volver {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.item-volver-izq {
    width: 90%;
}
.item-volver-der {
    width: 5%;
}
.infografia {
    font-size: 14pt;
    font-style: italic;
    color: var(--color2);
}

/*NOSOTROS*/

.nosotros {
    background: var(--color4);
    padding: 30px 0;
    /*min-height: 100vh;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .contenedor-800p {
    max-width: 800px;
    margin: 0 auto;
} */

.conntenedor-item .item p {
    font-size: 14pt;
    font-weight: 300;
    margin-bottom: 20px;
    letter-spacing: 1px; 
    line-height: 130%;
}
.conntenedor-item .item ul {
    margin-left: 20px;
    margin-bottom: 20px;

}
.boton {
    position: relative;
    display: inline-block;
    padding: 6px 20px;
    background: var(--color1);
    text-decoration: none;
    color: var(--color4);
    border-radius: 25px;
    transition: .6s;
    letter-spacing: 2px;
    font-size: 12pt;
}
.boton:visited {
    color: var(--color4);
}

.boton:hover {
    background: var(--color4);
    color: var(--color1);
    border: 1px solid var(--color1);
}

.contenedor-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;   
}

.item {
    margin-bottom: 20px;
}
.item img {
    max-width: 100%;
}
.item .foto img {
    max-width: 50%;
}
.item .foto {
    width: 100%;
    display: flex;
    justify-content: center;
}

hr {
    border: 1px solid var(--color2);
    border-radius: 900px/10px;
    height: 0px;
    text-align: center;
    margin: 35px 0;
}
.contenedor-item iframe {
    width: 100%;
    height: 58%;
}

/*    VIDEOS INDEX    */
.contenedor-videos-index {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 15px;
    align-items: center;
    padding: 5px 5%;
}

.contenedor-videos-index .video {
    background: var(--color6);
    border-radius: 5px;
    padding: 10px;
    height: 400px;
}

.contenedor-videos-index .video iframe {
    /* position: absolute; */
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.contenedor-videos-index .descripcion-video h4 {
    font-size: 12pt;
    font-style: italic;
    text-transform: uppercase;
    line-height: 200%;
    font-weight: 500;
}

.copyright {
    font-size: 12px;
    padding: 0;
    margin: 0;
}
.copyright a {
    color: inherit;
    text-decoration: none;
}
.copyright span {
    font-size: 12px;
    font-weight: 700;
}

footer {
    width: 100%;
    margin: 0;
    padding: 20px 0;
    background: var(--color1);
    color: var(--color4);
}
footer .contenedor p {
    margin-top: 40px;
}

/* HASTA TABLET   */
@media (max-width: 992px) {

  .banner .contenido {
      width: 90%;
      height: 45%;
      right: 0;
      left: 0;
      margin: auto;
    }
  
    .banner .contenido h2 {
      font-size: 18pt;
    }
  
    .banner .contenido p {
      font-size: 17pt;
    }

    .nosotros {
        padding: 0px 50px 50px 50px;
    }
    
    .servicios .box {
        width: 100%;
    }
    
    .logros {
        padding-top: 260px;
    }
    .row100 {
        flex-direction: column;
    }
 
    
    .rrss {
        margin: 20px;
    }
    .rrss ul li a img {
        font-size: 24px;
    }

    .galeria {
        margin: auto;
    }
    .item-galeria {
        width: 100%;
        margin-bottom: 25px;
    }
    .contenedor-item {
        display: block;
    } 
    .item-volver-izq {
        width: 85%;
    }
    .item-volver-der {
        width: 10%;
    }

}
/*       HASTA      */
@media (max-width:768px) {
  
.contenedor-videos-index {
  grid-template-columns: 1fr;
}
.contenedor-videos-index .video {
  height: 180px;
}
.item p {
  font-size: 15pt;
}
.destacado {
  font-size: 15pt;
}
.contenedor__reconocimiento p {
  font-size: 18pt;
  line-height: 120%;
  font-style: italic;
}
.contenedor-quienes-somos {
  flex-direction: column;
}
.contenedor-quienes-somos .textos,
.contenedor-quienes-somos .foto {
  width: 100%;
}

.item-equipo {
    width: 100%;
    margin-bottom: 40px;

}

}