.elementor-4961 .elementor-element.elementor-element-bf40f7a{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4961 .elementor-element.elementor-element-54e43bb{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4961 .elementor-element.elementor-element-dced8e8 svg{width:435px;height:151px;}.elementor-4961 .elementor-element.elementor-element-dced8e8 .eael-svg-draw-container{text-align:center;}.elementor-4961 .elementor-element.elementor-element-dced8e8 svg path{stroke-width:4;stroke:var( --e-global-color-text );}.elementor-4961 .elementor-element.elementor-element-dced8e8 svg circle{stroke-width:4;stroke:var( --e-global-color-text );}.elementor-4961 .elementor-element.elementor-element-dced8e8 svg rect{stroke-width:4;stroke:var( --e-global-color-text );}.elementor-4961 .elementor-element.elementor-element-dced8e8 svg polygon{stroke-width:4;stroke:var( --e-global-color-text );}.elementor-4961 .elementor-element.elementor-element-dced8e8 .eael-svg-draw-container svg{Margin:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-4961 .elementor-element.elementor-element-00d7990{text-align:center;}.elementor-4961 .elementor-element.elementor-element-00d7990 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:40px;font-weight:500;text-decoration:none;line-height:1em;color:#173884;}.elementor-4961 .elementor-element.elementor-element-a11e4fd{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4961 .elementor-element.elementor-element-18427b2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(min-width:768px){.elementor-4961 .elementor-element.elementor-element-54e43bb{--width:80%;}.elementor-4961 .elementor-element.elementor-element-18427b2{--width:80%;}}@media(max-width:767px){.elementor-4961 .elementor-element.elementor-element-dced8e8 svg{width:239px;height:151px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-4961 .elementor-element.elementor-element-18427b2{--width:95%;}}/* Start custom CSS for eael-svg-draw, class: .elementor-4961 .elementor-element.elementor-element-dced8e8 */
/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-4961 .elementor-element.elementor-element-00d7990 */
/* End custom CSS */
/* Start custom CSS for container, class: .elementor-4961 .elementor-element.elementor-element-54e43bb */
/* End custom CSS */
/* Start custom CSS for container, class: .elementor-4961 .elementor-element.elementor-element-bf40f7a */
/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-4961 .elementor-element.elementor-element-a575f0a */
/* FILTRO DE BUSQUEDA */

/*Proporciones*/
.filter-posts-search,
div.filter-posts-search {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
}

.filter-posts-search .search-form {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  border: 2px solid #173884 !important;
  border-radius: 0px !important;
  background-color: #f7f9fc !important;
}

.filter-posts-search .search-wrapper {
  flex: 1 1 100% !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}


/*Barra de búsqueda*/
.filter-posts-search .search-field {
  width: 100% !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 10px 15px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 18px !important;
  color: #000000 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

@media screen and (max-width: 767px) {
  .filter-posts-search .search-field {
    font-size: 16px !important;
  }
}


/*Botón de busqueda*/
.filter-posts-search .button--primary.js-search-button {
  flex: 0 0 auto !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 18px !important;
  background-color: #173884 !important;
  color: #ffffff !important;
  border: 2px solid #173884 !important;
  border-radius: 0px !important;
  outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: none !important;
  padding: 0 25px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.filter-posts-search .button--primary.js-search-button:hover,
.filter-posts-search .button--primary.js-search-button:focus,
.filter-posts-search .button--primary.js-search-button:active {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}

@media screen and (max-width: 767px) {
  .filter-posts-search .button--primary.js-search-button {
    font-size: 16px !important;
    padding: 0 15px !important;
  }
}

/* Flecha del dropdown (Preserva el ícono original y lo fuerza a blanco) */
.ymc-dropdown .ymc-dropdown__arrow {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.ymc-dropdown .ymc-dropdown__arrow::before,
.ymc-dropdown .ymc-dropdown__arrow::after {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* CATEGORÍAS */

/*Proporción*/
.filter-section,
.filter-section--top,
.filter-dropdown,
.filter-dropdown-inner,
.ymc-dropdown,
div.ymc-dropdown {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
  display: block !important;
  float: none !important;
  clear: both !important;
}

.ymc-dropdown .ymc-dropdown__selected,
div.ymc-dropdown__selected {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  box-sizing: border-box !important;
  padding: 10px 15px !important;
  background-color: #173884 !important;
  border: 2px solid #173884 !important;
  border-radius: 0px !important;
  cursor: pointer !important;
}

.ymc-dropdown .ymc-dropdown__list {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
  background-color: #173884 !important;
  border: 2px solid #173884 !important;
  border-top: none !important;
  border-radius: 0px !important;
}


/*Dropdown*/
.ymc-dropdown .ymc-dropdown__label,
.ymc-dropdown .term-name {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 18px !important;
  color: #ffffff !important;
}

/* Flecha del dropdown (Ícono original en blanco) */
.ymc-dropdown .ymc-dropdown__arrow {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.ymc-dropdown .ymc-dropdown__arrow::before,
.ymc-dropdown .ymc-dropdown__arrow::after {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* Íconos y botones internos */
.ymc-dropdown .icon-class,
.ymc-dropdown .dropdown-close-btn {
  color: #ffffff !important;
}

/* Responsive (Móvil < 768px) */
@media screen and (max-width: 767px) {
  .ymc-dropdown .ymc-dropdown__label,
  .ymc-dropdown .term-name {
    font-size: 16px !important;
  }
}

/* DROPDOWN DESPLEGADO (LISTA DE CATEGORÍAS) */

/* 1. Ocultar el botón de cierre (×) */
.ymc-dropdown .ymc-dropdown__close {
  display: none !important;
}

/* 2. Estructura de cada ítem de la lista */
.ymc-dropdown .ymc-dropdown__item {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3. Reordenamiento y alineación vertical estricta en la misma línea */
.ymc-dropdown .ymc-dropdown__checkbox {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 10px 15px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  position: relative !important;
}

/* ORDEN: 1. Checkbox */
.ymc-dropdown .ymc-dropdown__checkbox input[type="checkbox"],
.ymc-dropdown .ymc-dropdown__checkbox .checkmark {
  order: 1 !important;
  flex-shrink: 0 !important;
}

/* ORDEN: 2. Ícono */
.ymc-dropdown .ymc-dropdown__checkbox .icon-class {
  order: 2 !important;
  flex-shrink: 0 !important;
  font-size: 16px !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

/* ORDEN: 3. Nombre de la categoría */
.ymc-dropdown .ymc-dropdown__checkbox .term-name {
  order: 3 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 18px !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
}

/* 4. Forzado de Checkbox 100% Cuadrado */
.ymc-dropdown .ymc-dropdown__checkbox input[type="checkbox"] {
  appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  border-radius: 0px !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.ymc-dropdown .ymc-dropdown__checkbox .checkmark {
  border-radius: 0px !important;
}

@media screen and (max-width: 767px) {
  .ymc-dropdown .ymc-dropdown__checkbox .term-name {
    font-size: 16px !important;
  }
}

/* SECCIÓN DE POSTS Y RESULTADOS (4 COLUMNAS EXACTAS 100% ANCHO) */

/* 1. Limpieza de contenedores desde la raíz */
#ymc-filter-1,
#ymc-filter-1 .filter-posts-wrapper,
#ymc-filter-1 .filter-layout,
#ymc-filter-1 .filter-content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 2. Forzado de 4 columnas proporcionales con espaciado chico uniforme */
#ymc-filter-1 .posts-grid.js-ajax-content {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important; /* 4 columnas de 25% menos el espacio del gap */
  gap: 15px !important; /* Espaciado entre tarjetas (cambiar a 12px o 20px si quieres ajustar) */
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* 3. Limpieza de tarjetas individuales */
#ymc-filter-1 .posts-grid article.post-card,
#ymc-filter-1 .posts-grid article.post-card.ymc-anim--fade-in-down {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important; /* Permite que el contenido se amolde sin empujar el ancho */
  flex: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 4. Envoltorio interno del post al 100% */
#ymc-filter-1 .posts-grid article.post-card .post-card__inner {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

/* RESPONSIVE */

/* Tablets (< 1024px): 2 columnas */
@media screen and (max-width: 1024px) {
  #ymc-filter-1 .posts-grid.js-ajax-content {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
  }
}

/* Móviles (< 767px): 1 columna */
@media screen and (max-width: 767px) {
  #ymc-filter-1 .posts-grid.js-ajax-content {
    grid-template-columns: 1fr !important;
    gap: 15px !important;
  }
}

/* TARJETAS DE POST COMPLETAS (CON CORRECCIONES Y AJUSTES DE TEXTO) */

/* 1. Limpieza de bordes/sombras por defecto del contenedor padre */
#ymc-filter-1 .posts-grid article.post-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 2. Tarjeta interna: Padding (5px arriba/abajo, 3px lados), Borde y Fondo limpios */
#ymc-filter-1 .posts-grid article.post-card .post-card__inner {
  background-color: #f7f9fc !important;
  border: 2px solid #E6EBF4 !important;
  border-radius: 12px !important;
  padding: 7px 3px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* 3. Ocultar etiqueta "Categoría" */
#ymc-filter-1 .post-card__categories,
#ymc-filter-1 span.post-taxonomy {
  display: none !important;
}

/* 4. Título: Antonio Semibold, 30px (PC) / 25px (Móvil), Line-height 1.3, Mayúsculas */
#ymc-filter-1 h2.post-card__title,
#ymc-filter-1 a.post-card__title-link {
  font-family: 'Antonio', sans-serif !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
  color: #000000 !important;
  text-decoration: none !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* 5. Taxonomía (Tags): Solo texto, Inter Medium 16px (14px móvil), color #173884, sin fondos ni bordes */
#ymc-filter-1 .post-card__tags {
  margin-bottom: 10px !important;
}

#ymc-filter-1 .post-card__tags a.tag {
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  color: #173884 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 10px 0 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  display: inline-block !important;
}

/* 6. Card Meta (Fecha + Ícono): Inter Regular 16px (14px móvil), color negro */
#ymc-filter-1 .post-card__meta,
#ymc-filter-1 .post-card__meta .post-meta,
#ymc-filter-1 .post-card__meta .data-text {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #000000 !important;
  margin-bottom: 10px !important;
}

#ymc-filter-1 .post-card__meta .far.fa-calendar-alt,
#ymc-filter-1 .post-card__meta .fa-calendar-alt {
  display: inline-block !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #000000 !important;
  margin-right: 6px !important;
}

/* 7. Read More: Livvic Italic Medium 16px (15px móvil), color #FF5539, sin subrayado, Hover #FF1E1E */
#ymc-filter-1 a.post-card__read-more {
  font-family: 'Livvic', sans-serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  color: #FF5539 !important;
  text-decoration: none !important;
  margin-top: auto !important;
  transition: color 0.2s ease !important;
}

#ymc-filter-1 a.post-card__read-more:hover {
  color: #FF1E1E !important;
  text-decoration: none !important;
}

/* RESPONSIVE MÓVIL (< 767px) */
@media screen and (max-width: 767px) {
  /* Título en móvil */
  #ymc-filter-1 h2.post-card__title,
  #ymc-filter-1 a.post-card__title-link {
    font-size: 28px !important;
  }

  /* Taxonomía en móvil */
  #ymc-filter-1 .post-card__tags a.tag {
    font-size: 16px !important;
  }

  /* Meta e ícono en móvil */
  #ymc-filter-1 .post-card__meta,
  #ymc-filter-1 .post-card__meta .post-meta,
  #ymc-filter-1 .post-card__meta .data-text,
  #ymc-filter-1 .post-card__meta .far.fa-calendar-alt,
  #ymc-filter-1 .post-card__meta .fa-calendar-alt {
    font-size: 16px !important;
  }

  /* Read More en móvil */
  #ymc-filter-1 a.post-card__read-more {
    font-size: 16px !important;
  }
}

/* HACER TODA LA TARJETA CLICKEABLE CON CSS */

/* 1. Definir contenedor relativo para delimitar el área de clic */
#ymc-filter-1 .posts-grid article.post-card .post-card__inner {
  position: relative !important;
}

/* 2. Estirar el enlace del título para cubrir toda la tarjeta */
#ymc-filter-1 a.post-card__title-link::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important; /* Cubre toda la tarjeta */
  cursor: pointer !important;
}

/* 3. Asegurar que los tags (si tienen link) queden por encima para que se pueda hacer clic individual si fuera necesario */
#ymc-filter-1 .post-card__tags a.tag {
  position: relative !important;
  z-index: 2 !important;
}
@media (max-width: 767px) {
html body .ymc-dropdown__selected {
  width: 135% !important;
  box-sizing: border-box !important;
}
/* Fondo y dimensiones de la lista desplegable */
html body .ymc-dropdown__list {
  width: 135% !important;

}
/* End custom CSS */
/* Start custom CSS for container, class: .elementor-4961 .elementor-element.elementor-element-18427b2 */
/* End custom CSS */
/* Start custom CSS for container, class: .elementor-4961 .elementor-element.elementor-element-a11e4fd */
/* End custom CSS */