/* CIEC Web: DM Sans servida desde la propia web. Fuente con licencia SIL Open Font License 1.1 (fonts/OFL-DM-Sans.txt). */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url('fonts/dm-sans-latin-ext-wght-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url('fonts/dm-sans-latin-wght-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
  src: url('fonts/dm-sans-latin-ext-wght-italic.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
  src: url('fonts/dm-sans-latin-wght-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* Lo que no arma Elementor (tema, formularios del tema, Agenda) también va en DM Sans. */
body, button, input, select, textarea {
  font-family: 'DM Sans', sans-serif;
}
:root, .tribe-common {
  --tec-font-family-sans-serif: 'DM Sans', sans-serif;
  --tec-font-family-base: 'DM Sans', sans-serif;
}

/* Noticias: buscador ([ciec_noticias_buscador]) y temas ([ciec_noticias_temas]) */
.ciec-oculto { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.ciec-a-la-derecha { margin-left: auto; }
.ciec-noticias-buscador { position: relative; display: flex; width: 300px; max-width: 100%; margin: 0; }
.ciec-noticias-buscador input[type="search"] { width: 100%; height: 44px; margin: 0; padding: 0 52px 0 20px; border: 1px solid #0055A0; border-radius: 999px; background: #fff; color: #2E2D2C; font-size: 15px; line-height: 44px; -webkit-appearance: none; appearance: none; }
.ciec-noticias-buscador input[type="search"]::placeholder { color: #808080; opacity: 1; }
.ciec-noticias-buscador input[type="search"]:focus { outline: 2px solid #C6DC71; outline-offset: 1px; }
.ciec-noticias-buscador button { position: absolute; top: 4px; right: 4px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: #0055A0; color: #fff; cursor: pointer; }
.ciec-noticias-buscador button:hover, .ciec-noticias-buscador button:focus-visible { background: #003F78; }
.ciec-noticias-filtro .ciec-noticias-buscador { margin-bottom: 16px; }
.ciec-noticias-temas { display: flex; flex-wrap: wrap; gap: 8px; }
.ciec-noticias-temas a { display: inline-block; padding: 9px 16px; border: 1px solid #0055A0; border-radius: 999px; color: #0055A0; font-size: 14px; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: background-color .15s, color .15s; }
.ciec-noticias-temas a:hover, .ciec-noticias-temas a:focus-visible { background: #E6EEF6; color: #0055A0; }
.ciec-noticias-temas a.activo { background: #0055A0; color: #fff; }
.ciec-noticias-resultado { margin: 16px 0 0; color: #2E2D2C; font-size: 15px; }
.ciec-noticias-resultado a { margin-left: 8px; color: #0055A0; text-decoration: underline; }
@media (max-width: 767px) {
  .ciec-noticias-buscador { width: 100%; }
  .ciec-noticias-temas { flex-wrap: nowrap; overflow-x: auto; margin: 0 -25px; padding: 0 25px 6px; scrollbar-width: none; }
  .ciec-noticias-temas::-webkit-scrollbar { display: none; }
}

/* Noticias: la más reciente, destacada a todo el ancho (no durante una búsqueda) */
@media (min-width: 768px) {
  body:not(.ciec-buscando) .ciec-noticias .elementor-posts-container > .elementor-post:first-child { grid-column: 1 / -1; display: grid !important; grid-template-columns: 3fr 2fr; column-gap: 40px; align-items: center; }
  body:not(.ciec-buscando) .ciec-noticias .elementor-posts-container > .elementor-post:first-child .elementor-post__thumbnail__link { width: 100%; margin-bottom: 0 !important; }
  body:not(.ciec-buscando) .ciec-noticias .elementor-posts-container > .elementor-post:first-child .elementor-post__thumbnail { padding-bottom: 62% !important; }
  body:not(.ciec-buscando) .ciec-noticias .elementor-posts-container > .elementor-post:first-child .elementor-post__title,
  body:not(.ciec-buscando) .ciec-noticias .elementor-posts-container > .elementor-post:first-child .elementor-post__title a { font-size: 26px !important; line-height: 1.3 !important; }
  body:not(.ciec-buscando) .ciec-noticias .elementor-posts-container > .elementor-post:first-child .elementor-post__excerpt p { font-size: 16px; line-height: 1.6; }
}

/* Pestañas de contenido ([ciec_pestanas]) */
.ciec-pestanas { display: flex; gap: 4px; width: fit-content; max-width: 100%; margin: 0 auto; padding: 4px; border: 1px solid #0055A0; border-radius: 999px; background: #fff; }
.ciec-pestanas .ciec-pestanas__boton, .ciec-pestanas .ciec-pestanas__boton:focus { margin: 0; padding: 12px 28px; border: 0; border-radius: 999px; background: transparent; color: #0055A0; font-family: inherit; font-size: 16px; font-weight: 500; line-height: 1.2; cursor: pointer; transition: background-color .15s, color .15s; }
.ciec-pestanas .ciec-pestanas__boton:hover { background: #E6EEF6; color: #0055A0; }
.ciec-pestanas .ciec-pestanas__boton[aria-pressed="true"], .ciec-pestanas .ciec-pestanas__boton[aria-pressed="true"]:hover, .ciec-pestanas .ciec-pestanas__boton[aria-pressed="true"]:focus { background: #0055A0; color: #fff; }
.ciec-pestanas .ciec-pestanas__boton:focus-visible { outline: 2px solid #C6DC71; outline-offset: 2px; }
@media (max-width: 767px) {
  .ciec-pestanas { width: 100%; }
  .ciec-pestanas .ciec-pestanas__boton, .ciec-pestanas .ciec-pestanas__boton:focus { flex: 1 1 0; padding: 12px 8px; font-size: 15px; }
}
