/*alabra*/
.home-slider {padding-top: 20px;}
body.--page-2 header img.logo_fundacion {max-width:130px; margin-right: 20px; }

header svg {width: 400px!important;}
.logo_animado {padding-bottom: 20px;}
.logo_animado svg  {width: 425px!important;}

body #accssme-icon.accssme-icon-position-middle {top:auto; bottom:40px;} {top: auto; bottom: 40px;}

/*volver seciones*/

.--page-2 .e-card-container .volver {display: flex; align-items: center; color: #3BBAB3; text-decoration: none; position: absolute; left: 40px; top: 40px;}
.--page-2 .e-card-container .volver img { width: 24px; margin-right: 8px;}

/*mensaje  */
.c-guia--container .header .mensaje-avatar .avatar {cursor: pointer;}
.mensaje-avatar .cerrar {position: absolute; top: 20px; right: 20px; cursor: pointer; display: block; width: 20px; height: 20px; background-image: url(../img/cerrar-pop.svg) ;background-size: 100%; background-position: center; background-repeat: no-repeat;}
.mensaje-avatar ul {margin: 0px 0px 10px; padding: 0px; list-style: none;}
.mensaje-avatar ul li .open-modal {min-height: 27px; padding-left: 35px; background-image: url(../img/play-brand.png) ;background-size: 25px; background-position: left 2px; background-repeat: no-repeat;}
.mensaje-avatar ul li a:hover {color:#3BBAB3!important; }
.mensaje-avatar p {max-width: 80%;}

#modalText ul {margin: 10px 0px 10px; padding: 0px; list-style: none;}
#modalText ul li {margin: 4px 0px;}
#modalText a {color:#000; display: block; margin:0px 0px; padding: 10px; border: 1px solid #000;}
#modalText a:hover {color:#3BBAB3;  border: 1px solid #3BBAB3;}

 .disclaimer {font-size: 15px; padding-top: 40px; max-width: 850px; margin: 0 auto;}

.bot-contacto { margin-left: 10px;}
.c-guia--hamburger .bot-contacto {width: 100%; text-align: center; margin-top: 15px; margin-left: 0px;}
.--page-1 .c-guia--hamburger .bot-contacto,
.--page-2 .c-guia--hamburger .bot-contacto {display: none;}
.bot-contacto svg {width:50px!important; height: 50px!important;}
.bot-contacto circle {fill: #cdcdcd;}
.bot-contacto a:hover circle {fill: #3BBAB3;}
/*CONTENIDO*/
.c-guia--container .header {margin-bottom:20px;}
.c-guia--container .title { font-size: 3vh;  max-width: 300px; margin: 20px 0;}

.--video p.text.white {margin:5px 0px 5px;}
.--video p.brand {margin:5px 0px 5px;}

body.--page-1 .home-slider .tns-controls > button:disabled {opacity: 0.25;}

.base_contenido .gallery {display:flex;}
.base_contenido .gallery .gallery-item {padding: 10px;}

/**/
.bl-avalistas {display: flex; max-width: 820px; margin: 0 auto;}
.avalistas {text-align: center; padding: 60px 0px 10px; max-width: 500px; margin: 0 auto;}
.avalistas.apoyo {max-width: 300px;}
.avalistas span.tit_aval {padding-bottom: 40px;     font-family: "semibold"; font-size: 16px;}
.avalistas .logos_avalistas { display: flex;}
.avalistas .logos_avalistas div {padding: 10px; width:33%; }
.avalistas .logos_avalistas img {width: 80px;  filter: grayscale(0%);}
.avalistas .logos_avalistas img.ministerio {width: 220px; margin-top: 20px;  filter: grayscale(0%);}

.avalistas .logos_avalistas span {font-size: 10px; opacity: 0.6; display: block;}

/**/
.migas-tit {padding-top: 22px;}
.migas a {text-decoration: none; color: #3BBAB3; font-size: 20px;}
.c-guia--container  .migas-tit .title {max-width: 800px; margin-top: 5px;}

/*BASE CONTENIDO*/
.c-guia--container .volver { display: flex; align-items: center; color: #3BBAB3; text-decoration: none; cursor: pointer;}
.c-guia--container .volver img {margin-right: 4px;}
.base_contenido .volver {margin-bottom: 20px;}
.base_contenido p a, .base_contenido li a {color: #3BBAB3;}
.base_contenido {padding: 0 32px 20px 32px;}
.base_contenido p {line-height: 1.4;}
.base_contenido h3 strong {font-family:"bold";}
.base_contenido ul {  padding: 0; margin: 24px 0;}
.base_contenido ul li {position: relative; margin: 0; list-style-type: none; display: block; align-items: flex-start; padding:0px 0px 10px 35px;}
.single-mitos_y_curiosidades .base_contenido ul li {margin-bottom: 10px;}
.base_contenido ul li::before { content: ""; position: absolute; left: 5px; top: 2px; display: block; width: 14px; height: 2px; margin-top: 9px; margin-right: 12px; background-color: #3BBAB3;}

.texto_video {padding-top: 40px;}
.texto_multimedia {display: flex; justify-content: space-between; align-items: flex-start; font-size: 18px; line-height: 2.2rem;}
.texto_multimedia > *:first-child {width: 55%;}
.texto_multimedia > *:last-child {width: 40%!important;}
.texto_multimedia > div.texto {width: 65%;}
.texto_multimedia > div.imagen {width: 30%!important;}
.texto_multimedia > div.imagen img {width:90%; margin: 20px auto 0;}
.texto_multimedia .tns-nav { position: relative;margin-top: 16px;}
.e-card.--video-slider .image img {object-fit: cover; object-position: center top; height:250px;}

/*videos contenido*/
.videos_contenido {padding: 0 20px 60px;}
.videos_contenido .item-4 {}
.videos_contenido .item-4 > div {display: flex;}
.videos_contenido .item-4 .e-card.--video.simple {min-height: 100px; width: 25px; margin: 0 10px; width: calc(25% - 20px);}

/**/
.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow {background-color: #fff; border-radius: 3px; box-shadow: 0px 3px 30px rgba(44, 44, 44, 0.1); padding:15px; margin:10px 0px; position: relative; padding-right: 40px;}
.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow summary {display: flex; }
.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow summary::marker {content: "+"; display: block;}
.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow:before {height: 30px; top: 50%; margin-top: -15px; content: "+"; color: #3BBAB3; display: block; font-size: 30px; position: absolute; right: 20px;}

/*TARJETAS*/

.e-card.--icon {width: 100%;}
.e-card.--data .image {width: 70px;}
.e-card.--video  {min-height: 27vh; }
.e-card.--video .play {position: absolute; right: 20px; top: 20px;}
.e-card.--video-icon > div img {max-height: 15vh; max-width: 100%;}
.e-card.--video div {position: absolute; bottom: 0px; width: 100%; left: 0px; padding: 20px 20px 5px;}
.e-card.--icon .content .bold {margin: 0px;}
.icon-container .e-card.--icon .content .bold {margin-bottom: 6px;}
.e-card.--circle-image.card-popup .front {min-height: 200px; position: static;}
.c-guia--container .icon-container > * { margin-top: 0px; margin-bottom: 20px; display: flex; text-decoration: none;}
.card-pop-up--contenido {font-size: 18px; }
.card-pop-up--contenido p { line-height: 1.4;}
.card-pop-up .pregunta span.title {font-size: 25px;}
.card-pop-up--contenido ul {  padding: 0; margin: 24px 0;}
.card-pop-up--contenido ul li {position: relative; margin: 0; list-style-type: none; display: block; align-items: flex-start; padding:0px 0px 6px 35px;}
.card-pop-up--contenido ul li::before { content: ""; position: absolute; left: 5px; top: 2px; display: block; width: 14px; height: 2px; margin-top: 9px; margin-right: 12px; background-color: #ffffff;}


.e-card.--icon ,
.e-card.--img a {text-decoration: none; color: #000;} 

.c-guia--container .slider .item-3 > div > .img-left {width: 48%;}
.e-card.--img.img-left a {display: flex;}
.e-card.--img.img-left .image {width:28%; }
.e-card.--img.img-left .text {width:72%; text-align: left; padding: 24px;}

.e-card.--video::before {background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); opacity: 0.5;}
.e-card.--video:hover::before {background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); opacity: 0.65;}


.e-card.--video-icon .play.grande {width: 48px; height: 48px;}
.c-guia--container .tns-controls button:disabled {opacity: 0.3;}


.e-card.--video.simple {background-color: #fff; padding: 20px;}
.e-card.--video.simple .image {display: none;}
.e-card.--video.simple::before {display: none;}
.e-card.--video.simple .play {height: 50px; width: 50px;}
.e-card.--video.simple .firma { padding: 0px; font-size: 16px; }
.e-card.--video.simple .cara {width: 60px; height: 60px; object-fit: cover; border-radius: 300px;}
.e-card.--video.simple div {padding: 0px; position: static;}

.e-card.--video.simple:hover  {background-color:#3BBAB3; color:#ffffff;}
.e-card.--video.simple:hover .firma {color:#ffffff;}
.e-card.--video.simple:hover .play path { fill: #ffffff}


.e-card.--video.no-foto {padding: 20px 20px 20px 90px;}
.e-card.--video.no-foto .play {position: absolute; left: 20px; right: auto; top: 20px;}
.e-card.--video.no-foto p {margin: 0px;}


.podcast .e-card.--img svg {width: 60px; min-width: 60px; padding-left: 10px ;padding-right: 10px;}
.e-card.--img .txt_podcast {text-align: left;   }
.duracion {display: block; padding-top: 5px; opacity: 0.6; font-size: 14px; font-family: "regular";}
.ico_podcast {width: 70px!important; height:auto!important; position: absolute; left: 50%; top: 50%; margin-top:-35px; margin-left:-35px;}

/*nutricion*/
.icon-container.nutricion {position: static; transform: none;}

/*fondos*/

.c-guia--container {background-image: url(../img/fondo-guia.png) ;background-size: cover; background-position: center; background-repeat: no-repeat;}
.c-guia--container.base {background-image: url(../img/fondo_base.png) ;background-size: cover; background-position: center; background-repeat: no-repeat;}
.c-guia--container.fondo_01 {background-image: url(../img/fondo_01.png) ;background-size: cover; background-position: center; background-repeat: no-repeat;}
.c-guia--container.fondo_02 {background-image: url(../img/fondo_02.png) ;background-size: cover; background-position: center; background-repeat: no-repeat;}
.c-guia--container.fondo_03 {background-image: url(../img/fondo_03.png) ;background-size: cover; background-position: center; background-repeat: no-repeat;}
.c-guia--container.fondo_04 {background-image: url(../img/fondo_04.png) ;background-size: cover; background-position: center; background-repeat: no-repeat;}

/*MENU*/
.c-guia--header nav .subtitle {display: none;}
.c-guia--header nav {margin-top: 25px;}
.c-guia--header nav ul {margin: 0; padding: 0px; list-style: none;}
.c-guia--header nav ul li {margin: 0 0 6px 0; padding: 0px; list-style: none;}

.c-guia--header nav .current-page-ancestor a { color: #9A262B; font-size: 2.2rem;}
.c-guia--header nav .current-page-ancestor a span {  border: 1px solid #9A262B;background-color: #9A262B; color: #FFFFFF; font-size: 1.8rem;}

.single-mitos_y_curiosidades .c-guia--header nav .mitos a { color: #9A262B; font-size: 2.2rem;}
.single-mitos_y_curiosidades .c-guia--header nav .mitos a span {  border: 1px solid #9A262B;background-color: #9A262B; color: #FFFFFF; font-size: 1.8rem;}

.single-ocio .c-guia--header nav .ocio a { color: #9A262B; font-size: 2.2rem;}
.single-ocio .c-guia--header nav .ocio a span {  border: 1px solid #9A262B;background-color: #9A262B; color: #FFFFFF; font-size: 1.8rem;}

.single-ayudas_y_recursos .c-guia--header nav .recursos a { color: #9A262B; font-size: 2.2rem;}
.single-ayudas_y_recursos .c-guia--header nav .recursos a span {  border: 1px solid #9A262B;background-color: #9A262B; color: #FFFFFF; font-size: 1.8rem;}

.single-testimonios .c-guia--header nav .testimonios a { color: #9A262B; font-size: 2.2rem;}
.single-testimonios .c-guia--header nav .testimonios a span {  border: 1px solid #9A262B;background-color: #9A262B; color: #FFFFFF; font-size: 1.8rem;}


/*datos*/
.data span {font-family: "extrabold";}
.--data .fuente  {font-size: 12px; position: absolute; bottom: 25px; color: #555; width: 90%; display: block;}
.--data .fuente a {font-size: 12px; color: #555;}

/*testimonios*/
.podcast audio {width: 100%;}

/*siguiente anterior*/
.navigation-links {margin-top: 40px; }
.navigation-links a {padding: 15px 20px; margin: 5px; background-color: #fff; box-shadow: 0px 3px 30px rgba(44, 44, 44, 0.1);
background-size: 25px; background-repeat: no-repeat; color: #000; text-decoration: none; border-radius: 4px;   display: inline-block;
    text-align: left; max-width: 500px; }
.navigation-links .next-link {background-image: url(../img/siguiente.svg) ; background-position: right center; padding-right: 40px; }
.navigation-links .previous-link {background-image: url(../img/anterior.svg) ; background-position: left center; padding-left: 40px; }

.nav-links {margin-top: 40px; text-align: center;}
.nav-links div {padding: 15px 20px; margin: 5px; background-color: #fff; box-shadow: 0px 3px 30px rgba(44, 44, 44, 0.1);
background-size: 25px; background-repeat: no-repeat; color: #000; text-decoration: none; border-radius: 4px;   display: inline-block;
    text-align: left; max-width: 500px; }
.nav-links div a {color: #000; text-decoration: none;}
.nav-previous {background-image: url(../img/anterior.svg) ; background-position: left center; padding-left: 40px; }
.nav-next {background-image: url(../img/siguiente.svg) ; background-position: right center; padding-right: 40px; }
.nav-previous a {padding-left: 20px;}
.nav-next a {padding-right: 20px;}

/*busca pop*/
.search .search-input {  border-radius: 32px; padding: 16px; background-color: #FFFFFF; border: 0px; font-size: 16px; box-shadow: 0px 3px 30px rgba(44, 44, 44, 0.1); min-width: 250px;}
.search .lupa { background-color: #FFFFFF; padding: 10px; height: 96%; top: 1px; right: 1px; position: absolute; border-radius: 0 50% 50% 0; border: 0; z-index: 1; cursor: pointer;}
.search.pop {  max-width: 295px; margin: 20px auto 0; position: relative;}
.menu .search.pop .search-input  {background-color: transparent; border: 1px solid #fff; color: #fff; width: 100%; padding-right: 50px;}
.menu .search.pop .lupa {background: transparent;}
.menu .search.pop .search-input::placeholder { color: #FFFFFF;}

.bot-buscador .search .search-input {opacity: 0; min-width: 50px; max-width: 50px; position: absolute; right: -7px; top: 2px;}
.bot-buscador .search:hover .search-input,
.bot-buscador .search .search-input:focus {opacity: 1; min-width: 280px; max-width: 280px;}
.bot-buscador .search .lupa {position: relative; top: 0px; right: 0px; background: transparent; height: 53px;}
.bot-buscador .search.pop {max-width: 50px;}
.--page-2 .bot-buscador  {display: none;}
.--page-1  .bot-buscador  {display: none;}


/*resultados*/

ul.resultados { list-style: none; padding: 0; margin: 24px 0; display: flex; flex-wrap: wrap; gap: 10px;}
ul.resultados li {padding: 20px; background-color: #f7f7f7; flex: 0 1 calc(33.33% - 10px); box-sizing: border-box;  }
ul.resultados li::before { }
ul.resultados li h2 {font-size: 20px;}
ul.resultados li a {text-decoration: none; color: #000;}
ul.resultados li a:hover {color: #9A262B;}

ul.resultados li .seccion {color: #3BBAB3; display: block;}

/*calculadora*/
.bl_calculadora {}
.campos_display {display: flex; border-radius: 20px; border: 1px solid #dcdcdc; background-color: #f7f7f7; max-width: 1000px; margin: 20px auto;}
.campos_display .divform {width: 25%; padding: 20px; border-left: 1px solid #cdcdcd;}
.campos_display .divform:nth-child(1) {width: 31%; border: 0px;}
.campos_display .divform:nth-child(2) {width: 23%;}
.campos_display .divform:nth-child(3) {width: 23%;}
.campos_display .divform:nth-child(4) {width: 23%;}
.afroamericano {position: relative; padding:10px 0 0 20px;}
.afroamericano input {position: absolute; left: 0; top: 10px; padding: 2px;}

.campos_display .divform.noborde {border: 0px;}
.campos_display .divform label {display: block; padding-bottom: 10px;}
.campos_display .divform input, 
.campos_display .divform select {padding: 8px 20px; font-size: 16px;}
.campos_display .divform #unicrea {padding: 8px;}
.campos_display .divform #sex {width: 100%;}
.campos_display button {margin-top: 28px; font-size: 20px; cursor: pointer; padding:12px 40px; color: #fff; border: 0px; border-radius: 4px; background-color: #3BBAB3;}
.campos_display button:hover {background-color: #000;}
.resultado {height: 1px; opacity: 0; padding: 10px 40px 40px;  max-width: 860px; margin: 0 auto;}
.resultado.activo {height: auto; opacity: 1;}
.resultado h3 {padding:0 0 20px 0px; margin-bottom: 20px; border-bottom:1px solid #cdcdcd;}
.resultado .divres {padding: 5px;}
.resultado input[type=text] {padding: 0 5px; margin: 0 4px; color: #3BBAB3; font-size:21px ; border: 0px; width: auto; }
.resultado input[type=text].fifty {text-align: center; padding:2px 5px; border: 1px solid #3BBAB3;}

.valoracion b {display: none; padding-bottom: 10px;}
.resultado.verde #resultado-1 strong {color: #3BBAB3;}
.resultado.rojo #resultado-1 strong {color: #EC0F0F;}
.resultado.naranja #resultado-1 strong {color: #FFA200;}

.resultado.verde input[type=text] {color: #3BBAB3;}
.resultado.rojo input[type=text] {color: #EC0F0F;}
.resultado.naranja input[type=text] {color: #FFA200;}

.resultado.verde input[type=text].fifty {border-color: #3BBAB3;}
.resultado.rojo input[type=text].fifty {border-color: #EC0F0F;}
.resultado.naranja input[type=text].fifty {border-color: #FFA200;}

/*contacto*/
.wpcf7-form {max-width:980px; margin: 0 auto;}
.wpcf7-form .bl_contacto {display: flex; padding: 25px; margin: 40px 0 10px; background-color: #f7f7f7; border-radius: 20px; border: 1px solid #cdcdcd;}
.wpcf7-form .bl_contacto .campos_left {width: 30%; }
.wpcf7-form .bl_contacto .campos_right {width: 70%;}
.wpcf7-form .bl_contacto .campo {padding: 10px;}
.wpcf7-form .bl_contacto .campo br {display: none;}
.wpcf7-form .bl_contacto .campo p {margin: 0px;}
.wpcf7-form .bl_contacto .campo h3 {border-bottom: 1px solid #cdcdcd; padding-bottom: 20px;}
.wpcf7-form .bl_contacto .campo label {display: block; font-family: "semibold"; font-size: 18px; padding-bottom: 5px;}
.wpcf7-form .bl_contacto .campo input[type=text],
.wpcf7-form .bl_contacto .campo select,
.wpcf7-form .bl_contacto .campo input[type=email],
.wpcf7-form .bl_contacto .campo textarea {width: 100%; padding: 8px 10px;}
.wpcf7-form  .cierre_campos {display: flex;}
.wpcf7-form  .cierre_campos div {width: 70%; padding: 10px;}
.wpcf7-form  .cierre_campos div label {padding-left: 5px; display: inline-block; }
.wpcf7-form  .cierre_campos div.enviar {text-align: right; width: 30%; padding: 0px 10px;}
.wpcf7-form  input[type=submit] { font-size: 20px; cursor: pointer; padding:12px 50px; color: #fff; border: 0px; border-radius: 4px; background-color: #3BBAB3;}
.wpcf7-form  input[type=submit]:hover {background-color: #000;}
.wpcf7-form  input[type=submit]:disabled {background-color:#cdcdcd!important}
.wpcf7-form  input[type=checkbox] {width: 15px; height: 15px;}

.wpcf7 form.sent .wpcf7-response-output {padding: 20px; text-align: center; border-color: #3BBAB3;}

/*tipos_enfermedad*/
.menu_enfermedades {padding: 20px 0; }
.menu_enfermedades a {display: inline-block; color:#000; text-decoration: none; padding:10px 20px;  margin: 5px 0;   background-color: #fff;  box-shadow: 0px 3px 30px rgba(44, 44, 44, 0.1);}
h3.enf {padding-top:40px; border-bottom: 1px solid #cdcdcd; padding-bottom: 10px; margin-bottom: 40px;}

/*ESPECIALES*/
.e-card-container > p.intro_especiales {max-width: 1050px;}
.e-card-container > p.intro_especiales a {color: #000;}
.base_contenido.especial {text-align: center;}
.base_contenido.especial h3 {margin: 30px 0px 10px;}
.base_contenido.especial h4 {font-family: "bold"; margin:20px 0px 0px; font-size: 22px;}
.base_contenido.especial p {margin-top: 10px;}
.base_contenido.especial .primero {margin: 0 auto; max-width: 850px;}
.base_contenido.especial .col-especiales {display: flex;  justify-content: center; column-gap: 30px; padding: 40px 0px;     }
.base_contenido.especial .col-especiales.wrap {flex-wrap: wrap;}
.base_contenido.especial .col-1  {width: 75%; padding: 20px; margin: 0 auto; }
.base_contenido.especial .col-2  {width: 50%; padding: 20px; }
.base_contenido.especial .col-3  {width: 33.333%; padding: 20px;}
.base_contenido.especial .col-4  {width: 25%; padding: 20px; }
.base_contenido.especial .con-circulo {border-radius: 8px; box-shadow: 0px 3px 30px rgba(44, 44, 44, 0.1); background-color: #fff;}
.base_contenido.especial .con-icono {border-radius: 8px; background-color: #F5F2F2;  }
.base_contenido.especial .cita {border-radius: 8px; box-shadow: 0px 3px 30px rgba(44, 44, 44, 0.1); background-color: #fff; border: 1px solid #3BBAB3;}

.base_contenido.especial .fondo_gris {border-radius: 8px; background-color: #F5F2F2; box-shadow: none; }
.base_contenido.especial .circulo {border-radius:100%; width:120px; height: 120px; object-fit: cover;}
.base_contenido.especial .ico {height:72px; }
.base_contenido.especial .botones {display: flex; padding: 15px 0 10px; column-gap: 5px; justify-content: center;}
.base_contenido.especial .botones a {width: auto;}
.base_contenido.especial .botones .bot_verde {background-color: #3BBAB3; color: #FFFFFF; border: 1px solid #3BBAB3; cursor: pointer;}
.base_contenido.especial .botones .bot_verde:hover {background-color: #FFFFFF; color: #3BBAB3; border: 1px solid #3BBAB3; }
.base_contenido.especial .botones .ancla {background-color: #FFFFFF; color: #3BBAB3; border: 1px solid #3BBAB3; background-image: url(../img/ancla.svg) ; background-repeat: no-repeat; background-size:35px; background-position: right center; padding-right: 50px;}
.base_contenido.especial .botones .ancla:hover {background-color: #3BBAB3; color: #FFFFFF; background-image: url(../img/ancla2.svg) ;}

.base_contenido.especial .contenido_oculto {text-align: left; display: none;}
.base_contenido.especial .contenido_oculto.active {display: block;}
.base_contenido.especial .contenido_oculto  img {width: 100%; max-width: 100%;}
.base_contenido.especial ol li {padding-bottom: 10px;}

.base_contenido.especial .youtube {box-shadow: 0px 3px 30px rgba(44, 44, 44, 0.1); background-color: #fff; padding: 20px; border-radius: 8px;  }
.base_contenido.especial .youtube .ico {width: 70px;}
.base_contenido.especial .youtube a {text-decoration: none; color:#000 ;}
.base_contenido.especial .youtube a:hover h4 {color:#3BBAB3 ;}
.base_contenido.especial .youtube h4 { margin:0px 0px 20px; font-size: 18px; font-family:"semibold";}

.base_contenido.especial .fondo_gris.youtube {border-radius: 8px; background-color: #F5F2F2; box-shadow: none; }

.base_contenido.especial .col-especiales.tabla {column-gap: 0px; text-align: left;}
.base_contenido.especial .col-especiales.tabla strong {display: block; padding-bottom: 20px;}
.base_contenido.especial .col-especiales.tabla .item {background-color: #F5F2F2; padding: 20px; border:1px solid #cdcdcd; }

.base_contenido.especial .descarga {padding-bottom: 30px;}
.base_contenido.especial .descarga a {display: inline-block; color: #000; padding: 5px 10px 5px 35px;  background-image: url(../img/pdf.svg) ; background-repeat: no-repeat; background-size:25px; background-position: left center;  }

.base_contenido.especial .videos {padding: 0 40px;}
.base_contenido.especial .solo_videos {column-gap: 0;}
.base_contenido.especial .solo_videos .videos {padding: 0px;}
.base_contenido.especial .videos h5 {font-family: "bold"; margin:20px 0px 20px; font-size: 18px;}
.base_contenido.especial .videos .e-card.--video {text-align: left; min-height: 100px; margin-bottom: 20px;}

.base_contenido.especial .especial-slider .con-icono {padding: 20px;}

.base_contenido.especial  .tns-outer {position: relative; padding-bottom: 48px!important;}
.base_contenido.especial  .tns-nav {
    position: absolute;
    bottom: calc(5% + 19px);
    left: 20%;
    width: 60%;
    display: flex;
    justify-content: center;
}

.base_contenido.especial  .tns-nav > * {
    z-index: 1;
    width: 80px;
    height: 7px;
    border: 0;
    margin: 0 8px;
    background-color: #cdcdcd;
    transition: all ease-in-out 0.3s;
}

.base_contenido.especial  .tns-nav > *.tns-nav-active {
    background-color: #3BBAB3;
}

.base_contenido.especial .tns-controls {position: absolute; width: 100%; left: 0; top: 45%;}
.base_contenido.especial .tns-controls > * {
    width: 30px;
    height: 30px;
    border: 0;
    font-size: 0;
    background-color: transparent;
    background-image: url(../img/flecha-left-black.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    position: absolute; 
    top: 0%;
    left: -40px;
}
.base_contenido.especial .tns-controls > button:disabled { opacity: 0.25;}
.base_contenido.especial .tns-controls > *:last-child {   transform: rotate(180deg); right: -40px; left: auto;}

.pop-especial {text-align: center; width: 420px; padding: 20px; position: fixed; z-index: 10; right: 40px; bottom: 40px; border-radius: 8px; box-shadow: 0px 3px 30px rgba(44, 44, 44, 0.1); background-color: #3BBAB3;}
.pop-especial {display: block!important;}
.pop-especial.ocultar {display: none!important;}
.pop-especial .circulo {width: 85px; margin: -90px auto auto; border-radius: 100px;}
.pop-especial span {display: block; font-size: 16px; padding-bottom: 20px; color:#fff ;}
.pop-especial h3 {font-size: 20px; color:#fff ; font-family: bold; margin: 10px 0 10px;}
.pop-especial a {background-color: #fff; border: 1px solid #3BBAB3; color: #3BBAB3; max-width:200px; padding: 10px 24px; margin: 0 auto;}
.pop-especial a:hover {background-color: #3BBAB3; color: #fff; border: 1px solid #fff; }
.pop-especial .cerrar {cursor: pointer; position: absolute; width: 25px; right: 15px; top: 15px; }


.otro-especial {text-align: center; margin-top: 30px; width: 30%; margin-bottom: 50px; padding: 20px; border-radius: 8px; box-shadow: 0px 3px 30px rgba(44, 44, 44, 0.1); background-color: #fff;}
.otro-especial {display: block!important;}
.otro-especial.ocultar {display: none!important;}
.otro-especial .circulo {width: 85px!important; height: 85px!important; object-fit: cover; margin: -90px auto auto;}
.otro-especial h3 {font-size: 22px; color:#9A262B ; font-family: bold; margin: 10px 0 10px!important;}
.otro-especial span {display: block; margin-bottom: 10px; font-size: 15px; opacity: 0.7;}
.otro-especial a {background-color: #3BBAB3; border: 1px solid #3BBAB3; color: #FFFFFF; max-width:200px; padding: 10px 24px; margin: 0 auto;}
.otro-especial a:hover {background-color: #FFFFFF; color: #3BBAB3; border: 1px solid #3BBAB3; }

.pop-especial.claro {background-color: #fff; border:  2px solid #3BBAB3 }
.pop-especial.claro h3 {color:#000 ;} 
.pop-especial.claro span {display: block; font-size: 16px; padding-bottom: 20px; color:#000 ;}
.pop-especial.claro a {background-color: #3BBAB3; border: 1px solid #3BBAB3; color: #FFFFFF;}
.pop-especial.claro a:hover {background-color: #FFFFFF; color: #3BBAB3; border: 1px solid #3BBAB3; }
.pop-especial.claro .circulo {width: 140px; margin: 5px auto 5px auto;}


.popup-encuesta {text-align: center; max-width: 800px; width: 75%; margin: 40px auto 0px; padding: 20px; position: relative; z-index: 10; border-radius: 8px;}
.popup-encuesta { background-color: #F3F9F9; border:  2px solid #3BBAB3 }
.popup-encuesta h3 {font-size: 20px; color:#000 ; font-family: bold; margin: 5px 0 10px;}
.popup-encuesta span {display: block; margin-bottom: 10px; font-size: 15px; opacity: 0.7;}
.popup-encuesta a {background-color: #3BBAB3; border: 1px solid #3BBAB3; color: #FFFFFF; display: inline-block; margin: 0 auto;}
.popup-encuesta a:hover {background-color: #FFFFFF; color: #3BBAB3; border: 1px solid #3BBAB3; }
.popup-encuesta .ico {width: 80px; margin: 5px auto 0px auto;}
.popup-encuesta .cerrar {cursor: pointer; position: absolute; width: 25px; right: 15px; top: 15px; }
.popup-encuesta.ocultar {display: none!important;}




.col-enlaces {padding: 20px; display: flex;}
.col-enlaces div {width: 50%; padding: 20px; text-align: left;}
.col-enlaces div a {color: #000; word-break: break-word; display: block;}

ul.lista_especiales_2 {display: flex; flex-wrap: wrap; justify-content: center; }
ul.lista_especiales_2 li {padding: 20px; margin: 5px;  background-color: #F5F2F2; width: 33,3333%;}
ul.lista_especiales_2 li:before {display: none;}

/**/
.lista_contenidos_mujer {display: flex; flex-wrap: wrap;}
 h3.h3_lista_mujer {padding: 20px 0px; margin-bottom: 20px; font-weight: bold;}
.lista_contenidos_mujer .e-card.--img {width: 48%; margin: 4px;}

/*ANIMACIONES*/

.e-card.--square:hover .image img {transform: scale(1.1);}
.e-card.--img:hover .image img {transform: scale(1.1);}
.e-card.--video:hover .image {transform: scale(1.05);}

.bot-buscador .search .search-input,
.resultado,
.e-card.--square,
.e-card.--icon,
.e-card.--icon .bold,
.e-card.--img .image img,
.e-card.--video .image,
.e-card.--square .image img   {
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.e-card.--square:hover {background-color:#3BBAB3; color:#ffffff;}
.e-card.--icon:hover .bold { color:#3BBAB3; }
ul.resultados {opacity: 1;  animation: animacion_aparece 1s  backwards  ease; animation-delay: 0.4s;} 
.slider {opacity: 1;  animation: animacion_aparece 1s  backwards  ease; animation-delay: 0.4s;} 
.video-icon-container {opacity: 1;  animation: animacion_aparece 1s  backwards  ease; animation-delay: 0.4s;} 
.e-card-container .buttons {opacity: 1;  animation: animacion_aparece 1s  backwards  ease; animation-delay: 0.4s;}
.home-cards {opacity: 1;  animation: animacion_aparece_sube 1s  backwards  ease; animation-delay: 0.4s;}  
.home-slider {opacity: 1;  animation: animacion_aparece 1s  backwards  ease; animation-delay: 0.8s;}  
.popup-encuesta  {opacity: 1;  animation: animacion_aparece_sube 1s  backwards  ease; animation-delay: 0.6s;}  
.e-card.--icon {opacity: 1;  animation: animacion_aparece 1s  backwards  ease; animation-delay: 0.4s;} 

.texto_multimedia div {opacity: 1;  animation: animacion_aparece 1s  backwards  ease; animation-delay: 0.4s;} 
.texto_multimedia .tns-outer {opacity: 1;  animation: animacion_aparece 1s  backwards  ease; animation-delay: 0.6s;} 
.base_contenido.especial {opacity: 1;  animation: animacion_aparece 1s  backwards  ease; animation-delay: 0.1s;}
.pop-especial {opacity: 1;  animation: animacion_aparece_sube 1s  backwards  ease; animation-delay: 1.5s;}  

.c-guia--container .header .mensaje-avatar .mensaje.active {opacity: 1;  animation: animacion_aparece 1s  backwards  ease; animation-delay: 1.5s;}

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

@keyframes animacion_aparece {
    0%   {opacity:0;  }
    100%  {opacity:1;  }
}


/*justify-content: center;*/

/*RESPONSIVE*/

@media (min-height: 980px) {
  .e-card.--icon .icon, .e-card.--icon .content {padding-top: 2vh; padding-bottom: 2vh;}
  .e-card.--icon .content .bold {font-size:1.8vh ;}

}

@media (max-height: 900px) {
  .c-guia--header nav a span {width: 42px; height: 35px;}
  .c-guia--header .nombre h2 {font-size: 3.3rem; width: 60%; line-height: 1.1;}
  .c-guia--header .nombre p {font-size: 1.6rem; margin: 15px 0 0px;}
  .c-guia--header nav p {margin: 20px 0 10px 0px;}
  .c-guia--container .title { font-size: 30px;  max-width: 300px; margin: 20px 0;}
  .--data .title { font-size: 22px;}
  .c-guia--container .header .mensaje-avatar .avatar {width: 120px; height: 120px; }

  .e-card.--icon .icon, .e-card.--icon .content {padding: 25px;}
  .e-card.--video-icon > div img {max-height: 10vh;}


}



@media (min-height: 700px) {
  .tab.active,
  .c-guia--container .tns-outer { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-45%);}
  .texto_multimedia .tns-outer {position: static; transform: translateY(0%); }
  .c-guia--container .tns-controls > * {bottom: -50px; }
  .c-guia--container .tns-nav {bottom: -20px;}

}

@media (min-height: 950px) {
  .icon-container  { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-45%);}
}   

@media (max-height: 875px) {

  .e-card.--img .image {height: 140px;}
}


@media (max-height: 800px) {
  .c-guia--container .header {margin-bottom: 10px;}
  .e-card.--icon .icon, .e-card.--icon .content {padding: 18px;}
  .e-card.--video .text { font-size: 18px; }
  .e-card.--video {padding-top: 40px;}

  body.--page-2 {overflow-y: auto;}
  .e-card-container.--image-small .image {width: 115px; height: 115px;}
  .e-card-container.--image-small {padding-top: 70px;}
}


@media (max-height: 780px) {
  .c-guia {padding: 25px 24px; min-height: 780px;}
  .e-card.--video  {min-height: 30vh; }
  .card-pop-up .pregunta span.title {font-size: 22px;}
  .c-guia--container .header .mensaje-avatar .avatar {width: 100px; height: 100px;}


}


@media (max-height: 700px) {
  .c-guia--header nav a span {height: 35px;}
  .c-guia--header .nombre h2 {font-size: 2.8rem; width: 60%;}
  .c-guia--header nav {  margin-top: 20px;}
  .c-guia--header nav ul li {margin-bottom: 5px;}

  
}

@media (max-width: 1700px) {
  .data { font-size: 2.5rem;}
}
@media (max-width: 1500px) {
  .c-guia--header nav a {font-size: 1.7rem;}
  .c-guia--header nav a.active {font-size: 1.8rem;}
  .c-guia--header .nombre h2 {width: 75%;}
  .data { font-size: 2.2rem;}
}

@media (max-width: 1380px) {
  header {/*width: 1200px;*/ margin: 0 auto;}
  .container {width: 1200px; max-width: 100%;}

  .c-guia--header .nombre h2 {line-height: 1.2; font-size: 2.6rem;}
  .c-guia--header nav a {font-size: 16px;}
  .c-guia--header nav a.active {font-size: 19px; margin-bottom: 0px;}
  .c-guia--header nav a span {font-size: 16px; width: 35px; height: 32px;}
  .c-guia--container .header {align-items: center; }
  .c-guia--container .header .mensaje-avatar .avatar {width: 85px; height: 85px;}
  .c-guia--container .title {font-size: 25px; margin: 0px;}

  .e-card.--circle-image .front p, .e-card.--circle-image .front .subtitle, 
  .e-card.--circle-image .back p, .e-card.--circle-image .back .subtitle {font-size: 16px;}

  .c-guia--container .icon-container > * {margin-bottom: 15px;}
  .e-card.--icon .content .bold {font-size: 16px;}
  .e-card.--icon .icon img {width: 45px;}

  .card-pop-up--contenido {font-size: 16px;}
  .c-guia--container .card-pop-up--contenido .title {font-size: 22px; margin-top: 20px;}

  .c-guia--container .tns-controls > *::before {width: 80px; height: 40px;}
  .c-guia--container .tns-controls > *:after {font-size: 16px;}

  .e-card.--data .image {width: 50px; margin-bottom: 20px;}
  .c-guia--container .e-card.--data  .title {font-size: 20px;}

  .e-card.--video .text {font-size: 15px;}
  .e-card.--video div {padding-top: 20px;}
  .e-card.--video {min-height: 210px;}
  .e-card.--img .image {height: 130px;}

}

@media (max-width: 1200px) {
  header {width: 100%;}
  .c-guia--header {z-index: 4;}
  .c-guia--hamburger {z-index: 5;}
  .c-modal.active {z-index: 10;}
  .c-guia--hamburger .bot-contacto {width: auto;}
  .bot-contacto  {position: fixed; right: 10px; bottom: 10px; }
  .bot-contacto circle {fill: #3BBAB3;}

  }

@media (max-width: 768px) {
  .search.pop {display: block; margin-bottom: 20px;}
  .c-guia--hamburger {position: absolute;}
  .c-guia--hamburger .hamburger.active + .menu {padding-top: 80px; overflow: auto;}
  .c-guia--hamburger .menu .menus nav img {width:35px; margin: 0 2px;}
  .c-guia--hamburger .menu .menus {max-width: 340px;}

  .e-card-container.--image-small .image {width: 80px; height: 80px;}

  .c-guia--header {position: absolute;}
  body.--page-2 .c-guia--hamburger {position: absolute; margin: 0; right: 16px; top: 20px; width: 32px;}
  .c-guia--header .logo > img,  .c-guia--header .logo > a img {left: 20px; transform: none;}
  body.--page-2 header {margin-bottom: 50px;}
  body.--page-2 header .logo img {left: 20px; transform: none; position: absolute; top: 12px; max-width: 112px;}
  body.--page-2 header img.logo_fundacion {max-width: 75px; left: auto; right:45px; top: 16px; position: absolute;}
  .c-guia--header > img:last-of-type {max-width: 75px; left: auto; right:65px;}
  .c-guia--header .menu-desplegable {width: 45%;}
  .c-guia--header .nombre {padding: 0px 10px 0px 20px; width:55%; display: flex; flex-direction: row-reverse; justify-content: flex-end; }
  .c-guia--header .nombre p {display: none;}
  .c-guia--header .nombre h2 {font-size: 1.8rem; line-height: 1.8rem;}
  .c-guia--header nav {margin-top: 0px;}
  .c-guia--header nav .volver {margin-bottom: 15px;}
  .c-guia--container .title {font-size: 20px;}
  .c-guia--container {height: auto;}

  .tab.active, .icon-container, .c-guia--container .tns-outer {position: static; transform: none;}

  .migas a {font-size: 14px;}
  .c-guia {padding: 0px;}

  .c-guia--container .base_contenido .icon-container {padding: 0px;}

  /*calculadora*/
  .bl_calculadora {}
  .campos_display {display: block; border-radius: 20px;}
  .campos_display .divform {width: 100%!important; padding: 10px 20px; border: 0px; border-top: 1px solid #cdcdcd;}
  .campos_display .divform:nth-child(1) {width: 31%; border: 0px;}
  .afroamericano {position: relative; padding:10px 0 0 20px;}
  .campos_display button {margin-top: 5px; margin-bottom: 5px; width: 100%;}
  .resultado {padding: 20px;}
  #resultado-1 {margin-top: 10px;}
  .wpcf7-form .bl_contacto {display: block; padding: 8px;}
  .wpcf7-form .bl_contacto .campos_left {width: 100%; }
  .wpcf7-form .bl_contacto .campos_right {width: 100%;}
  .grecaptcha-badge {opacity: 0;}

  /*especiales*/
  .base_contenido.especial .col-especiales {display: block; padding: 40px 0px;}
  .base_contenido.especial .col-2  {width: 100%; margin-bottom: 20px; }
  .base_contenido.especial .col-3  {width: 100%; margin-bottom: 20px;}
  .base_contenido.especial .col-1 {width: 100%;}
  .base_contenido.especial .col-4 {width: 100%; margin-bottom: 20px;}
  .base_contenido.especial .botones .bot_verde {margin-bottom: 10px;}
  .lineas_especiales img {display: none;}
  .lineas_especiales {height: 60px; background-image: url(../img/lineas_especiales_movil.svg) ; background-repeat: no-repeat; background-size:1px; background-position: center center;  }
  .base_contenido.especial h4 {font-size: 20px;}
  .base_contenido.especial .botones {display: block;}
  .base_contenido.especial .botones a {margin-bottom: 10px;}

  .pop-especial {width: 300px; right: auto; left: 5%; width: 90%;}
  .base_contenido.especial .videos {padding: 0 10px;}
  .otro-especial {width: 100%; margin-bottom: 80px;}

  .col-enlaces {display: block;}
  .col-enlaces div {width: 100%;}

  /*mujer*/
  .lista_contenidos_mujer .e-card.--img  {width: 100%;}


 }

@media (max-width: 690px) {
  body.--page-2 {overflow-y: auto;}
  .logo_animado {padding-top: 80px; }
  .logo_animado svg  {width: 80%!important;}
  header > .menu .c-guia--hamburger .menu {right: -50px; width: 1px;}
  body.--page-1 .home-slider .tns-controls { width: 120%; left: -10%;}
  body.--page-1 .home-slider #tns1 > .tns-item {}
  .bot-buscador  {display: none;}
  .base_contenido .gallery {display:block;}

  .texto_multimedia {display: block;}
  .texto_multimedia > div.imagen,
  .texto_multimedia > div.texto,
  .texto_multimedia > *:last-child,
  .texto_multimedia > div {width: 100%!important;}

  .--page-2 .base_contenido {padding: 30px 0px;}
  .--page-2 .e-card-container .volver {display: none;}

  .c-guia--container .tns-outer {position: static; transform: translate(0);}
  .card-pop-up {position: fixed;}

  .bl-avalistas,
  .avalistas .logos_avalistas {display: block;}
  .avalistas .logos_avalistas div {width:100%; }

  /*avatar*/
  .c-guia--container .header .mensaje-avatar .mensaje { padding-top: 20px; padding-bottom: 20px; width: 320px;position: absolute; right: 10px; top: 110px;}
  .c-guia--container .header .mensaje-avatar .mensaje::before { width: 16px; height: 16px; right: 26px;top: -7px; }

  /*message*/
  .c-modal .--video {overflow-y: auto!important;}
  .c-modal .--message.active {height: 500px;}
  .c-modal.altura .--video {height: 500px;}

}

/*bienvenida*/

.bienvenida {margin: 35px auto; border: 1px solid #3BBAB3; background-color: #fff;  padding:25px; border-radius: 20px; max-width: 500px; font-family: "semibold"; box-shadow: 0px 3px 30px rgba(44, 44, 44, 0.1);}
.bienvenida_page .e-card.--square {background-color: #3BBAB3; color: #fff; }
.bienvenida + p::before {content: ""; display: block; width: 100%; height: 65px; background-image: url(../img/lin_home.svg) ; background-repeat: no-repeat; background-size:1050px; background-position: center center;  }

@media (max-width: 1080px) {
.bienvenida + p::before {display: none;}
}