/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.2.87
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-ExtraBold.woff2') format('woff2'),
        url('fonts/Raleway-ExtraBold.woff') format('woff');
    font-weight: 800;  /* ← cambiado de 'bold' a 800 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Bold.woff2') format('woff2'),
        url('fonts/Raleway-Bold.woff') format('woff');
    font-weight: 700;  /* ← cambiado de 'bold' a 700 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Light.woff2') format('woff2'),
        url('fonts/Raleway-Light.woff') format('woff');
    font-weight: 300;  /* ← correcto */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Regular.woff2') format('woff2'),
        url('fonts/Raleway-Regular.woff') format('woff');
    font-weight: 400;  /* ← cambiado de 'normal' a 400 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-SemiBold.woff2') format('woff2'),
        url('fonts/Raleway-SemiBold.woff') format('woff');
    font-weight: 600;  /* ← correcto */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Thin.woff2') format('woff2'),
        url('fonts/Raleway-Thin.woff') format('woff');
    font-weight: 100;  /* ← correcto */
    font-style: normal;
    font-display: swap;
}
 @font-face {
    font-family: 'QuisasStandard';
    src: url('fonts/QuisasStandard-Regular.woff2') format('woff2'),
    url('fonts/QuisasStandard-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {font-family: 'Raleway', sans-serif; font-size: 18px; line-height: 1.4em;}
body:not(.elementor-editor-active) .elementor-widget-text-editor ul li::marker, .awsm-job-entry-content ul li::marker {
	color: #dc7d08;
}
body:not(.elementor-editor-active) .elementor-widget-text-editor ol li::marker {
	color: #dc7d08;
}
body:not(.elementor-editor-active) .elementor-widget-text-editor ul li {
	font-size: 18px!important;
	color: #000!important;
	line-height: 1.4em!important;
}
body:not(.elementor-editor-active) .elementor-widget-text-editor ol li {
    line-height: 1.4em!important;margin-bottom: 15px;
}
.epyt-gallery-title {
    font-size: 1.1em!important;
    line-height: 1.4em;
	font-weight: bold;
    padding: 10px;
}
/* ==========================================================================
   FIX: ELIMINAR SCROLL HORIZONTAL EN MÓVILES
   ========================================================================== */

/* 1. Prevenir overflow horizontal global en viewport */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* 2. Asegurar que las imágenes y medios no sobrepasen su contenedor */
img, iframe, video, object {
    max-width: 100%;
    height: auto;
}

/* 3. Ajuste responsivo para el título gigante en pantallas pequeñas */
@media only screen and (max-width: 767px) {
    .titulo-pagina h2 {
        font-size: 42px !important; /* Ajusta 90px a un tamaño legible en móvil */
        white-space: normal !important;
        word-break: break-word;line-height: 1.4em;
    }
    
    /* Corregir el cálculo del grid/flex en la lista de temas para evitar overflow por el gap */
    .temas-lista li {
        width: calc(50% - 10px) !important;
    }
    
    /* Asegurar que las tarjetas de Grid o Modal no se salgan */
    .temas-grid-container {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .banner-conversemos {
        padding: 25px 15px !important;
    }

    .titulo-bloque-descarga {
        padding-left: 0 !important; /* O ajustar background si el padding de 100px empuja en móviles pequeños */
        background-position: top left !important;
    }
}

/* 4. Ocultar submenús absolutos de escritorio en breakpoints inferiores */
@media only screen and (max-width: 1024px) {
    .menu-principal .contenedor-submenu {
        left: 0 !important;
        transform: none !important;
        max-width: 100% !important;
    }
}
.slider-fondo-blanco {
    background: #fff;
    border-radius: 25px;
}
.slider-fondo-blanco2 {
    background: #fff;
    border-radius: 25px;
}
.slider-fondo-blanco2 .swiper .elementor-swiper-button-prev {
left:-6px!important;
}
.slider-fondo-blanco2 .swiper .elementor-swiper-button-next {
right:-6px!important;
}
p {font-family: 'Raleway', sans-serif;line-height: 1.4em;text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0)!important;}
.page-content {margin-top: -25px;}
.titulo-header h2 {
    font-family: 'QuisasStandard', 'Comic Sans MS', cursive;
    font-size: 3em;background: #fff; color:#FF7213!important;font-weight:normal;display:initial;line-height: 1.4em;
}
.titulo-pagina {overflow: hidden;}
.titulo-pagina h2 {
    font-family: 'QuisasStandard', 'Comic Sans MS', cursive;
    font-size: 90px;
    line-height: 0.8;  /* Reduce el espacio interno */
    background: #fff;
    color: #FF7213 !important;
    font-weight: normal;
    display: inline-block;  /* Cambia de 'initial' a inline-block */
    padding: 5px 15px;
    margin: 0;
	transform: translateY(-0.35em);
}
p#breadcrumbs {
    background: #000;
    color: #fff;
    padding: 7px 20px;
    border-radius: 15px;
    width: fit-content;
}
p#breadcrumbs a {color: #fff!important;}
.titulo-quisas p {
    font-family: 'QuisasStandard', 'Comic Sans MS', cursive;text-transform: uppercase;
	font-size: 70px;text-transform: uppercase;line-height: 40px;margin-top: 0;
}
a {text-decoration: none!important;}
.texto-header strong {font-size: 1.6em;}
.texto-header p {font-size: 1.3em;}
h3 {font-size:1.8em;font-family: 'Raleway', sans-serif!important;font-weight: 700;margin-top: 15px;
    margin-bottom: 15px; line-height: 1.4em;}
.single-post h3 {color: #496da2; font-size:1.4em;line-height: 1.4em;}
.single-post .elementor-widget-text-editor a {color:#DC7D08;}
.titulo-azul h4 {color: #496da2; line-height: 1.4em;}
.texto-blanco, .texto-blanco h2, .texto-blanco h3, .texto-blanco h4, .texto-blanco p, .texto-blanco li, .texto-blanco li a,
.texto-blanco a {color:#fff;}

@media only screen and (min-width: 768px) and (max-width: 1200px){
.texto-negro-md, .texto-negro-md h2, .texto-negro-md h3, .texto-negro-md h4, .texto-negro-md p, .texto-negro-md li, .texto-negro-md li a, .texto-negro-md a {color:#000!important;}
}
.publi-etiqueta a {background: #4B96F0; color: #fff; padding: 4px 10px; border-radius:25px; font-size: 0.8em;}
.publi-etiqueta a:hover {background: #FF7213; color: #fff; padding: 4px 10px; border-radius:25px;transition: 0.5s;}
.item-publi {padding-bottom:15px;border-bottom: 1px solid #333;}
.item-publi-destacado {background: #FFF; border-radius:16px!important;}
.temas-bloque {
    margin: 20px 0;
    padding: 15px;
    border-radius: 8px;
}

.temas-lista {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
    gap: 10px;
}

.temas-lista li {
    margin: 0;
}

@media only screen and (max-width: 767px) {
	.temas-lista li {
    margin: 0;
    width: 48%;
	}
}
@media only screen and (min-width: 768px) {
	.temas-lista li {
    margin: 0;
    width: 160px;
}
}
.tema-id-769731352 .tema-enlace {
    display: flex;
	justify-content: center;
    padding: 80px 10px 15px 10px;
    color: white;
    text-decoration: none!important;
    border-radius: 4px;
    transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-adaptacion-normal.svg") no-repeat center top;
	background-size: 70px;
}

.tema-id-769731352 .tema-enlace:hover {
    color: white;
    text-decoration: none;
	transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-adaptacion-hover.svg") no-repeat center top;
	background-size: 70px;
	scale: 1.1;
}
.tema-id-769731356 .tema-enlace {
    display: flex;
	justify-content: center;
    padding: 80px 10px 15px 10px;
    color: white;
    text-decoration: none!important;
    border-radius: 4px;
    transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-politica_publica-normal.svg") no-repeat center top;
	background-size: 70px;
}

.tema-id-769731356 .tema-enlace:hover {
    color: white;
    text-decoration: none;
	transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-politica_publica-hover.svg") no-repeat center top;
	background-size: 70px;
	scale: 1.1;
}

.tema-id-769731351 .tema-enlace {
    display: flex;
	justify-content: center;
    padding: 80px 10px 15px 10px;
    color: white;
    text-decoration: none!important;
    border-radius: 4px;
    transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-danos_perdidas-normal.svg") no-repeat center top;
	background-size: 70px;
}

.tema-id-769731351 .tema-enlace:hover {
    color: white;
    text-decoration: none;
	transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-danos_perdidas-hover.svg") no-repeat center top;
	background-size: 70px;
	scale: 1.1;
}

.tema-id-769731355 .tema-enlace {
    display: flex;
	justify-content: center;
    padding: 80px 10px 15px 10px;
	min-width: 150px;
    color: white;
    text-decoration: none!important;
    border-radius: 4px;
    transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-genero-normal.svg") no-repeat center top;
	background-size: 70px;
}

.tema-id-769731355 .tema-enlace:hover {
    color: white;
    text-decoration: none;
	transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-genero-hover.svg") no-repeat center top;
	background-size: 70px;
	scale: 1.1;
}

.tema-id-769731354 .tema-enlace {
    display: flex;
	justify-content: center;
    padding: 80px 10px 15px 10px;
    color: white;
    text-decoration: none!important;
    border-radius: 4px;
    transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-mitigacion-normal.svg") no-repeat center top;
	background-size: 70px;
}

.tema-id-769731354 .tema-enlace:hover {
    color: white;
    text-decoration: none;
	transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-mitigacion-hover.svg") no-repeat center top;
	background-size: 70px;
	scale: 1.1;
}

.tema-id-769731353 .tema-enlace {
    display: flex;
	justify-content: center;
    padding: 80px 10px 15px 10px;
    color: white;
    text-decoration: none!important;
    border-radius: 4px;
    transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-movilidad-normal.svg") no-repeat center top;
	background-size: 70px;
}

.tema-id-769731353 .tema-enlace:hover {
    color: white;
    text-decoration: none;
	transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-movilidad-hover.svg") no-repeat center top;
	background-size: 70px;
	scale: 1.1;
}

.tema-id-769731357 .tema-enlace {
    display: flex;
	justify-content: center;
    padding: 80px 10px 15px 10px;
    color: white;
    text-decoration: none!important;
    border-radius: 4px;
    transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-salud-normal.svg") no-repeat center top;
	background-size: 70px;
}

.tema-id-769731357 .tema-enlace:hover {
    color: white;
    text-decoration: none;
	transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-salud-hover.svg") no-repeat center top;
	background-size: 70px;
	scale: 1.1;
}
@media only screen and (min-width: 1025px) {
.tema-id-769731352 .tema-enlace {
    display: inline-block;
    padding: 80px 10px 15px 10px;
	max-width: 160px;
    color: white;
    text-decoration: none!important;
    border-radius: 4px;
    transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-adaptacion-normal.svg") no-repeat center top;
	background-size: 70px;
}

.tema-id-769731356 .tema-enlace {
    display: inline-block;
    padding: 80px 10px 15px 10px;
	max-width: 160px;
    color: white;
    text-decoration: none!important;
    border-radius: 4px;
    transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-politica_publica-normal.svg") no-repeat center top;
	background-size: 70px;
}

.tema-id-769731351 .tema-enlace {
    display: inline-block;
    padding: 80px 10px 15px 10px;
	max-width: 160px;
    color: white;
    text-decoration: none!important;
    border-radius: 4px;
    transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-danos_perdidas-normal.svg") no-repeat center top;
	background-size: 70px;
}
.tema-id-769731355 .tema-enlace {
    display: inline-block;
    padding: 80px 10px 15px 10px;
	max-width: 160px;
	min-width: 150px;
    color: white;
    text-decoration: none!important;
    border-radius: 4px;
    transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-genero-normal.svg") no-repeat center top;
	background-size: 70px;
}

.tema-id-769731354 .tema-enlace {
    display: inline-block;
    padding: 80px 10px 15px 10px;
	max-width: 160px;
    color: white;
    text-decoration: none!important;
    border-radius: 4px;
    transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-mitigacion-normal.svg") no-repeat center top;
	background-size: 70px;
}

.tema-id-769731353 .tema-enlace {
    display: inline-block;
    padding: 80px 10px 15px 10px;
	max-width: 160px;
    color: white;
    text-decoration: none!important;
    border-radius: 4px;
    transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-movilidad-normal.svg") no-repeat center top;
	background-size: 70px;
}

.tema-id-769731357 .tema-enlace {
    display: inline-block;
    padding: 80px 10px 15px 10px;
	max-width: 160px;
    color: white;
    text-decoration: none!important;
    border-radius: 4px;
    transition: scale 0.3s ease;
	text-align: center;
	background: url("img/ico-salud-normal.svg") no-repeat center top;
	background-size: 70px;
}

}

.lista-programas h4 a {
  font-size: 19px;
  font-weight: bold;
  color: #fff!important;
  padding: 12px 0;
  border-bottom: 1px solid #e0e0e0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  transition: 0.5s;
  padding: 7px 10px;
}

.lista-programas h4 a:hover {
  font-size: 19px;
  font-weight: bold;
  color: #4b96f0!important;
  padding: 12px 0;
  border-bottom: 1px solid #e0e0e0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  transition: 0.5s;
  background: #fff;
  padding: 7px 10px;
  line-height: 1.4em;
}

.lista-programas h4 a:after {
 content: "›";
  color: #fff;  /* color naranja */
  font-weight: bold;
  font-size: 1.1rem;
}
.lista-programas h4 a:hover:after {
 content: "›";
  color: #4b96f0;  /* color naranja */
  font-weight: bold;
  font-size: 1.1rem;
}

/* Último ítem sin borde */
.item-programa:last-of-type {
  border-bottom: none;
}

/* Botón "IR A PROGRAMAS" */
.btn-programas {
  display: inline-block;
  color: #4b96f0!important;
  background: url(img/flecha-azul.svg) no-repeat#fff;
  background-size: 30px;
  background-position-x: 94%;
  background-position-y: center;
  text-decoration: none!important;
  font-weight: bold;
  font-size: 1rem;
  padding: 10px 44px 10px 24px;
  border-radius: 10px;
  margin-top: 20px;
  text-align: center;
  border: none;
  cursor: pointer;
  transition: 0.5s;
	text-transform: uppercase;

}

.btn-programas:hover {
  background: url(img/flecha-verde.svg) no-repeat #fff;
  color: #3fa66e!important;
   transition: 0.5s;
   background-size: 30px;
  background-position-x: 94%;
  background-position-y: center;
  text-decoration: underline!important;
  scale: 1.1;
}

.btn-naranja {
  display: inline-block;
  color: #fff!important;
  background: url(img/flecha-blanca.svg) no-repeat #FF7213;
  background-size: 30px;
  background-position-x: 94%;
  background-position-y: center;
  text-decoration: none!important;
  font-weight: bold;
  font-size: 1rem;
  padding: 10px 44px 10px 24px;
  border-radius: 10px;
  margin-top: 20px;
  text-align: center;
  border: none;
  cursor: pointer;
  transition: 0.5s;
	text-transform: uppercase;

}

.btn-naranja:hover {
  background: url(img/flecha-blanca-v.svg) no-repeat #3fa66e;
  color: #fff!important;
   transition: 0.5s;
   background-size: 30px;
  background-position-x: 94%;
  background-position-y: center;
  text-decoration: underline!important;
  scale: 1.1;
}
.titulo-naranja h3 {
    color:#FF7213; font-size: 2.2em;font-weight: 900;line-height: 1.4em;
}
.iconos-flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    gap:15px;
}
.iconos-flex a {
    width: 80px;
    height: auto;
}
.item-noticias-home {border-bottom: 1px solid #333;transition: 0.5s;}
.item-noticias-home:hover {background: #EBEBEB;transition:0.5s;}
.item-noticias-home img {
    width: 100%;
    height: 110px;
    object-fit: cover;
}
.boletin-home .jetpack_subscription_widget {background: rgba(242, 98, 0, 0.8);padding: 20px;}
.boletin-home .jetpack_subscription_widget h2, .boletin-home .jetpack_subscription_widget p {color: #fff;}
.boletin-home .jetpack_subscription_widget input {background: #fff;min-height: 40px;border-radius: 10px;border:none;}
.boletin-home .jetpack_subscription_widget button {background: transparent; border:1px solid #fff; border-radius: 5px;color:#fff;text-transform: uppercase;}
.contacto-1 {width: fit-content;margin-right: 20px;}
.contacto-2 {width: fit-content; padding-left: 15px; border-left: 1px solid #333;}
.ico-correo {padding-left: 25px;background: url(img/ico-contacto-mail.svg)no-repeat;background-size: 20px;color: #333;}
.ico-correo:hover {padding-left: 25px;background: url(img/ico-contacto-mail.svg)no-repeat;background-size: 20px;color: #FF7213;}
.ico-phone {padding-left: 25px;background: url(img/ico-contacto-telefono.svg)no-repeat;background-size: 20px;color: #333;}
.ico-phone:hover {padding-left: 25px;background: url(img/ico-contacto-telefono.svg)no-repeat;background-size: 20px;color: #FF7213;}
.ico-ubicacion {padding-left: 25px;background: url(img/ico-lugar.svg)no-repeat;background-size: 20px;color: #333;}
.ico-ubicacion-color {padding-left: 20px;background: url(img/ico-location-naranja.svg)no-repeat;background-size: 12px;color: #333;}
.ico-horario {padding-left: 25px;background: url(img/ico-horario.svg)no-repeat;background-size: 20px;color: #333;}
.cintillo-flex {display: flex; flex-flow: row wrap; justify-content: center;gap: 20px;align-items: center;}
.menu-principal ul li a  {color:#fff;}
@media only screen and (max-width: 1024px) {
	.titulo-item-1, .item-trabajo, .item-recursos{ display:none;}
	/* Hover y active para primer nivel */
.menu-principal .hfe-nav-menu > li > .hfe-has-submenu-container > a,
.menu-principal .hfe-nav-menu > li > a {
    background: #000!important;
    color: #fff;
    border-radius: 5px;
	font-size: 18px;
	transition:0.5s;
}
.menu-principal .hfe-nav-menu .sub-menu {
    background: #000 !important;
    padding-top: 0px !important;
	-webkit-backface-visibility: hidden;  /* Evita el parpadeo de renderizado en iOS/Safari */
    backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
    will-change: transform, opacity; /* Prepara al navegador para la animación */
    transform: translateZ(0);
}
	.menu-principal .hfe-nav-menu .contenedor-submenu .hfe-sub-menu-item:hover {
		background: #DC7D08!important;
        color: #fff;
	}
.menu-principal .hfe-nav-menu {margin-top: 20px;}
/* Hover para TODOS los items de primer nivel */
.menu-principal .hfe-nav-menu > li > .hfe-has-submenu-container > a:hover,
.menu-principal .hfe-nav-menu > li > a:hover {
    background: #DC7D08!important;
    color: #fff;
    border-radius: 5px;
	transition:0.5s;
}

/* Estado activo para primer nivel */
.menu-principal > ul > li.current-menu-item > a,
.menu-principal > ul > li.current-menu-ancestor > .hfe-has-submenu-container > a {
    background: #DC7D08;
    color: #fff;
    border-radius: 5px;
}
.hfe-nav-menu__togle {
	
}
.hfe-nav-menu-icon svg {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 25px;
    fill: #fff;
}
}
@media only screen and (min-width: 1025px) {
	/* Hover y active para primer nivel */
/* Hover para TODOS los items de primer nivel */
.menu-principal .hfe-nav-menu > li > .hfe-has-submenu-container > a:hover,
.menu-principal .hfe-nav-menu > li > a:hover {
    background: #DC7D08!important;
    color: #fff;
    border-radius: 5px;
}

/* Estado activo para primer nivel */
.menu-principal > ul > li.current-menu-item > a,
.menu-principal > ul > li.current-menu-ancestor > .hfe-has-submenu-container > a {
    background: #DC7D08;
    color: #fff;
    border-radius: 5px;
}
.menu-principal .parent-has-child a {
	position:relative;
}
  .menu-principal .menu-item-has-children {
    position: static !important;
  }
  
  .menu-principal .hfe-nav-menu .menu-item-has-children .contenedor-submenu {
    position: absolute !important;
    top: 100% !important;
    left: 100% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    min-width: 300px !important;
    max-width: 90vw !important;
    background: #000;
    color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    padding: 40px !important;
    display: flex !important;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    z-index: 9999 !important;
    border-top: 2px solid #FF7213;
  }
  
  .menu-principal .submenu-1 .contenedor-submenu:before {
	position:absolute;
	content:"";
	background: url(img/menu-selectos.svg)no-repeat;background-size: 25px;
	width:25px;
	height:25px;
	bottom: 92%;
	left:30%;
	z-index:10000;
}
  .menu-principal .submenu-2 .contenedor-submenu:before {
	position:absolute;
	content:"";
	background: url(img/menu-selectos.svg)no-repeat;background-size: 25px;
	width:25px;
	height:25px;
	bottom: 92%;
	left:44%;
	z-index:10000;
}
  .menu-principal .submenu-3 .contenedor-submenu:before {
	position:absolute;
	content:"";
	background: url(img/menu-selectos.svg)no-repeat;background-size: 25px;
	width:25px;
	height:25px;
	bottom: 92%;
	left:60%;
	z-index:10000;
}
	
  .menu-principal .menu-item-has-children:hover > .sub-menu {
    display: flex !important;
    gap: 30px !important;
	  background:#000!important;
	  padding-top:30px;
  }
  
  .menu-principal .sub-menu .menu-item {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 180px !important;
    padding: 0 !important;
    border: none !important;
	margin-right:10px;
  }
  
  .menu-principal .sub-menu .menu-item a {
    display: block !important;
    padding: 8px 0;
    color: #fff !important;
    white-space: nowrap !important;
  }
  
  .menu-principal .sub-menu .menu-item:first-child a {
    font-weight: 700 !important;
    color: #fff !important;
    margin-bottom: 15px !important;
  }
  .titulo-item-1 a {background: url(img/menu-nosotrxs.svg)no-repeat;background-size: contain;font-size: 0%;height: 50px;}
  .item-trabajo a {background: url(img/menu-nuestro-trabajo.svg)no-repeat;background-size: contain;font-size: 0%;height: 50px;}
  .item-recursos a {background: url(img/menu-recursos.svg)no-repeat;background-size: contain;font-size: 0%;height: 50px;}
  .item-equipo a {
    padding-left: 60px!important;background: url(img/ico-menu-justa-normal.svg)no-repeat;background-size: contain;height: 50px;transition:0.5s;background-position-y: -5px;border-bottom: 1px solid #000;}
  .item-equipo a:hover {
    padding-left: 60px!important;background: url(img/ico-menu-justa-hover.svg)no-repeat;background-size: contain;height: 50px;
	  transition:0.5s;background-position-y: -5px;border-bottom: 1px solid #4FF09C;
  }
    .item-vacantes a {
    padding-left: 60px!important;background: url(img/ico-menu-vacantes-normal.svg)no-repeat;background-size: contain;height: 50px;transition:0.5s;background-position-y: -5px; border-bottom: 1px solid #000;}
  .item-vacantes a:hover {
    padding-left: 60px!important;background: url(img/ico-menu-vacantes-hover.svg)no-repeat;background-size: contain;height: 50px;
	  transition:0.5s;background-position-y: -5px;border-bottom: 1px solid #4FF09C;
  }
   .item-programas a {
    padding-left: 60px!important;background: url(img/ico-menu-programas-normal.svg)no-repeat;background-size: contain;height: 50px;transition:0.5s;background-position-y: -5px; border-bottom: 1px solid #000;}
  .item-programas a:hover {
    padding-left: 60px!important;background: url(img/ico-menu-programas-hover.svg)no-repeat;background-size: contain;height: 50px;
	  transition:0.5s;background-position-y: -5px;border-bottom: 1px solid #4FF09C;
  }
  .item-servicios a {
    padding-left: 60px!important;background: url(img/ico-menu-servicios-normal.svg)no-repeat;background-size: contain;height: 50px;transition:0.5s;background-position-y: -5px; border-bottom: 1px solid #000;}
  .item-servicios a:hover {
    padding-left: 60px!important;background: url(img/ico-menu-servicios-hover.svg)no-repeat;background-size: contain;height: 50px;
	  transition:0.5s;background-position-y: -5px;border-bottom: 1px solid #4FF09C;
  }
	  .item-contacto a {
    padding-left: 60px!important;background: url(img/ico-menu-contacto-normal.svg)no-repeat;background-size: contain;height: 50px;transition:0.5s;background-position-y: -5px;border-bottom: 1px solid #000;}
  .item-contacto a:hover {
    padding-left: 60px!important;background: url(img/ico-menu-contacto-hover.svg)no-repeat;background-size: contain;height: 50px;
	  transition:0.5s;background-position-y: -5px;border-bottom: 1px solid #4FF09C;
  }
  .item-publicaciones a {
    padding-left: 60px!important;background: url(img/ico-menu-publicacion-normal.svg)no-repeat;background-size: contain;height: 50px;transition:0.5s;background-position-y: -5px; border-bottom: 1px solid #000;}
  .item-publicaciones a:hover {
    padding-left: 60px!important;background: url(img/ico-menu-publicacion-hover.svg)no-repeat;background-size: contain;height: 50px;
	  transition:0.5s;background-position-y: -5px;border-bottom: 1px solid #4FF09C;
  }
   .item-videos a {
    padding-left: 60px!important;background: url(img/ico-menu-video-normal.svg)no-repeat;background-size: contain;height: 50px;transition:0.5s;background-position-y: -5px; border-bottom: 1px solid #000;}
  .item-videos a:hover {
    padding-left: 60px!important;background: url(img/ico-menu-video-hover.svg)no-repeat;background-size: contain;height: 50px;
	  transition:0.5s;background-position-y: -5px;border-bottom: 1px solid #4FF09C;
  }
  .item-podcast a {
    padding-left: 60px!important;background: url(img/ico-menu-podcast-normal.svg)no-repeat;background-size: contain;height: 50px;transition:0.5s;background-position-y: -5px; border-bottom: 1px solid #000;}
  .item-podcast a:hover {
    padding-left: 60px!important;background: url(img/ico-menu-podcast-hover.svg)no-repeat;background-size: contain;height: 50px;
	  transition:0.5s;background-position-y: -5px;border-bottom: 1px solid #4FF09C;
  }
    .item-ilustraciones a {
    padding-left: 60px!important;background: url(img/ico-menu-ilustracion-normal.svg)no-repeat;background-size: contain;height: 50px;transition:0.5s;background-position-y: -5px; border-bottom: 1px solid #000;}
  .item-ilustraciones a:hover {
    padding-left: 60px!important;background: url(img/ico-menu-ilustracion-hover.svg)no-repeat;background-size: contain;height: 50px;
	  transition:0.5s;background-position-y: -5px;border-bottom: 1px solid #4FF09C;
  }
}
	.card-equipo strong {
		color: #eeb735; font-weight: 500!important;font-size: 1em;
	}

.card-equipo .contenedor-junta-img {width: 200px;height:200px;overflow:hidden;border-radius:15px;margin: 0 auto;}
.card-equipo .contenedor-junta-img img {object-fit: cover;width:auto; height: 190px;border-radius:15px;}
	.card-equipo-desc {
		line-height: 1.4em;
		padding: 5px 30px 20px 30px;
		height: 100px;
	}
	.card-equipo-desc strong {
		color: #ee7b35; font-weight: 500!important;font-size: 1em;
	}
.card-equipo-desc h4 {
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 1.2em;
    line-height: 1.4em;
}
.card-equipo-desc p {
	margin-top: 5px;
	margin-bottom: 5px;
}
#junta, #equipo, #asociadas {
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
}
.filtro-contenedor {
  display: flex;
  gap: 15px;
  justify-content: center;
  padding: 20px 0;
flex-flow: row wrap;
}

.btn-filtro {
  background: transparent;
  color: #ffffff; /* Color del texto cuando no está seleccionado */
  border: 2px solid #ffffff;
  padding: 8px 20px;
  border-radius: 7px;
  font-family: inherit;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Estado del botón activo/seleccionado */
.btn-filtro.activo, .btn-filtro:hover {
  background-color: #f5f5f5; /* Fondo claro */
  color: #333333; /* Texto oscuro */
  border-color: #f5f5f5;
}

.btn-filtro:hover {
  opacity: 0.9;
}
.card-asociadas {
  background-color: #ffffff;
  /* Bordes redondeados estrictamente arriba */
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  
  /* Posicionamiento relativo necesario para la franja inferior */
  position: relative;
  overflow: hidden;
  
  /* Espaciado interno (dejamos un buen margen abajo para que no pise el texto) */
  padding: 32px 28px 48px 28px;
}

/* Efecto para el borde inferior asimétrico (más alto a la izquierda) */
.card-asociadas::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px; /* Altura máxima de la franja */
  background-color: #f27c38;
  
  /* El polígono recorta la franja: empieza más alto a la izquierda (0% 30%) y baja a la derecha (100% 70%) */
  clip-path: polygon(0 50%, 100% 20%, 100% 100%, 0 100%);
}

.card-asociadas h4 {
  font-size: 1.2em;
  margin: 0 0 16px 0; /* Margen inferior para separarlo del subtítulo */
  line-height: 1.4em;
}

.card-asociadas strong {
  color: #f27c38; /* El mismo tono naranja de la base */
  font-size: 1em;
  font-weight: 500; /* Un grosor intermedio para que no se sature */
  display: block; /* Para que actúe como bloque y respete los márgenes */
}
.info-contacto h3 {font-size:1.3em;line-height: 1.4em;}
.info-contacto form input {
	border: 1px solid #e1e1e1;min-height: 30px; border-radius:5px;width:100%;
}
.info-contacto form textarea {
	border: 1px solid #e1e1e1; border-radius:5px; width:100%;
}
.info-contacto .wpcf7-submit {
	background: #ee7b35; color: #fff;
	border-radius:5px;
	text-transform: uppercase;
	border:none;
	width: fit-content;
	padding: 8px 25px;
	transition: 0.5s;
}
.info-contacto .wpcf7-submit:hover {
	background: #ee7b35; color: #fff;
	border-radius:5px;
	text-transform: uppercase;
	border:none;
	width: fit-content;
	padding: 8px 25px;
	scale:1.05;
	transition: 0.5s;
}
.descarga-btn {
    background: url(img/ico-descargar.svg) no-repeat #fff;
	background-size: 20px;
	background-position-x: 95%;
	background-position-y: 50%;
    color: #4996F0;
    padding: 8px 35px 8px 15px;
    border-radius: 5px;
    display: block;
    width: fit-content;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: auto;
	transition:0.5s;
}
.descarga-btn:hover {
	background: url(img/ico-descargar.svg) no-repeat #4996F0;
	background-size: 20px;
	background-position-x: 95%;
	background-position-y: 50%;
    color: #fff;
    padding: 8px 35px 8px 15px;
    border-radius: 5px;
    display: block;
    width: fit-content;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: auto;
	transition:0.5s;
}
.ver-btn {
    background: url(img/ico-ver-mas.svg) no-repeat #fff;
	background-size: 20px;
	background-position-x: 95%;
	background-position-y: 50%;
    color: #4996F0;
    padding: 8px 35px 8px 15px;
    border-radius: 5px;
    display: block;
    width: fit-content;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: auto;
	transition:0.5s;
}
.ver-btn:hover {
	background: url(img/ico-ver-mas.svg) no-repeat #4996F0;
	background-size: 20px;
	background-position-x: 95%;
	background-position-y: 50%;
    color: #fff;
    padding: 8px 35px 8px 15px;
    border-radius: 5px;
    display: block;
    width: fit-content;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: auto;
	transition:0.5s;
}

/* ==========================================================================
   GRID DE TEMAS TAXONOMÍA ACF (Estilo Adaptado de Servicios)
   ========================================================================== */

/* Header del Grid */
.temas-grid-header h2 {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 5px;
    color: #111827;
    line-height: 1.4em;
}

.temas-subtitle {
    font-size: 16px;
    color: #4b5563;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 25px;
    background: url(img/ico-hacer-click-indicaciones.svg) no-repeat;
    background-position-x: 0;
    background-position-y: 5px;
    background-size: 25px;
    padding-left: 30px;
    height: 30px;
}

/* Contenedor Grid */
.temas-grid-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 25px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: 'Raleway', sans-serif;
}

/* Tarjeta Tema */
.tema-card {
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
    position: relative;
    overflow: hidden;
    border-bottom: 15px solid #3b82f6; /* Borde inferior en Azul Temas */
    height: 280px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    box-sizing: border-box !important;
}

.tema-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

/* Estado Normal: Imagen superior */
.tema-card-img {
    width: 100%;
    height: 150px;
    flex-shrink: 0;
    overflow: hidden;
}

.tema-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Estado Normal: Título abajo */
.tema-card-title-box {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
    background: #ffffff;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

/* Estilo base del título (Centrado universal) */
.tema-card h3 {
    font-size: 1.2rem;
    color: #3b82f6; /* Título en Azul Temas */
    margin: 0;
    font-weight: 700;
    line-height: 1.3;
    text-align: center !important;
    width: 100%;
}

/* Estado Hover: Capa Blanca Deslizable */
.tema-card-hover-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px;
    box-sizing: border-box;
    text-align: center;
    transform: translateY(100%);
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

.tema-card:hover .tema-card-hover-layer {
    transform: translateY(0);
}

/* Contenedor del ícono SVG personalizado en Hover */
.tema-card-hover-layer .icon-click-wrapper {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.tema-card-hover-layer .icon-click-wrapper img {
    width: 50px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Adaptabilidad Responsiva */
@media (max-width: 992px) {
    .temas-grid-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 600px) {
    .temas-grid-container {
        grid-template-columns: 1fr !important;
    }
}

/* --- Modal --- */
.tema-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.tema-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.tema-modal-content {
    background: #ffffff;
    width: 90%;
    max-width: 850px;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    transform: scale(0.9);
    transition: transform 0.3s ease;
    padding: 30px;
}

.tema-modal-overlay.active .tema-modal-content {
    transform: scale(1);
}

.tema-modal-close {
    position: absolute;
    top: 20px;
    right: 25px;
    background: none;
    border: none;
    color: #3b82f6;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    letter-spacing: 0.5px;
}
@media (max-width: 768px) {
  .tema-modal-close {
    top: 5px;
}
}
.close-icon {
    font-size: 18px;
}

.tema-modal-body {
    display: flex;
    gap: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.modal-col-img {
    flex: 0 0 40%;
}

.modal-col-img img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 8px;
}

.modal-col-text {
    flex: 1;
    max-height: 450px;
    overflow-y: auto;
    padding-right: 10px;
}

.modal-col-text h2 {
    font-size: 24px;
    font-weight: 800;
    color: #000000;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.4em;
}

.modal-description-content {
    font-size: 17px;
    line-height: 1.4em;
    color: #374151;
}

.modal-footer-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    background: #52a1eb;
}

/* Responsivo */
@media (max-width: 768px) {
    .tema-modal-body {
        flex-direction: column;
    }
    .modal-col-img img {
        height: 200px;
    }
    .tema-modal-content {
        padding: 20px;
        max-height: 90vh;
        overflow-y: auto;
    }
}




/* ==========================================================================
   BANNER CONVERSEMOS (HTML BLOQUE)
   ========================================================================== */

.banner-conversemos {
    background: url(img/img-caja-conversemos.svg) no-repeat #ff6000;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0px;
    padding: 40px 50px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 4px 15px rgba(255, 96, 0, 0.15);
}

.banner-conversemos-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.banner-title {
    color: #ffffff !important;
    font-size: 23px !important;
    font-weight: 800 !important;
    line-height: 1.4em !important;
    margin: 0 !important;
    max-width: 650px;
    font-family: inherit;
}

/* Botón Conversemos */
.btn-conversemos {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    border: 2px solid #ffffff;
    border-radius: 10px;
    padding: 12px 45px 12px 12px;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 800;
    font-size: 18px;
    letter-spacing: 0.5px;
    white-space: nowrap;
    transition: all 0.3s ease;
    background: url(img/ico-btn-conversemos.svg)no-repeat;
	background-position-x: 95%;
	background-position-y: 50%;
	background-size: 25px;
}

.btn-conversemos:hover {
    background: url(img/ico-btn-conversemos-naranja.svg)no-repeat #fff;
    color: #ff6000 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
	background-position-x: 95%;
	background-position-y: 50%;
	background-size: 25px;
}

.btn-icon {
    width: 22px;
    height: 22px;
    object-fit: contain;
    transition: filter 0.3s ease;
}

/* Tinta naranja al botón en Hover */
.btn-conversemos:hover .btn-icon {
    filter: invert(41%) sepia(87%) saturate(3015%) hue-rotate(2deg) brightness(101%) contrast(101%);
}

/* Responsive para Tablets y Móviles */
@media (max-width: 992px) {
    .banner-conversemos-content {
        flex-direction: column;
        text-align: center;
    }

    .banner-title {
        font-size: 24px !important;
        max-width: 100%;
    }

    .banner-conversemos {
        padding: 35px 25px;
        background-size: cover;
    }
}
.awsm-lists {
	border: none!important;
}
.awsm-job-item {
    background: #F5F5F7;
    padding: 20px;
    font-size: 14px;
}
.awsm-job-item h2.awsm-job-post-title a {
    font-size: 19px;
    color: #000;line-height: 1.4em;
}
.awsm-job-specification-item {
	color: #4d4d4d;
}
a.awsm-job-more {
    background: #fff;
    color: #4B96F0;
    padding: 5px 30px 5px 10px;
    font-size: 1em;
    border-radius: 5px;
	transition: 0.5s;
	scale:1;
}
a.awsm-job-more:hover {
    background: #4B96F0;
    color: #fff;
    padding: 5px 30px 5px 10px;
    font-size: 1em;
    border-radius: 5px;
	transition: 0.5s;
	scale: 1.1;
}
.item-lista-noticia h3 {
    font-size: 1.2em; line-height: 1.4em;
}
.item-lista-noticia .img-noticia {
	height: 200px;
	overflow: hidden;
}
.item-lista-noticia .fecha-noticia {
	color: #a09f9f;
}
.single-post .fecha-noticia {
	color: #a09f9f;
}
.item-lista-noticia .fecha-noticia time:first-letter {
  text-transform: uppercase;
}
.bloque-doc-descarga {background:#5d94e9; padding: 15px; border-radius:15px; color: #fff;}
@media only screen and (min-width: 768px) { 
.bloque-doc-descarga {background:#5d94e9; padding: 30px; border-radius:15px; color: #fff;}
}
h3.sd-title {
    color: #26C05D;
    text-transform: uppercase;
    font-size: 18px !important;
    font-weight: 500 !important;line-height: 1.4em;
}
.sd-social-icon .sd-content ul li a.share-more {
	background: #DC7D08!important;color:#fff!important;
}
.sd-social-icon .sd-content ul li a.share-more span, .sd-social-icon .sd-content ul li a.share-more:before {
	color:#fff!important;
}
.awsm-job-specifications-container.awsm_job_spec_above_content {
    border: 1px solid #DC7D08;
    border-radius: 15px;
    padding: 15px;
    line-height: 1.4em;
}
.awsm-job-form-inner {
    border: 1px solid #DC7D08;
    border-radius: 15px;
    padding: 15px;
    line-height: 1.4em;
}
.awsm-job-expiry-details {
	color:#DC7D08;
}
.single-awsm_job_openings h3 {color: #496da2; line-height: 1.4em;}
.awsm-job-more {padding-right: 30px;}
.awsm-job-more-container .awsm-job-more span:before {
    content: ""!important;
	background: url(img/ico-ver-mas.svg) no-repeat;
	background-position-x: 95%;
	background-position-y: 50%;
	background-size: 15px;
    position: absolute;
    width: 15px;
    right: -20px;
    top: 1px;
    height: 15px;
}
.awsm-job-more span {
position: relative;
}
.titulo-bloque-descarga {
	padding-left: 100px;
	background: url(img/ico-documento-descarga.svg)no-repeat;
	background-position-x: 0;
	background-position-y: 50%;
	background-size: 80px;
}
.titulo-bloque-descarga p {
font-size: 1.1em;font-weight:600;
}

span.awsm-job-specification-term {
    font-weight: 500;
}
.awsm-list-item .awsm-job-specification-item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
}