/* Reset  */
* ,*::before ,*::after {margin: 0;padding: 0;box-sizing: border-box;}html,body {height: 100%;font-family: sans-serif,Arial,Helvetica,sans-serif;line-height: 1.6;}body {background-color: #fff;color: #333;}ul,ol {list-style: none;}a {text-decoration: none;color: inherit;}img {max-width: 100%;height: auto;display: block;}table {border-collapse: collapse;width: 100%;}th,td {text-align: left;padding: 8px;}button {background: none;border: none;padding: 0;cursor: pointer;}input,textarea,select,button {font: inherit;color: inherit;}a:focus,button:focus,input:focus,textarea:focus {outline: none;}


body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  line-height: 1.3;
  color: #565656;
  background-color: #fff;
  font-size: 18px;
}

a { text-decoration: none; color: #565656;}

h1 { margin:20px 0px 10px;}
h2 {font-size: 30px; margin: 0;}
h3 {font-size: 22px; margin: 0;}
.botones {padding: 20px 0; display: flex; gap: 20px;}
.boton {display: inline-block; padding:15px 40px; text-align: center; min-width: 200px; border-radius: 0px; border:1px solid #084365; color:#084365; }
.boton:hover {background-color:#084365; color:#fff;}
.boton.descarga {background-color:#084365; color:#fff; }
.boton.descarga:hover {background-color:#fcb900; color:#fff; }

/**/
.main-header,
.container { width: 90%; max-width: 1280px; margin: 0 auto;}
.container-ampliado {width: 95%; max-width: 1600px; margin: 0 auto; }
.container.reducido {max-width: 1000px;}

/* Header */
.menu-movil {display: none;}
.site-header { display: flex; padding: 2rem 0 1rem; position: relative;}
.site-header .menu {list-style: none;display: flex; gap: 1.5rem;}
.site-header .menu a { color: #565656;}
.site-header .menu a:hover {color: #FAB823;}
.site-header .menu .current_page_item a { font-weight: bold; position: relative; display: inline-block;}
.site-header .menu .current_page_item a:before {background-color: #FAB823 ; content: ""; width: 100%; height: 1px; position: absolute; left: 0;; bottom: -10px;}

.site-header .menu .libro a {background-color: #084365; color: #fff;padding: 4px 20px; border-radius: 11px;  margin-top: -4px;}
.site-header .menu .libro a:hover {background-color:#fcb900;}

.logos {width: 350px; margin-left: 40px;}
.logos img {width: 100%;}

/*hero*/
.hero-home {}
.hero-home .container {display: flex; height: 70vh; min-height: 800px; align-items: center; position: relative; }
.hero-home .hero-tit h1 {color: #084365;  font-size: 70px; font-weight: 900; line-height: 1; }
.hero-home .hero-tit h2 {color: #000000; font-size: 38px; font-weight: 300; }
.hero-home .hero-tit span {display: block; color:#FAB823 ; font-size: 25px;  font-size: 30px; font-weight: 300; margin-bottom: 40px;}
.hero-home .hero-tit {width:45%; position: relative; margin-top: -100px;}

.hero-interior {}
.hero-interior .container {position: relative; }
.hero-interior .hero-tit h1 {color: #084365;  font-size: 50px; font-weight: 900; line-height: 1; }
.hero-interior .hero-tit h2 {color: #000000; font-size: 20px; font-weight: 300; }
.hero-interior .hero-tit span {display: block; color:#FAB823 ;  font-size: 20px; font-weight: 300; margin-bottom: 40px;}
.hero-interior .hero-tit {width:400px; position: relative; margin-top: 40px;}
.hero-interior .ilustracion {position: absolute; right: 100px; top: 0px; width: 550px;}
.hero-interior.info .ilustracion {width: 610px;}


.hero-interior .ilustracion img {width: 100%}

h2.tit-page {font-size: 40px; color: #084365; font-weight: 700; position: relative; margin:90px 0 40px;}
h2.tit-page { display: inline; background-image: linear-gradient(to top, #FAB823 1px, transparent 2px); background-repeat: repeat-x; background-size: 100% 2px;  background-position: 0 100%; }


.ilustracion-home {width:55%;}
.ilustracion-home img {width: 100%}
.ilustracion-detalle {width:350px; position: absolute; bottom:0px; left: -200px;}
.ilustracion-detalle img {width: 100%}
.next {margin: 0 auto; width: 50px; padding-top: 40px;}
.next img {width: 100%;}

.video-trigger {cursor: pointer;}

/*section-modulo*/

.section-modulo {margin: 80px 0px;}
.bloque-video {display: flex; gap: 20px;}
.bloque-video h2 {font-size: 40px; color: #084365; font-weight: 700; position: relative; margin:0px;}
.bloque-video h2 { display: inline; background-image: linear-gradient(to top, #FAB823 1px, transparent 2px); background-repeat: repeat-x; background-size: 100% 2px;  background-position: 0 100%; }
.bloque-video h3 {font-size: 30px; font-weight: 300; margin:40px 0 20px;}
.bloque-video .txt {width: 55%;}
.bloque-video .img {width: 45%; padding-top: 60px;}
.bloque-video .img img {width: 100%;}

/**/
.entrevistas {padding: 60px 0px; background-color: #084365; color: #fff;}
.entrevistas h2 {margin-bottom: 20px;}
.entrevistas h3 {margin: 20px 0 10px;}
.entrevistas .item .img {position: relative; display: block; background-color: #000;}
.entrevistas .item .img .play {opacity: 1;  position: absolute; right: 20px; bottom: 20px; z-index: 1; width: 80px;}
.entrevistas .item .img .foto {opacity: 0.9;}

.lista_entrevistas {padding:60px 0; display: flex; flex-wrap: wrap; gap: 20px;}
.lista_entrevistas .item {width: 32%;}
.lista_entrevistas .item img {width: 100%; display: block;}
.lista_entrevistas h3 {margin: 20px 0 10px;}
.lista_entrevistas .item .img {position: relative; display: block; background-color: #000;}
.lista_entrevistas .item .img .play {opacity: 1; position: absolute; right: 20px; bottom: 20px; z-index: 1; width: 80px;}
.lista_entrevistas .item .img .foto {opacity: 0.9;}

/**/
.galeria + .botones a {margin: 0 auto;}
.galeria h2 {margin-bottom: 20px;}
.menu-galeria {display: flex;}
.menu-galeria li {padding: 2px 4px;}
.menu-galeria li a {text-decoration: none;}

body .e-con.e-flex>.e-con-inner {max-width: 100%;}
body .elementor-image-gallery .gallery-columns-4 .gallery-item {width: 100%; max-width: 100%;}
body .elementor-image-gallery .gallery-item img {width: 100%; object-fit: cover;  height: 200px;}

.image-container {width: 100%; aspect-ratio: 16 / 9;overflow: hidden; }

.image-container img { width: 100%; height: 100%; object-fit: cover;}

/**/
.infografias {padding: 60px 0px; background-color: #F8F8F8; }
.infografias .item {background-color: #ECECEC; padding: 20px;}
.infografias .item img {border: 2px solid #fff;}
.infografias h2 {margin-bottom: 20px;}
.infografias h3 {margin: 20px 0 10px;}
.infografias a h3 {color: #565656;}

.lista_infografias {padding:60px 0; display: flex; flex-wrap: wrap; gap: 20px;}
.lista_infografias .item {width: 32%; background-color: #ECECEC; padding: 20px;}
.lista_infografias .item img {width: 100%; border: 2px solid #fff}
.lista_infografias h3 {margin: 20px 0 10px;}
.lista_infografias a h3 {color: #565656;}

/**/
.destaca-libro {padding: 40px; display: flex; gap: 20px; align-items: center; background-color:#084365; color: #fff;}
.destaca-libro .portada {width: 25%; padding:0 20px;}
.destaca-libro .portada img {width: 100%;}
.destaca-libro .txt {width: 75%; font-weight: 700; font-size: 24px;}
.destaca-libro .txt span {display: block; color: #FAB823 ; font-weight: 400; }
.destaca-libro .boton {font-size: 18px; background-color: #fff; margin-top: 10px;}

/*contacto*/

.contacto {text-align: center; background-color: #F8F8F8; padding-top: 40px; padding-bottom: 40px;}
.contacto h2 {margin-bottom: 20px; }
.contacto .formulario {padding: 40px; background-color: #f2f2f2; margin-top: 40px;}
.wpcf7-form {display: flex; flex-wrap: wrap; gap: 20px;}
.wpcf7-form .campo {width: 30%; text-align: left;}
.wpcf7-form .campo p {margin: 0;}
.wpcf7-form .campo input {width: 100%; border: 1px solid #cdcdcd; padding: 4px 10px; background-color: #fff; margin-top: 10px;}
.wpcf7-form .campo textarea {width: 100%; height: 100px; border: 1px solid #cdcdcd; padding: 4px 10px; background-color: #fff; margin-top: 10px;}

.wpcf7-form .ancho {width: 100%;}
.wpcf7-form .enviar {width: 100%; text-align: center;}
.wpcf7-form .enviar .wpcf7-submit {padding: 10px 30px; margin: 0 auto; background-color:#084365; width: auto; color: #fff; display: inline-block;}

/*lista_testimonios*/

.lista_testimonios {padding: 40px 0px;}
.lista_testimonios .testimonio {display: flex; padding-bottom: 60px;}
.lista_testimonios .testimonio .nombre-cargo {width: 40%;}
.lista_testimonios .testimonio .texto-testimonio {width: 60%; font-size: 20px;}
.lista_testimonios .testimonio strong {display: block;}
.lista_testimonios .testimonio span {display: block;}

.lista_testimonios .testimonio .nombre-cargo strong { display: inline; background-image: linear-gradient(to top, #FAB823 1px, transparent 2px); background-repeat: repeat-x; background-size: 100% 2px;  background-position: 0 100%; }


/**/

.base_texto {margin: 40px 0;}
.base_texto blockquote {background-color: #f2f2f2; padding: 40px 80px; border-radius: 3000px; margin: 30px -80px;}
.base_texto blockquote h3 {margin-top: 0px;}
.base_texto h2 {margin: 30px 0px 20px; color: #EA6133;}
.base_texto h3 {margin: 30px 0px 20px;}
.base_texto h4 {margin: 30px 0px 20px;}
.base_texto ul {margin: 10px 0px;}
.base_texto ul li {list-style: square; margin-left: 30px; padding-bottom: 10px;}
.base_texto ul li::marker { color: #EA6133; }
.base_texto a {}

.owl-carousel .owl-nav button {text-indent:-4000px; width: 30px; height: 30px;}
.owl-carousel .owl-nav button.owl-prev { background:transparent url("img/prev.svg") no-repeat center center; background-size: 100%; position: absolute; left: -50px; top: 140px; font-size: 50PX;}
.owl-carousel .owl-nav button.owl-next { background:transparent url("img/next.svg") no-repeat center center; background-size: 100%; position: absolute; right: -50px; top: 140px; font-size: 50PX;}
.owl-carousel .owl-dots {padding: 20px; text-align: center;}
.owl-carousel .owl-dots .owl-dot  {width: 40px; height: 6px; background-color: #cdcdcd; margin: 2px; border-radius: 00px; }
.owl-carousel .owl-dots .owl-dot.active {background-color: #FAB823;}

/* Footer */
footer { padding: 0px 0 80px;text-align: center; font-size: 1rem; text-align: center;}
footer .logos {margin-bottom: 20px; margin: 20px auto 20px ;}
footer .colaboradores {padding-bottom: 40px; displaY:flex; justify-content: center; }
footer .colaboradores img {max-width: 160px; padding: 20px;}
footer .colaboradores.alabra img {max-width: 120px; padding: 20px;}



/**/

.modal {
      display: none; 
      position: fixed; 
      z-index: 1; 
      left: 0; 
      top: 0;
      width: 100%; 
      height: 100%; 
      overflow: auto; 
      background-color: rgba(0,0,0,0.7); 
    }

    /* Contenedor del vídeo */
    .modal-content {
      margin: 10% auto;
      padding: 20px;
      width: 80%;
      max-width: 1000px;
      position: relative;
    }

    /* Botón para cerrar */
    .close {
      position: absolute;
      top: 40px;
      right: 40px;
      cursor: pointer;
      width: 30px ;
    }

     .close img  {width: 100%;}


  /*animaciones*/

    .hero-tit h1 {opacity: 1;  animation: animacion_aparece_sube 0.8s  backwards  ease; animation-delay: 0.3s;}
    .hero-tit h2 {opacity: 1;  animation: animacion_aparece_sube 0.8s  backwards  ease; animation-delay: 0.6s;}
    .hero-tit span {opacity: 1;  animation: animacion_aparece_sube 0.8s  backwards  ease; animation-delay: 0.9s;}
    .ilustracion,
    .ilustracion-home {opacity: 1;  animation: aparece 0.8s  backwards  ease; animation-delay: 1.2s;}
    .ilustracion-detalle {opacity: 1;  animation: aparece 0.8s  backwards  ease; animation-delay: 1.4s;}
    .botones {opacity: 1;  animation: aparece 0.8s  backwards  ease; animation-delay: 1.0s;}
    .next {opacity: 1;  animation: aparece 0.8s  backwards  ease; animation-delay: 1.6s;}
    .owl-carousel.owl-drag .owl-item {}
    .owl-carousel.owl-drag .owl-item.active {opacity: 1;  animation: animacion_aparece_derecha 0.8s  backwards  ease; animation-delay: 0.2s;}

    .section-modulo {opacity: 1;  animation: aparece 0.8s  backwards  ease; animation-delay: 1.5s;}

  @keyframes aparece {
    0%   {opacity:0; }
    80%  {opacity:1; }
    100%  {opacity:1;  }
  }

@keyframes animacion_aparece_sube {
    0%   {opacity:0; transform: translateY(30%); }
    80%  {opacity:1; transform: translateY(0%); }
    100%  {opacity:1; transform: translateY(0%); }
}

@keyframes animacion_aparece_derecha {
    0%   {opacity:0; transform: translateX(30%); }
    80%  {opacity:1; transform: translateX(0%); }
    100%  {opacity:1; transform: translateX(0%); }
  }
@keyframes animacion_aparece_izquierda {
    0%   {opacity:0; transform: translateX(-30%); }
    80%  {opacity:1; transform: translateX(0%); }
    100%  {opacity:1; transform: translateX(0%); }
  }

  @keyframes animacion_top {
    0%   {height:1px; }
    100%  {height:100%;}
  }

@keyframes animacion_top_off {
    0%   {height:100%; }
    100%  {height:1px;}
  }

a, .item-hero .play   {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


/* Responsive */
@media (max-width: 768px) {
  body {font-size: 16px;}
  .site-header {padding: 2rem 0 1rem;}
  #site-navigation {display: none;}
  #site-navigation.active {display: block; position: absolute; top: 80px; right: 20px; z-index: 99; width: 80%;  max-width: 350px;}
  .site-navigation {}
  .menu-movil {display: block; position: absolute; right: 20px; top:35px; cursor: pointer; width: 30px; }
  .logos { width: 240px; margin-left: 0px;}
  .site-header .menu {display: block; background-color: #fff; width: 100%; box-shadow: 0px 3px 30px rgba(44, 44, 44, 0.1); padding: 20px; }
  .site-header .menu li  {padding: 10px 0 20px; }
  .site-header .menu li  {font-size: 18px;}
  .site-header .menu .libro a {text-align: center; padding: 8px 10px; width: 100%; margin: 10px 0 0 0;}

  h2 { font-size: 26px;}


  /*hero*/
  .hero-home .container {height: auto; min-height: 200px; flex-wrap: wrap; flex-direction: column-reverse;}
  .hero-home .hero-tit {width: 100%; margin-top: 0px;}
  .ilustracion-home {width: 100%;}
  .ilustracion-detalle {display: none;}
  .hero-home .hero-tit h1 {font-size: 35px;}
  .hero-home .hero-tit h2 {font-size: 18px;}
  .hero-home .hero-tit span {font-size: 18px;}

  .hero-interior .ilustracion {display: none;}
  .hero-interior .hero-tit h1 {font-size: 35px;}
  .hero-interior .hero-tit h2 {font-size: 18px;}
  .hero-interior .hero-tit span {font-size: 18px; margin-bottom: 10px;}
  h2.tit-page {font-size: 35px;}

  /*detalles*/
  .botones {display: block;}
  .botones .boton {width: 100%; text-align: center; margin-bottom: 10px;}
  .section-modulo {margin: 40px 0px;}

  /*bloque video*/
  .bloque-video {flex-wrap: wrap; flex-direction: column-reverse;}
  .bloque-video h2 {font-size: 30px;}
  .bloque-video h3 {font-size: 18px; }
  .bloque-video .txt {width: 100%;}
  .bloque-video .img {padding-top: 0px;}
  .bloque-video .img {width: 100%; padding-bottom: 20px;}
  .bloque-video .img img {width: 100%;}

  /*entrevistas*/
  .entrevistas {padding: 20px 0px; background-color: #084365; color: #fff;}
  .lista_entrevistas {padding:20px 0; display: block; }
  .lista_entrevistas .item {width: 100%; padding-bottom: 40px;}


  /*galeria*/
  .galeria {}
  .galeria h2 {margin-bottom: 20px;}
  .menu-galeria {}
  .menu-galeria li {}
  .menu-galeria li a {}

  /*infografias*/
  .infografias {padding: 20px 0px; }
  .infografias .item {padding: 20px;}

  .lista_infografias {padding:20px 0; display: block; }
  .lista_infografias .item {width: 100%;padding: 20px;}

  /**/
  .destaca-libro {padding: 20px 40px; display: block; gap: 20px;}
  .destaca-libro .portada {width: 100%; padding:0 20px;}
  .destaca-libro .portada img {width: 100%;}
  .destaca-libro .txt {width: 100%; font-size: 18px; padding:20px;}
  .destaca-libro .boton {font-size: 16px; }

  /*lista_testimonios*/

  .lista_testimonios {padding: 40px 0px;}
  .lista_testimonios .testimonio {display: flex; flex-wrap: wrap; margin-bottom: 40px; padding: 20px; background-color: #f2f2f2; }
  .lista_testimonios .testimonio .nombre-cargo {width: 100%; padding-bottom: 20px;}
  .lista_testimonios .testimonio .texto-testimonio {width: 100%; font-size: 18px;}
  .lista_testimonios .testimonio strong {display: block;}
  .lista_testimonios .testimonio span {display: block;}

  .lista_testimonios .testimonio .nombre-cargo strong { display: inline; background-image: linear-gradient(to top, #FAB823 1px, transparent 2px); background-repeat: repeat-x; background-size: 100% 2px;  background-position: 0 100%; }

  /**/
  .modal-content { margin: 10% auto; padding: 10px;width: 95%; transform: translateY(60%); }
  .cc-window .cc-message {text-align: center;}

  /*contacto*/
  .contacto {padding: 20px;}
  .contacto .formulario {padding: 20px; margin-top: 30px;}
  .wpcf7-form {display: flex; flex-wrap: wrap; gap: 20px;}
  .wpcf7-form .campo {width: 100%; text-align: left;}


}