/*
Theme Name: ATE 2026-B
Author: Pautar MV
Author URI: https://cliente.ar
Description: Tema para la ATE 2026 - B
Version: 2.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
:root {
  --nav-bg: #f0ffe9;
  --titulo-uno: 1em;
  --tuitulo-dos: 1.8em;
  --tuitulo-cuatro: 1.9em;
  --titulo-tres: 1.3em;
  --titulo-cuatro: 2em;
  --btn-nav: 0.8em;

  --font-lugar-fecha: "dm-sans", sans-serif;
  --font-titulo-single: "field-gothic-condensed", sans-serif;
  --font-menu: "dm-sans", sans-serif;
  --font-titulo-principal: "field-gothic-condensed", sans-serif;
  --font-titulo: "field-gothic-condensed", sans-serif;
  --font-secciones: "poppins", sans-serif;
  --font-opinion: "Crimson Pro", serif;
  --font-parrafo: "dm-sans", sans-serif;
  --font-spline: "Spline Sans", sans-serif;
  --font-roboto: "Roboto Condensed", sans-serif;
  --font-aton: "anton", sans-serif;
  --font-gotic: "field-gothic-condensed", sans-serif;

  /* Variables tipográficas normalizadas — abril 2026 */
  --font-condensed: "field-gothic-condensed", sans-serif;
  --font-compact: "field-gothic-compact", sans-serif;
  --font-gothic: "field-gothic", sans-serif;

  /* colores */
  --bg-segunda: #c8e6d4;
  --bg-tercera: #deffcf;
  --alerta: #56fa39;
  --bg-genero: #cfb5f5;
  --bg-cultura: #ffff7b;
  --institucional: #3ab16f;
  --color-nuevo: #38b000;
  --color-regiones: #3ab16f;
  --color-oscuro: rgb(12, 39, 0);
  --color-claro: #f0ffe9;
  --color-verde-claro: #c3e7d3;
  --color-verde-marzo: #3ab16f;
  --verde-oscuro-agosto: #0c2700;

  /* Menú mobile unificado — agosto 2026 */
  --menu-mobile-bg: #fffbee;
  --menu-mobile-texto: #333;
}

.titulo-principal {
  font-family: "field-gothic-condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.titulo-gral {
  font-family: "field-gothic-condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.lugar {
  font-family: "dm-sans", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.fecha {
  font-family: "dm-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.secciones {
  font-weight: 500;
  font-style: normal;
}
.regiones {
  background-color: var(--color-regiones);
}
.regiones .navbar {
  font-family: var(--font-secciones);
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  width: 100%;
  overflow: hidden;
}

.regiones .navbar ul.navbar-nav {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.regiones .navbar ul.navbar-nav .nav-item {
  border-radius: 20px;
  display: inline-block;
  margin-left: 10px;
}
.regiones .navbar ul.navbar-nav .nav-item.active {
  color: white;
  background-color: var(--color-oscuro);
}
.regiones .navbar ul.navbar-nav .nav-item.active a {
  color: white;
}
.regiones .navbar ul.navbar-nav .nav-item a {
  text-decoration: none;
  color: var(--color-oscuro);
  border-radius: 20px;
  display: block;
}

.regiones .navbar ul.navbar-nav .nav-item a:hover {
  color: white;
  background-color: var(--color-oscuro);
  border-radius: 20px;
}
.pie {
  background-color: var(--institucional);
  border-top: 20px solid black;
  width: 100%;
  margin-bottom: 8px;
  padding-left: 1%;
}
.single .uagb-block-009bbfae.uagb-blockquote__skin-quotation .uagb-blockquote__icon {
  background-color: white;
}
.single .uagb-block-009bbfae.uagb-blockquote__skin-quotation .uagb-blockquote__icon::before {
  color: var(--institucional);
}
.single .uagb-blockquote__author {
  padding-left: 60px;
}
body > header > h1 > a {
  font-weight: 400;
  color: #ffffff;
}
article > header {
  font-family: var(--font-texto);
}
footer {
  margin-top: 4px;
  overflow: hidden;
}
a,
a:visited {
  text-decoration: none;
  color: var(--color-oscuro);
}

a:hover {
  color: var(--color-oscuro);
}

.home {
  z-index: 1;
  margin: 0 auto;
  overflow-x: hidden;
}
.wrap {
  width: 99%;
  margin: 0 auto;
}
.content-area {
  display: inline-block;
}
.content-thin {
  width: 100%;
}
.content-full-width {
  width: 100%;
}
.content-area,
.primary-sidebar {
  display: inline-block;
}
.primary-sidebar {
  background-color: #ececec;
  width: 25%;
  padding: 1%;
  vertical-align: top;
}
.article-loop {
  text-align: left;
  width: 100%;
  margin: 5px 5px 5px 0px;
  padding: 10px 10px 10px 0px;
}
.video-principal .article-loop,
.video-secundario .article-loop {
  margin: 0px 5px 0px 0px;
  padding: 0px 10px 0px 0px;
}

.article-loop header,
.article-loop p,
.article-loop .thumbnail,
.article-loop .col-6 {
  padding-left: 0px;
}

.article-full {
  width: 99%;
  padding: 1%;
}
.article-loop,
.article-full {
  border-radius: 4px;
  margin-bottom: 4px;
  vertical-align: top;
}
.bg-nav {
  background-color: var(--nav-bg);
}
.grid-1,
.grid-2,
.grid-3 {
  order: initial;
}
.mas-noticias {
  text-align: center;
}
.mas-noticias hr {
  border-top: 1px solid var(--color-oscuro);
  width: 45%;
  height: 30px;
  margin: 0px auto;
}
.mas-noticias a {
  font-family: var(--font-secciones);
  font-weight: 400;
  color: var(--color-oscuro);
}
.opinion {
  text-align: center;
}
.opinion hr {
  border-top: 1px solid var(--color-oscuro);
  width: 80%;
  height: 10px;
  margin: 0px auto;
}
.opinion a {
  font-family: var(--font-opinion);
  font-weight: bold;
  font-size: 2em;
  color: var(--color-oscuro);
}
/*Visualuizaciones*/

@media screen and (max-width: 800px) {
  .article-loop {
    width: 99%;
}
  .ates {
    display: none;
    width: 0px;
    height: 0px;
    visibility: hidden;
}
  .grid-1 {
    order: 2;
}
  .grid-2 {
    order: 1;
}
  .grid-3 {
    order: 3;
}
  .video-secundario .rep-video iframe,
  .video-secundario .rep-video object,
  .video-secundario .rep-video embed,
  .video-principal .rep-video iframe,
  .video-principal .rep-video object,
  .video-principal .rep-video embed {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
  .degrade-titulo {
    background: rgb(12, 39, 0);
    background: linear-gradient(0deg, rgba(12, 39, 0, 1) 64%, rgba(12, 39, 0, 0.19091386554621848) 100%);
    border-radius: 0px 0px 20px 20px;
    margin-top: -50px;
}
  .article-loop h2 a:link {
    color: var(--color-oscuro);
}
  .article-loop h2 a.titulo-nuevo {
    color: var(--color-claro);
}
  .reticula-nueva .thumbnail {
    float: right;
    max-width: 50%;
}
  .reticula-nueva .thumbnail img {
    border-radius: 10px;
}
  .reticula-nueva header {
    float: left;
    max-width: 45%;
    margin-top: -50px;
}
  .reticula-nueva {
    display: inline-block;
    margin-top: 50px;
    padding: 0px 30px;
}
  .reticula-nueva hr {
    border-top: 1px solid var(--color-oscuro);
    display: inline-block;
    width: 100%;
    height: 10px;
}
  .content-area .reticula-nueva .tag {
    padding: 0px;
    padding: 0px;
}
  #opinionCarouselDesktop {
    display: none;
    width: 0px;
    height: 0px;
    visibility: hidden;
}
  #opinionCarouselMobile {
    display: block;
    visibility: visible;
}
  .principal-uno {
    border-top: 0px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    transition: background-color 0.3s ease;
}
  .noticia-cinco img {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 0px solid #000;
    border-left: 2px solid #000;
    transition: background-color 0.3s ease;
}
  p.bajada {
    visibility: hidden;
}
  .content-single {
    margin-right: 0px;
}
  .lateral {
    margin-left: 0px;
}
  #single {
    display: flex;
    justify-content: center;
    max-width: 96%;
    margin-left: 21px;
}
  .related-post {
    border: 1px solid black;
    padding-top: 10px;
}
  .related-post:nth-child(1),
  .related-post:nth-child(2) {
    border-right: 0;
}

  .related-post:nth-child(3) {
    border-right: 1px solid black;
}
}
@media screen and (max-width: 400px) {
  .content-area,
  .primary-sidebar {
    width: 100%;
}
  .ates {
    display: none;
    width: 0px;
    height: 0px;
    visibility: hidden;
}
  .grid-1 {
    order: 2;
}
  .grid-2 {
    order: 1;
}
  .grid-3 {
    order: 3;
}
  .video-secundario .rep-video iframe,
  .video-secundario .rep-video object,
  .video-secundario .rep-video embed,
  .video-principal .rep-video iframe,
  .video-principal .rep-video object,
  .video-principal .rep-video embed {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
  .degrade-titulo {
    background: rgb(12, 39, 0);
    background: linear-gradient(0deg, rgba(12, 39, 0, 1) 64%, rgba(12, 39, 0, 0.19091386554621848) 100%);
    border-radius: 0px 0px 20px 20px;
    margin-top: -50px;
}
  .article-loop h2 a:link {
    font-weight: 800;
    font-size: 17px;
    color: var(--color-oscuro);
}
  .article-loop h2 a.titulo-nuevo {
    color: var(--color-claro);
}
  .reticula-nueva .thumbnail {
    float: right;
    max-width: 50%;
}
  .reticula-nueva .thumbnail img {
    border-radius: 10px;
}
  .reticula-nueva header {
    float: left;
    max-width: 45%;
    margin-top: -50px;
}

  .reticula-nueva {
    display: inline-block;
    margin-top: 50px;
    padding: 0px 15px;
}
  .reticula-nueva hr {
    border-top: 1px solid var(--color-oscuro);
    display: inline-block;
    width: 100%;
    height: 10px;
}
  .content-area .reticula-nueva .tag {
    border: 0px;
    padding: 0px;
}
  #opinionCarouselDesktop {
    display: none;
    width: 0px;
    height: 0px;
    visibility: hidden;
}
  #opinionCarouselMobile {
    display: block;
    visibility: visible;
}
  .principal-uno {
    border-top: 0px solid #000;
    border-right: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transition: background-color 0.3s ease;
}
  .noticia-cinco img {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 0px solid #000;
    border-left: 2px solid #000;
    transition: background-color 0.3s ease;
}
  p.bajada {
    height: 0px;
    visibility: hidden;
}

  .content-single {
    margin-right: 0px;
}
  .lateral {
    margin-left: 0px;
}
  #single {
    display: flex;
    justify-content: center;
    max-width: 96%;
    margin-left: 21px;
}
  .related-post {
    border: 1px solid black;
    padding-top: 10px;
}
  .related-post:nth-child(1),
  .related-post:nth-child(2) {
    border-right: 1px solid black;
}

  .related-post:nth-child(3) {
    border-right: 1px solid black;
}
}
@media screen and (min-width: 1024px) {
  #bs-navbar-collapse {
    display: flex;
    justify-content: center;
}
  .ates {
    background-color: var(--bg-tercera);
    display: flex;
    align-items: center;
    min-height: 90px;
}
  .grid-1 {
    order: 1;
}
  .grid-2 {
    order: 2;
}
  .grid-3 {
    order: 3;
}
  .video-principal .rep-video iframe,
  .video-principal .rep-video object,
  .video-principal .rep-video embed {
    top: 0;
    left: 0;
    width: 800px;
    height: 450px;
}
  .video-secundario .rep-video iframe,
  .video-secundario .rep-video object,
  .video-secundario .rep-video embed {
    top: 0;
    left: 0;
    width: 247px;
    height: 160px;
}
  .degrade-titulo {
    background: rgb(12, 39, 0);
    background: linear-gradient(0deg, rgba(12, 39, 0, 0) 64%, rgba(12, 39, 0, 0) 100%);
    margin-top: 0px;
}
  .article-loop h2 a:link {
    color: var(--color-oscuro);
}
  .article-loop h2 a.titulo-nuevo {
    color: var(--color-oscuro);
}
  .reticula-nueva .thumbnail,
  .reticula-nueva header {
    max-width: 100%;
}
  .reticula-nueva .thumbnail img {
    border-radius: 0px;
}
  .reticula-nueva header {
    margin-top: 15px;
}
  .reticula-nueva {
    display: inline-block;
    margin-top: 15px;
    padding: 0px;
}
  .reticula-nueva hr {
    border-top: 1px solid var(--color-oscuro);
    display: inline-block;
    width: 100%;
    height: 10px;
}
  .content-area .reticula-nueva .tag {
    border: 0px;
    padding: 0px;
}
  #opinionCarouselMobile {
    display: none;
    width: 0px;
    height: 0px;
    visibility: hidden;
}
  #opinionCarouselDesktop {
    display: block;
    visibility: visible;
}
  .principal-uno {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 0px solid #000;
    transition: background-color 0.3s ease;
}
  .noticia-cinco img {
    border-top: 2px solid #000;
    border-right: 0px solid #000;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    transition: background-color 0.3s ease;
}
  p.bajada {
    visibility: visible;
}
  .content-single {
    margin-right: 40px;
}
  .lateral {
    margin-left: 100px;
}
  .related-post {
    border-left: 1px solid black;
    padding-top: 10px;
}
  .related-post:nth-child(1),
  .related-post:nth-child(2) {
    border-right: 0;
}

  .related-post:nth-child(3) {
    border-right: 1px solid black;
}
}

.editorial {
  font-style: italic;
}
.bg-principal .content-area .tag {
  border: 2px solid var(--color-oscuro);
  border-radius: 20px;
  padding: 3px 5px;
}

.content-area .tag {
  font-weight: bold;
  font-size: 13px;
  display: inline-block;
}
.principal .content-area .tag,
.principal-centro .tag {
  background-color: var(--color-oscuro);
  border: 2px solid var(--color-oscuro);
  border-radius: 20px;
  padding: 3px 5px;
}

.content-area .tag ul li {
  padding-top: 3px;
  list-style: none;
}
.content-area .tag ul li a {
  text-decoration: none;
  color: var(--color-oscuro);
}
.principal .content-area .tag ul li a,
.principal-centro .tag ul li a {
  color: var(--color-verde-claro);
}

.principal .article-loop,
.noticia-cinco .content-area .article-loop {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  padding-top: 0px;
  padding-right: 0px;
}

.content-area .tag ul {
  margin: 0px;
  padding: 0px;
}
.video .article-loop {
  border-bottom: 0px;
}

#sitio .nav-link {
  font-family: var(--font-menu);
  font-weight: bold;
  font-size: var(--btn-nav);
  font-style: normal;
  font-optical-sizing: auto;
  text-transform: uppercase;
  color: #fff;
}
#sitio .dropdown-item:hover {
  background-color: var(--nav-bg);
}
.buscador-nav {
  gap: 0;
}
.buscador-nav .form-control {
  font-size: var(--btn-nav);
  color: #222;
  background-color: #f0f0f0;
  border: none;
  border-radius: 0;
  width: 160px;
  transition: width 0.4s ease;
}
.buscador-nav .form-control::placeholder {
  color: #888;
}
.buscador-nav .form-control:focus {
  color: #222;
  background-color: #fff;
  width: 220px;
  box-shadow: none;
}
.buscador-nav .btn-buscar {
  color: #222;
  background-color: #f0f0f0;
  border: none;
  border-radius: 0;
  padding: 4px 10px;
}
.buscador-nav .btn-buscar:hover {
  background-color: #ddd;
}
/* NOTA: el bloque mobile oscuro del navbar que vivía acá fue reemplazado
   por la sección "MENÚ MOBILE UNIFICADO" al final de este archivo. */

.foto-lateral {
  padding-left: 0px;
}
#pie ul li a,
#pie ul li a:link,
#pie p {
  color: #fff;
}
#pie ul li a:link {
  padding: 5px 10px;
  transition: ease 0.5s;
}
#pie ul li a:hover {
  color: black;
  background-color: var(--nav-bg);
}
#pie {
  margin: 0 auto;
}
.cabezal {
  background: url("../ate/img/header.png") no-repeat center center;
  background-size: cover;
  position: sticky;
  top: 0px;
  z-index: 100;
  height: 90px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.3s ease-in-out;
}
.is-style-rounded img {
  border: 10px solid var(--institucional);
  margin-top: 20px;
}
.is-style-rounded .wp-element-caption {
  text-align: center;
}
.alert {
  text-align: center;
  margin: 0px;
}
.home .alert.alert-success {
  font-size: 1.2em;
  color: black;
  background-color: var(--alerta);
  position: sticky;
  top: 220px;
  height: 37px;
  padding: 5px 50px 0px 10px;
  transition: ease 1s;
}
/*Estilo de títulos*/
.single h2 {
  font-family: var(--font-titulo-single);
  font-weight: 800;
  font-size: 2.5rem;
  font-style: normal;
  padding-bottom: 20px;
}
.single p {
  font-family: var(--font-parrafo);
  color: #000;
}
.single-destacadas__excerpt p {
  color: white;
}
.single .has-large-font-size p {
  font-weight: 600;
  font-size: 2rem;
}
.single .has-large-font-size {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding-top: 20px;
  padding-bottom: 20px;
}
h2 {
  font-weight: 600;
}
.reticula-nueva h2 {
  font-family: var(--font-lugar-fecha);
  font-weight: 300;
  font-size: 1rem;
}

.principal .article-loop header h2 a:link,
.noticia-siete .article-loop header h2 a:link {
  font-family: var(--font-titulo);
  font-weight: 800;
  font-style: normal;
}
.noticia-dos .article-loop header h2 {
  font-size: var(--tuitulo-dos);
}
.noticia-cinco .article-loop header h2,
.noticia-cuatro .article-loop header h2,
.noticia-seis .article-loop header h2,
.noticia-tres .article-loop header h2,
.cuatro-noticias .noticia-uno .article-loop header h2,
.cuatro-noticias .noticia-dos .article-loop header h2,
.noticia-seis .article-loop header h2,
.noticia-tres .article-loop header h2,
.cuatro-noticias .noticia-uno .article-loop header h2,
.cuarta-portada .noticia-ocho .article-loop header h2,
.cuarta-portada .noticia-diez .article-loop header h2 {
  font-size: var(--titulo-tres);
}
.tercera-portada .noticia-nueve .article-loop header h2 {
  font-size: var(--tuitulo-cuatro);
}
.editorial .article-loop header h2 {
  font-family: "Roboto Serif", serif;
  font-size: 1.5rem;
  font-style: italic;
  line-height: 1em;
}
p.autor-editorial {
  color: var(--institucional);
  margin-bottom: 0px;
  margin-bottom: 10px;
}
.bg-segunda,
.bg-cuarta {
  background-color: var(--bg-segunda);
}
.bg-segunda.genero {
  background-color: var(--bg-genero);
}
.bg-segunda.cultura {
  background-color: var(--bg-cultura);
}
.bg-principal {
  background-color: var(--color-verde-claro);
}
.bg-video {
  background-color: var(--color-oscuro);
  padding-bottom: 40px;
}
/*Fin estilo títulos*/
.tag .fa {
  width: 0px;
  visibility: hidden;
}
.nav li .fa-brands {
  font-size: 20px;
}
.abajo {
  padding-top: 10px;
}
.abajo .logo img {
  width: 59px;
  height: 59px;
  margin-top: 0px;
  padding-top: 0px;
}
.logo img {
  width: 70px;
  height: 70px;
  margin-top: 0px;
  padding-top: 0px;
  transition: 1.5s;
}
.logo {
  display: flex;
  justify-content: center;
}

#sitio.menu-scroll {
  top: 40px;
  padding: 0.1rem 1rem;
}
#alerta.alerta-scroll {
  position: sticky;
  top: 90px;
  z-index: 95;
  transition: top 0.3s ease-in-out;
}
.foto-autor img {
  width: auto;
  height: 100px;
}
.seccion h2 {
  font-weight: bold;
  font-size: 1.5rem;
  color: white;
}
.seccion {
  background-color: black;
  border-left: 4px solid var(--institucional);
  max-width: 250px;
  padding: 8px 0px 0px 16px;
}
.linea-seccion {
  border-bottom: 4px solid black;
  margin-bottom: 16px;
}
#pie h2 {
  font-weight: bold;
  font-size: 1rem;
  color: black;
  background-color: white;
  border-left: 5px solid black;
  padding: 5px;
}
#pie ul li {
  font-size: 0.9rem;
  border-left: 1px solid white;
}
.editorial {
  background-color: #e8e4d8;
}
.editorial .article-loop {
  border-bottom: solid 1px #fff;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.banner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  height: 250px;
  margin: 0 auto;
}

#pie .brand p {
  text-align: center;
}
.thumb-dos img {
  min-width: 100%;
  height: auto;
  padding-bottom: 20px;
}
li.menu-item {
  text-transform: uppercase;
  margin: 0px 10px;
}
li.sub-region {
  border-left: 1px solid var(--institucional);
  margin-left: 35px;
}
select.facetwp-dropdown,
input.facetwp-autocomplete {
  font-size: 0.9rem;
  line-height: 1rem;
  color: black;
  background-color: var(--bg-segunda);
  border: 0px;
  padding: 10px;
}
.facetwp-autocomplete-update {
  font-size: 0.9rem;
  line-height: 1rem;
  color: black;
  background-color: var(--bg-segunda);
  border: 1px solid var(--institucional);
  padding: 10px;
}
#seccional p.card-text {
  font-size: 0.9rem;
}
#seccional h5.card-title {
  font-weight: bold;
  font-size: 1.2rem;
}
#seccional .card-header {
  background-color: var(--bg-segunda);
}
#seccional.card {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
#seccional .mapa {
  background: url("../ate/img/mapa.png");
  min-height: 100px;
}

.aviso {
  background-color: var(--verde-oscuro-agosto);
  justify-content: flex-end;
  padding-right: 20px;
}
.aviso h3,
.marquesina h3 {
  font-family: var(--font-spline);
  font-size: 17px;
  color: white;
  margin: 0px;
}
.aviso h3 {
  background: url("../ate/img/rojo.gif") no-repeat center left;
  padding-left: 25px;
}
.marquesina {
  background-color: var(--verde-oscuro-agosto);
}
.aviso,
.marquesina {
  display: flex;
  align-items: center;
}
#alerta {
  position: sticky;
  top: 90px;
  z-index: 80;
  min-height: 35px;
  transition: top 0.3s ease-in-out;
}

.fecha {
  font-weight: regular;
  font-size: 0.8rem;
}
.fecha-dos {
  font-family: var(--font-spline);
  font-weight: 400;
  font-size: 16px;
  color: var(--verde-oscuro-agosto);
  background: url("../ate/img/calendar-verde.png") no-repeat center left;
  margin-top: 10px;
  padding-left: 25px;
}
.principal .fecha,
.principal-centro .fecha {
  color: var(--color-oscuro);
}
.tag-fecha {
  font-family: var(--font-lugar-fecha);
  display: flex;
  align-items: center; /* Alinea verticalmente si es necesario */
  justify-content: space-between; /* Coloca un div a la izquierda y otro a la derecha */
  width: 100%;
  padding: 15px;
}

.article-loop header {
  padding: 0px 15px;
}
.article-loop.reticula-nueva header {
  padding: 0px;
}
.segunda-portada .article-loop header {
  padding: 0px 15px 15px 15px;
}
.tag-fecha-dos {
  display: flex;
  align-items: center; /* Alinea verticalmente si es necesario */
  justify-content: space-between; /* Coloca un div a la izquierda y otro a la derecha */
  width: 100%;
  padding: 0px 0px 10px 0px;
}
.tag-fecha-tres {
  display: flex;
  align-items: center; /* Alinea verticalmente si es necesario */
  justify-content: space-between; /* Coloca un div a la izquierda y otro a la derecha */
  width: 100%;
  padding: 15px 0px 0px 0px;
}
.principal-centro .tag-fecha {
  padding: 0px 0px 15px 0px;
}
.div-seccion {
  font-size: 1rem;
  display: flex;
  align-items: center; /* Alinea verticalmente si es necesario */
  justify-content: space-between; /* Coloca un div a la izquierda y otro a la derecha */
  width: 100%;
  margin-left: 0px;
}
.bg-principal .div-seccion {
  width: 96%;
  margin-left: 16px;
}

.div-seccion h4,
.div-seccion a {
  font-family: var(--font-titulo) !important;
  font-weight: 600;
  font-size: 48px;
  color: var(--color-oscuro);
}
#seccion-single .div-seccion h4 {
  font-size: 16px;
}
.div-seccion a {
  font-size: 19px;
  font-weight: 400;
}

.content-banner {
  background: rgb(13, 39, 0);
  background: linear-gradient(0deg, rgba(13, 39, 0, 1) 24%, rgba(240, 255, 233, 1) 24%);
}
.banner {
  background-color: #ccc;
}

.video-principal h2 {
  font-size: 1.5rem;
}

#video-home .div-seccion {
  margin-bottom: 20px;
}

.video-principal header {
  margin-top: 20px;
  padding-left: 0px;
}
.video-secundario header {
  margin-top: 10px;
  padding-left: 0px;
}
body {
  overflow-x: hidden;
}
body.home {
  background-color: #fffbee;
  margin-right: 0 !important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.redes {
  background-color: #ccc;
  position: fixed;
  top: 50%;
  left: 0;
  z-index: 1000;
  width: 50px;
  padding-left: 8px;
  transform: translateY(-50%);
  box-shadow: 14px 4px 24px -18px rgba(0, 0, 0, 0.43);
  -webkit-box-shadow: 14px 4px 24px -18px rgba(0, 0, 0, 0.43);
  -moz-box-shadow: 14px 4px 24px -18px rgba(0, 0, 0, 0.43);
}
.facebook,
.instagram,
.equis,
.youtube {
  font-size: 1.5rem;
  text-align: center;
  color: white;
  display: block;
  padding: 10px;
}
.redes img {
  max-width: 25px;
  height: auto;
}
.carousel {
  width: 100%;
}
.carousel-item {
  opacity: 0;
  transition:
    opacity 0.8s ease-in-out,
    transform 0.8s ease-in-out;
}
.carousel-item .card {
  background-color: var(--color-claro);
  border: 0px;
}
.carousel-item.active {
  opacity: 1;
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  opacity: 0.2;
  transition: opacity 0.8s ease-in-out;
}

.carousel-item.active {
  opacity: 1;
}
button.carousel-control-next {
  background: none;
  border: 0px;
  margin-right: -90px;
}
button.carousel-control-prev {
  background: none;
  border: 0px;
  margin-left: -90px;
}
.carousel-control-next-icon {
  background-image: url("../ate/img/next.png");
}

.carousel-control-prev-icon {
  background-image: url("../ate/img/prev.png");
}
.noticia .thumbnail img {
  min-width: 100%;
}

.article-loop .principal-uno {
  padding: 30px;
}
.article-loop .principal-uno h2 a:link {
  color: #000;
}
.principal-uno p {
  font-family: var(--font-lugar-fecha);
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 28px;
  padding-top: 20px;
  padding-left: 15px;
}
.noticia-cinco .article-loop .principal-uno header h2 {
  font-size: var(--titulo-cuatro);
}
.principal-uno:hover,
.principal-dos:hover {
  background-color: rgba(12, 39, 0, 1);
}
.principal-uno:hover h2 a:link,
.principal-uno:hover h2 a:visited,
.principal-dos:hover .article-loop h2 a:link,
.principal-dos:hover .article-loop h2 a:visited,
.principal-uno:hover p,
.principal-dos:hover p,
.content-area .principal-uno:hover .tag-fecha .fecha,
.principal-dos:hover .tag-fecha-dos .fecha {
  color: #fff;
}
.content-area .principal-uno:hover .tag,
.principal-dos:hover .article-loop .tag-fecha-dos .tag {
  background: var(--color-regiones);
  border: var(--color-regiones);
}
.content-area .principal-uno:hover .tag ul li a,
.principal-dos:hover .content-area .tag {
  color: #fff;
}
.content-area .principal-uno .tag,
.principal-dos .content-area .tag {
  background-color: #000;
  border: 2px solid #000;
  border-radius: 20px;
  padding: 3px 5px;
}
.content-area .principal-uno .tag ul li a,
.principal-dos .content-area .tag ul li a {
  color: #fff;
}
.principal-dos {
  border-left: 2px solid #000;
}

.principal-cierre {
  border-right: 2px solid #000;
}

.principal-dos .article-loop h2 a:link {
  font-size: 1rem;
  color: #000;
}
.principal-dos .article-loop h2 {
  font-family: var(--font-titulo);
  font-weight: 800;
  font-style: normal;
  line-height: 16px;
}
.principal-dos .article-loop {
  min-height: 380px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
}
.principal-dos .article-loop header {
  padding: 15px 0px 0px 0px;
}

.principal-dos p {
  font-family: var(--font-lugar-fecha);
  font-weight: 700;
  font-size: 1rem;
  line-height: 20px;
  color: #000;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 0px;
}
.principal-dos p.post-category a:link {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #3ab16f;
  border: 1px solid #3ab16f;
  margin-left: 20px;
  padding: 3px;
}
.noticia-siete-e header {
  background-color: var(--color-oscuro);
}
.articulo .tag-fecha-dos .tag,
.post .tag-fecha-dos .tag,
#video-home header .tag-fecha .tag,
.noticia-siete-e header .tag-fecha .tag,
.noticia-dos-f header .tag-fecha-dos .tag {
  color: var(--color-verde-marzo);
  border: 0px;
  padding: 0px 7px 3px 0px;
}
.noticia-siete-e header .tag-fecha {
  margin-bottom: 15px;
  padding: 15px 0px 0px 0px;
}
.articulo .tag ul li a,
.post .tag ul li a,
#video-home .content-area .tag ul li a,
.noticia-siete-e .content-area .tag ul li a,
.noticia-siete-e .article-loop h2 a.titulo-nuevo,
.noticia-siete-e .article-loop header p,
.noticia-dos-f header .tag-fecha-dos .tag ul li a {
  color: var(--color-verde-marzo);
  font-size: 16px;
  font-family: var(--font-gothic);
}
.tag-agosto .tag ul li a {
  font-size: 16px;
  text-transform: capitalize;
  color: var(--color-verde-marzo);
}
#video-home .tag-fecha {
  padding-left: 0px;
}
.noticia-siete-e .article-loop h2 a.titulo-nuevo {
  font-size: 1.5rem;
}
.noticia-siete-e .article-loop h2 {
  line-height: 0.9;
}
.noticia-dos-f .article-loop h2,
.video-secundario h2 {
  font-size: 1rem;
}
.noticia-dos-f hr,
#video-home hr {
  border-top: 1px solid var(--color-oscuro);
  width: 100%;
  height: 5px;
  margin: 0px auto;
}
.noticia-dos-f .article-loop header {
  padding: 0px 15px 15px 0px;
}
.noticia-dos-f .article-loop {
  padding: 0px;
}
.noticia-dos-f img {
  padding-bottom: 10px;
}
.noticia-dos-f .fecha {
  color: var(--color-verde-marzo);
}
.bg-verde-marzo {
  background-color: var(--color-verde-marzo);
}
#ateCarouselDesktopUnique {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.carousel-inner {
  min-height: 200px; /* Ajusta según necesidad */
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.custom-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.custom-carousel-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
  will-change: transform;
}

.custom-carousel-item {
  flex: 0 0 20%; /* 5 imágenes visibles */
  padding: 5px;
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}

.custom-carousel-item img {
  border-radius: 10px;
  width: 100%;
  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.3), 2px 0 2px rgba(0, 0, 0, 0.3);
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.custom-carousel-item:hover img {
  filter: grayscale(0%);
}

.custom-carousel-prev,
.custom-carousel-next {
  font-size: 20px;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  padding: 10px 15px;
  transition: background 0.3s;
  transform: translateY(-50%);
  cursor: pointer;
}

.custom-carousel-prev:hover,
.custom-carousel-next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.custom-carousel-prev {
  left: 10px;
}
.custom-carousel-next {
  right: 10px;
}
#sitio {
  background-color: var(--verde-oscuro-agosto);
  position: sticky;
  top: 90px;
  z-index: 90;
  padding: 0.5rem 1rem;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  opacity: 1;
  box-shadow: -1px 9px 25px -12px rgba(255, 255, 255, 0.45);
}

/* Nav oculto al scrollear hacia abajo */
#sitio.nav-hidden {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}
.segunda-portada .noticia-dos-f .content-area {
  display: flex;
  flex-direction: row;
}
/* Responsivo */
@media (max-width: 1024px) {
  .custom-carousel-item {
    flex: 0 0 33.33%; /* 3 imágenes en pantallas medianas */
}
  #sitio {
    top: 90px;
    z-index: 90;
  }
  .segunda-portada .noticia-dos-f .content-area {
    display: flex;
    flex-direction: column;
}
}

@media (max-width: 768px) {
  .custom-carousel-item {
    flex: 0 0 50%; /* 2 imágenes en móviles */
}
  .abajo {
    height: 100px;
    padding-top: 30px;
}
  #sitio.menu-scroll {
    position: sticky;
    top: 100px;
  }
  #sitio {
    top: 90px;
    z-index: 90;
  }
  .segunda-portada .noticia-dos-f .content-area {
    display: flex;
    flex-direction: column;
}
}

@media (max-width: 480px) {
  .custom-carousel-item {
    flex: 0 0 100%; /* 1 imagen en pantallas pequeñas */
}
  .abajo {
    height: 100px;
    padding-top: 17px;
}
  #sitio.menu-scroll {
    position: sticky;
    top: 100px;
  }
  .segunda-portada .noticia-dos-f .content-area {
    display: flex;
    flex-direction: column;
}
}
.separadorUltimas {
  border-top: 1px solid black;
  padding: 50px 0px 30px 0px;
}
.noticiasRelacionadas h3 {
  font-family: var(--font-lugar-fecha);
  font-weight: 600;
  font-size: 3rem;
}
.noticiasRelacionadas .tag-fecha {
  padding-left: 0px;
}
.noticiasRelacionadas img {
  min-width: 100%;
  padding-top: 10px;
}
.noticiasRelacionadas .article-full h4 {
  font-family: var(--font-lugar-fecha);
  font-weight: 700;
  font-size: 1, 5rem;
  padding-top: 10px;
  padding-bottom: 10px;
}

#single {
  padding-top: 50px;
}
.ultimas-noticias h2 {
  font-family: var(--font-gotic);
  font-weight: 700;
  font-size: 20px;
  font-style: normal;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 10px;
}
.desktop .ultimas-noticias {
  display: flex;
}
#seccion-single .desktop .ultimas-noticias {
  display: flex;
  flex-direction: column;
}
#single .post {
  border-bottom: 1px solid black;
  padding-top: 20px;
}
.lateral hr {
  border-top: 1px solid black;
  width: 100%;
  height: 1px;
  margin: 20px auto 10px;
}
.article-full h4 {
  font-weight: 700;
  margin-bottom: 20px;
}
.articulo-agosto h2 {
  font-family: var(--font-gotic);
  font-weight: 600;
}
.articulo {
  padding-bottom: 40px;
}
.ultimas-noticias .articulo {
  padding-bottom: 0px;
}
.lectura {
  font-size: 0.8rem;
  float: left;
  margin-top: 20px;
}
.slider-container {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
}
.slider-container::-webkit-scrollbar {
  height: 1px;
}
.slider-container::-webkit-scrollbar-thumb {
  background-color: black;
}
.slider-container .articulo {
  flex: 0 0 calc(100% / 3 - 10px); /* 3 items por vista en pantallas de escritorio */
  padding: 10px;
  box-sizing: border-box;
  scroll-snap-align: start;
}
@media (max-width: 768px) {
  .slider-container .articulo {
    text-align: left;
    flex: 0 0 60%; /* 60% visible + 40% del siguiente */
    padding-top: 0px;
}
  .slider-container .articulo .thumbnail,
  .slider-container .articulo header {
    display: block;
}
}
.articulo-agosto {
  .fecha-dos {
    margin-top: 0px;
}
  .tag-fecha-dos {
    font-family: var(--font-spline);
    font-size: 15px;
    padding-bottom: 0px;
}
  h2 {
    font-weight: 600;
}
  .tag-agosto {
    padding-bottom: 5px;
}
  .thumbnail {
    padding-top: 8px;
}
}

.articulo-agosto .foto-reticula img {
  border-radius: 10px;
  width: 100%;
  height: 100px;
  max-height: 87px;
  padding: 0px;
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    display: flex;
    flex-direction: row-reverse;
}
}
.ver-mas a {
   color: var(--color-oscuro);
}
.ver-mas {
  padding-right: 33px;
  font-size: 19px;
 }
#seccion-single .ver-mas {
  margin-top: -37px;
  padding-bottom: 20px;
}

.seccion-agosto .ver {
  margin-left: 0px;
}
.banner-vertical {
  background-color: var(--color-verde-marzo);
  min-width: 100%;
  min-height: 800px;
  margin-top: 65px;
}
.bg-tercera hr {
  border-top: 1px solid;
}
.banner-desktop {
  background-color: var(--color-verde-marzo);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  max-width: 100vw !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.banner-desktop a {
  display: flex;
  justify-content: center;
  width: 100%;
}
.banner-movil {
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner-desktop img {
  max-width: 100%;
  height: auto;
}
p.excerpt {
  text-align: left;
  color: var(--verde-oscuro-agosto);
}
p.creditos-foto {
  font-size: 10px;
  text-align: right;
  color: var(--verde-oscuro-agosto);
  margin-top: 5px;
  margin-bottom: 0px;
}

@media (max-width: 767.98px) {
  /* Simetría de márgenes: corrige el -15px izquierdo de Bootstrap .row */
  .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

  /* Referencia de margen: 16px en ambos lados para contenedores del home */
  main.container.home,
  .container.home {
    padding-right: 16px !important;
    padding-left: 16px !important;
}

  /* Cabeceras de sección: padding simétrico */
  .div-seccion {
    padding-right: 0;
    padding-left: 0;
}
  .bg-principal .div-seccion {
    width: 100%;
    margin-left: 0;
}

  /* Columnas de artículos: padding interno simétrico */
  .articulo-agosto.article-loop {
    padding-right: 0;
    padding-left: 0;
}
  .articulo-agosto .col-4 {
    padding-right: 8px !important;
    padding-left: 0 !important;
}
  .articulo-agosto .col-8 {
    padding-right: 0 !important;
    padding-left: 8px !important;
}

  /* Slider de últimas noticias: contener dentro del margen de referencia */
  .slider-container {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    box-sizing: border-box;
}

  /* Columnas internas de Bootstrap: remover padding extra en mobile home */
  .container.home .col-12,
  main.container.home .col-12 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
}
.post-temas a:link,
.post-temas a:visited {
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-nuevo);
  border: 1px solid var(--color-nuevo);
  padding: 3px 7px;
}
.post-temas a:hover {
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--alerta);
  border: 1px solid var(--alerta);
  padding: 3px 7px;
}
.single-excerpt p {
  font-family: var(--font-lugar-fecha);
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 31px;
  padding-top: 20px;
}
.related-inline__inner {
  background: #f6f7f9;
  border: 1px solid var(--color-verde-marzo);
  border-radius: 10px;
}

.related-inline__title {
  letter-spacing: 0.2px;
}

.related-inline .card-title a:hover {
  text-decoration: underline;
}

/* Home: noticia principal destacada */
.home-destacada {
  background: linear-gradient(to top right, #0C2700 0%, #3ab16f 65%);
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.home-destacada .container.home {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 576px) {
  .home-destacada .container.home {
    max-width: 648px;
}
}

@media (min-width: 768px) {
  .home-destacada .container.home {
    max-width: 864px;
}
}

@media (min-width: 992px) {
  .home-destacada .container.home {
    max-width: 1152px;
}
}

@media (min-width: 1200px) {
  .home-destacada .container.home {
    max-width: 1368px;
}
}

@media (min-width: 1400px) {
  .home-destacada .container.home {
    max-width: 1584px;
}
}

.home-destacada__card {
  display: flex;
  width: 100%;
  min-height: 560px;
  max-height: 560px;
}

.home-destacada__content {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 48%;
  padding: 44px 42px;
}

.home-destacada__date {
  font-family: var(--font-texto);
font-weight: 500;
font-style: normal;
  font-size: 24px;
  color: #d6ffe5;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.home-destacada__title {
  font-family: var(--font-titulo-principal);
  font-weight: 800;
  font-size: 50px;
  font-style: normal;
  line-height: 1.02;
  display: -webkit-box;
  margin: 0 0 16px;
  overflow: hidden;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.home-destacada__title a,
.home-destacada__title a:visited,
.home-destacada__title a:hover {
  color: #ffffff;
}

.home-destacada__excerpt {
  font-family: var(--font-texto);
  font-weight: 500;
  font-size: 20px;
  line-height: 1.35;
  color: #f0fff5;
  display: -webkit-box;
  max-width: 94%;
  margin: 0;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.home-destacada__media {
  display: block;
  width: 52%;
}

@media (min-width: 992px) {
  .home-destacada .container.home {
    overflow: visible;
}

  .home-destacada__content {
    flex: 0 0 48%;
}

  .home-destacada__media {
    flex: 0 0 calc(52% + ((100vw - 100%) / 2));
    width: calc(52% + ((100vw - 100%) / 2));
    margin-right: calc(((100vw - 100%) / -2));
}
}

.home-destacada__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 560px;
  max-height: 560px;
  object-fit: cover;
}

.home-destacada__image--empty {
  background: #e5e5e5;
}

.home-destacada__empty {
  font-size: 22px;
  color: #ffffff;
  padding: 36px 24px;
}

@media (max-width: 991.98px) {
  .home-destacada__card {
    flex-direction: column-reverse;
    min-height: 0;
    max-height: none;
}

  .home-destacada__content {
    width: 100%;
}

  .home-destacada__media {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

  .home-destacada__image {
    min-height: 300px;
    max-height: 300px;
}

  .home-destacada__content {
    padding: 26px 20px 30px;
}

  .home-destacada__date {
    font-size: 15px;
    margin-bottom: 12px;
}

  .home-destacada__title {
    font-size: 34px;
    margin-bottom: 14px;
    -webkit-line-clamp: 5;
}

  .home-destacada__excerpt {
    display: none;
}
}

/* Home: bloque historia + estadisticas */
.home-historia-estadisticas {
  background: linear-gradient(to top right, #1e5c00 0%, #3ab16f 65%);
  width: 100%;
  padding: 70px 0 76px;
  overflow: hidden;
}

.home-historia-estadisticas .container.home {
  position: relative;
}

.home-historia-estadisticas__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 44px;
}

.home-historia-estadisticas__stats {
  display: grid;
  flex: 1 1 56%;
  gap: 24px;
  grid-template-columns: repeat(3, minmax(140px, 1fr));
}

.home-historia-estadisticas__card {
  text-align: center;
  color: #fff;
  background: rgba(0, 49, 0, 0.95);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 24px 16px;
  box-shadow: 0 16px 30px -20px rgba(0, 0, 0, 0.5);
}

.home-historia-estadisticas__number {
  font-family: var(--font-titulo-principal);
  font-weight: 800;
  font-size: clamp(48px, 4vw, 90px);
  font-style: normal;
  line-height: 0.9;
  display: block;
  margin-bottom: 10px;
}

.home-historia-estadisticas__label {
  font-family: var(--font-titulo-principal);
  font-weight: 700;
  font-size: 14px;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: 0.04em;
  display: block;
}

.home-historia-estadisticas__content {
  color: #fff;
  flex: 0 0 40%;
}

.home-historia-estadisticas__tag {
  font-family: var(--font-titulo-principal);
  font-weight: 800;
  font-size: 14px;
  font-style: normal;
  line-height: 1;
  color: #fff;
  background: #052100;
  display: inline-block;
  margin-bottom: 18px;
  padding: 5px 10px;
}

.home-historia-estadisticas__title {
  font-family: var(--font-titulo-principal);
  font-weight: 800;
  font-size: clamp(38px, 4vw, 76px);
  font-style: normal;
  line-height: 0.95;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 14px;
}

.home-historia-estadisticas__subtitle {
  font-family: var(--font-titulo-principal);
  font-weight: 700;
  font-size: clamp(20px, 1.2vw, 28px);
  font-style: normal;
  line-height: 1.05;
  color: #fff;
  margin: 0 0 8px;
}

.home-historia-estadisticas__text {
  font-family: var(--font-parrafo);
  font-weight: 500;
  font-size: clamp(15px, 1vw, 17px);
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.94);
  max-width: 560px;
  margin: 0;
}

@media (max-width: 1199.98px) {
  .home-historia-estadisticas__inner {
    gap: 28px;
}

  .home-historia-estadisticas__stats {
    gap: 16px;
}

  .home-historia-estadisticas__card {
    min-height: 340px;
}

  .home-historia-estadisticas__content {
    flex-basis: 42%;
}
}

@media (max-width: 991.98px) {
  .home-historia-estadisticas {
    padding: 36px 0 40px;
}

  .home-historia-estadisticas__inner {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 22px;
}

  .home-historia-estadisticas__content {
    flex: 1 1 auto;
}

  .home-historia-estadisticas__title {
    font-size: 40px;
    line-height: 0.98;
}

  .home-historia-estadisticas__subtitle {
    font-size: 22px;
}

  .home-historia-estadisticas__text {
    font-size: 16px;
}

  .home-historia-estadisticas__stats {
    gap: 12px;
    grid-template-columns: 1fr;
}

  .home-historia-estadisticas__card {
    min-height: 150px;
}

  .home-historia-estadisticas__number {
    font-size: 54px;
    margin-bottom: 8px;
}
}

/* Fuerza la tipografia de titulos a la variable global del tema */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-family: var(--font-titulo) !important;
}

/* Tipografia de parrafos */
p {
  font-family: "field-gothic", sans-serif;
  font-weight: 400;
	font-size:1.2rem;
}

p:not([class]) {
  font-family: "field-gothic", sans-serif;
  font-weight: 500;
}

p.home-destacada__excerpt {
  font-family: "field-gothic", sans-serif;
  font-weight: 500;
}

p.expert {
  font-family: "field-gothic", sans-serif;
  font-weight: 300;
}

.noticias h2,
body.home .ultimas-noticias h2,
body.home .ultimas-noticias h2 a {
  font-family: "field-gothic-compact", sans-serif !important;
  font-weight: 600 !important;
  font-size: 24px;
  font-style: normal !important;
}
.segunda-portada .noticias h2{
  font-size: 20px;
  font-weight: 500;
}

/* Single especial: categoria destacadas */
.single-destacadas {
  background: #f2efe3;
  width: 100%;
}

.single-destacadas__hero {
  background: linear-gradient(to top right, #1e5c00 0%, #3ab16f 65%);
}

.single-destacadas__hero-inner,
.single-destacadas__inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding-right: 24px;
  padding-left: 24px;
}

.single-destacadas__hero-inner {
  padding-top: 32px;
  padding-bottom: 38px;
  display: grid;
  grid-template-columns: 9fr 2fr 3fr;
  align-items: start;
}

.single-destacadas__date {
  font-family: field-gothic, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #d7ffe8;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 16px;
}

.single-destacadas__title {
  font-family: "field-gothic-condensed", sans-serif !important;
  font-weight: 800 !important;
  font-size: 64px;
  font-style: normal !important;
  line-height: 1.03;
  color: #f3fff8;
  max-width: 920px;
  margin: 0 0 18px;
}

.single-destacadas__excerpt {
  font-family: "Archivo", sans-serif !important;
  font-weight: 400 !important;
  font-size: 25px;
  line-height: 1.2;
  color: #ffffff;
  max-width: 840px;
  margin: 0;
}

.single .single-destacadas__excerpt {
  color: #ffffff !important;
}

.single-destacadas__body {
  background: #fffbee;
  padding-top: 30px;
  padding-bottom: 44px;
}

.single-destacadas__inner {
  display: grid;
  align-items: start;
  grid-template-columns: 9fr 2fr 3fr;
  max-width: 1080px;
}

.single-destacadas__featured {
  margin: 0 0 14px;
}

.single-destacadas__featured img {
  display: block;
  width: 100%;
}

.single-destacadas__article .creditos-foto {
  text-align: right;
  margin-bottom: 14px;
}

.single-destacadas__content p {
  font-family: "Archivo", sans-serif !important;
  font-weight: 400 !important;
  font-size: 22px;
  line-height: 1.36;
}

.single-destacadas__sidebar {
  grid-column: 3;
  padding-top: 8px;
}

.single-destacadas-lateral__heading {
  font-family: "field-gothic-compact", sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px;
  font-style: normal !important;
  color: #0c2700;
  margin: 0 0 16px;
}

.single .single-destacadas-lateral__heading {
  font-size: 16px !important;
  line-height: 1.1;
  padding-bottom: 0;
}

.single-destacadas-lateral__item {
  margin-bottom: 20px;
}

.single-destacadas-lateral__category {
  font-family: field-gothic, sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px;
  line-height: 1;
  text-transform: uppercase;
  color: #3ab16f;
  margin: 0 0 8px;
}

.single-destacadas-lateral__thumb {
  display: block;
  margin-bottom: 10px;
}

.single-destacadas-lateral__thumb img {
  display: block;
  width: 100%;
}

.single-destacadas-lateral__title {
  font-family: "field-gothic-compact", sans-serif !important;
  font-weight: 600 !important;
  font-size: 20px;
  font-style: normal !important;
  line-height: 0.95;
  margin: 0;
}

.single-destacadas-lateral__title a {
  color: #0c2700;
}

.single-destacadas-lateral__empty {
  color: #0c2700;
}

@media (max-width: 991.98px) {
  .single-destacadas__inner {
    grid-template-columns: 1fr;
    row-gap: 26px;
}
  .single-destacadas__sidebar {
    grid-column: auto;
}

  .single-destacadas__hero-inner,
  .single-destacadas__inner {
    padding-right: 18px;
    padding-left: 18px;
}

  .single-destacadas__hero-inner {
    padding-top: 26px;
    padding-bottom: 30px;
}

  .single-destacadas__title {
    font-size: clamp(34px, 8vw, 56px);
}

  .single-destacadas__excerpt {
    font-size: clamp(20px, 5vw, 28px);
}

  .single-destacadas__content p {
    font-size: 1.1rem;
}
}

/* Archivo, búsqueda y categorías */
.loop-archivo-wrap {
  width: 100%;
}
.loop-archivo-card {
  border-bottom: 2px solid var(--bg-tercera);
  height: 100%;
  padding-bottom: 16px;
}
.loop-archivo-img {
  margin-bottom: 10px;
  overflow: hidden;
}
.loop-archivo-img img {
  display: block;
  width: 100%;
  height: 200px;
  transition: transform 0.3s ease;
  object-fit: cover;
}
.loop-archivo-img:hover img {
  transform: scale(1.03);
}
.loop-archivo-body {
  padding: 0 4px;
}
.loop-archivo-body .tag-fecha-dos {
  margin-bottom: 6px;
}
.loop-archivo-body .tag ul {
  margin: 0;
  padding: 0;
}
.loop-archivo-body .tag ul li {
  font-family: var(--font-spline);
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: var(--color-verde-marzo);
  display: inline;
  list-style: none;
}
.loop-archivo-body .tag ul li a {
  text-decoration: none;
  color: var(--color-verde-marzo);
}
.loop-archivo-body h2 {
  font-family: var(--font-titulo);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.3;
  margin-bottom: 8px;
}
.loop-archivo-body h2 a {
  text-decoration: none;
  color: var(--color-oscuro);
}
.loop-archivo-body h2 a:hover {
  color: var(--institucional);
}
.loop-archivo-body .excerpt {
  font-family: var(--font-parrafo);
  font-size: 0.88rem;
  line-height: 1.5;
  color: #444;
  margin: 0;
}
.loop-archivo-body .fecha-dos {
  font-size: 0.78rem;
  color: #666;
}
.loop-archivo-vacio p {
  font-family: var(--font-parrafo);
  font-size: 1rem;
  color: #666;
}

/* --- Hero: destacada 2x2 + laterales --- */
.loop-archivo-hero {
  align-items: stretch;
}

/* Destacada */
.loop-archivo-featured__card {
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.loop-archivo-featured__img-link {
  line-height: 0;
  display: block;
}
.loop-archivo-featured__img-link img {
  display: block;
  width: 100%;
  height: 430px !important;
  transition: transform 0.4s ease;
  object-fit: cover;
  object-position: center;
}
.loop-archivo-featured__card:hover .loop-archivo-featured__img-link img {
  transform: scale(1.03);
}
.loop-archivo-featured__body {
  background: linear-gradient(to top, rgba(12, 39, 0, 0.88) 0%, rgba(12, 39, 0, 0.3) 70%, transparent 100%);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 24px 20px 20px;
}
.loop-archivo-featured__body .tag-fecha-dos {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.loop-archivo-featured__body .tag ul {
  margin: 0;
  padding: 0;
}
.loop-archivo-featured__body .tag ul li {
  font-family: var(--font-spline);
  font-size: 0.75rem;
  text-transform: uppercase;
  color: var(--alerta);
  display: inline;
  list-style: none;
}
.loop-archivo-featured__body .tag ul li a {
  text-decoration: none;
  color: var(--alerta);
}
.loop-archivo-featured__body .fecha-dos {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
}
.loop-archivo-featured__body h2 {
  font-family: var(--font-titulo);
  font-size: 1.5rem;
  line-height: 1.2;
  color: #fff;
  display: -webkit-box;
  margin-bottom: 8px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.loop-archivo-featured__body h2 a {
  text-decoration: none;
  color: #fff;
}
.loop-archivo-featured__body h2 a:hover {
  color: var(--alerta);
}
.loop-archivo-featured__body .excerpt {
  font-family: var(--font-parrafo);
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.85);
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Columna laterales — imagen arriba + cuerpo abajo */
.loop-archivo-laterales {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.loop-archivo-lateral-item {
  overflow: hidden;
}
.loop-archivo-lateral__link {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
}
.loop-archivo-lateral__img {
  line-height: 0;
  margin-bottom: 8px;
  overflow: hidden;
}
.loop-archivo-lateral__img img {
  display: block;
  width: 100%;
  height: 120px;
  transition: transform 0.3s ease;
  object-fit: cover;
  object-position: top left;
}
.loop-archivo-lateral__link:hover .loop-archivo-lateral__img img {
  transform: scale(1.03);
}
.loop-archivo-lateral__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 2px;
}
.loop-archivo-lateral__body .tag-fecha-dos {
  display: flex;
  align-items: center;
  gap: 8px;
}
.loop-archivo-lateral__body .tag ul {
  margin: 0;
  padding: 0;
}
.loop-archivo-lateral__body .tag ul li {
  font-family: var(--font-spline);
  font-weight: 700;
  font-size: 0.68rem;
  text-transform: uppercase;
  color: var(--color-verde-marzo);
  display: inline;
  list-style: none;
}
.loop-archivo-lateral__body .tag ul li a {
  text-decoration: none;
  color: var(--color-verde-marzo);
}
.loop-archivo-lateral__body .fecha-dos {
  font-size: 0.68rem;
  color: #666;
  padding-bottom: 2px;
}
.loop-archivo-lateral__body h2 {
  font-family: var(--font-titulo);
  font-size: 0.9rem;
  line-height: 1.2;
  color: var(--color-oscuro);
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.loop-archivo-lateral__link:hover .loop-archivo-lateral__body h2 {
  color: var(--institucional);
}
.loop-archivo-lateral__body .excerpt {
  font-family: var(--font-parrafo);
  font-size: 0.78rem;
  line-height: 1.4;
  color: #555;
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Mobile: hero en columna */
@media (max-width: 767.98px) {
  .loop-archivo-featured__img-link img {
    height: 280px !important;
}
  .loop-archivo-laterales {
    flex-direction: row;
    gap: 8px;
}
  .loop-archivo-lateral-item {
    flex: 1;
}
  .loop-archivo-lateral__img img {
    height: 90px;
}
  .loop-archivo-lateral__body .excerpt {
    display: none;
}
}

.paginacion-archivo .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}
.paginacion-archivo .page-numbers {
  font-family: var(--font-menu);
  font-size: 0.85rem;
  text-decoration: none;
  color: var(--color-oscuro);
  border: 1px solid var(--institucional);
  display: inline-block;
  padding: 5px 12px;
}
.paginacion-archivo .page-numbers.current,
.paginacion-archivo .page-numbers:hover {
  color: #fff;
  background-color: var(--institucional);
}
.categoria-descripcion {
  font-family: var(--font-parrafo);
  font-size: 0.95rem;
  color: #444;
  margin-top: 4px;
}

/* ============================================================
   SECCIÓN GALERÍA DE FOTOS — home-galeria.php
   ============================================================ */

/* Sección full-width: no está dentro de ningún container */
.home-galeria {
  display: block;
  width: 100%;
  overflow: hidden;
}

/* Fila flex: panel izq (1/3) + carrusel (2/3) */
.home-galeria__inner {
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 260px;
}

/* ── Panel izquierdo: título ── */
.home-galeria__panel {
  text-decoration: none;
  background-color: var(--verde-oscuro-agosto);
  display: flex;
  flex: 0 0 33.333%;
  align-items: center;
  justify-content: center;
  width: 33.333%;
  height: 260px;
}

.home-galeria__title {
  font-family: var(--font-aton);
  font-weight: 400;
  font-size: clamp(1rem, 3vw, 3.5rem);
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #fff;
  transition: color 0.2s;
}

.home-galeria__panel:hover .home-galeria__title {
  color: var(--alerta);
}

/* ── Panel derecho: carrusel ── */
.home-galeria__carousel-wrap {
  flex: 1;
  position: relative;
  height: 260px;
  overflow: hidden;
}

.home-galeria__carousel {
  width: 100%;
  height: 260px;
  overflow: hidden;
}

.home-galeria__track {
  display: flex;
  height: 260px;
  transition: transform 0.42s ease;
  will-change: transform;
}

.home-galeria__item {
  line-height: 0;
  flex: 0 0 calc(100% / 3);
  height: 260px;
  padding: 2px;
  box-sizing: border-box;
}

.home-galeria__item a {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
}

.home-galeria__item img {
  display: block;
  width: 100%;
  height: 256px; /* 260 - 4px padding */
  transition: opacity 0.25s;
  object-fit: cover;
}

.home-galeria__overlay {
  position: absolute;
  inset: 0;
  background: rgba(58, 177, 111, 0.60);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem 0.875rem 0.75rem;
  gap: 0.5rem;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.home-galeria__item a:hover .home-galeria__overlay {
  opacity: 1;
}

.home-galeria__overlay-title {
  font-family: 'field-gothic-condensed', sans-serif;
  font-weight: 800;
  font-size: clamp(1.6rem, 2.4vw, 2.2rem);
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.home-galeria__overlay-line {
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
}

.home-galeria__overlay-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  line-height: 1;
}

.home-galeria__overlay-date {
  font-family: 'dm-sans', sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #fff;
}

.home-galeria__overlay-ver {
  font-family: 'field-gothic-compact', sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #fff;
}

/* Botones de navegación */
.home-galeria__btn {
  color: #fff;
  background: rgba(12, 39, 0, 0.65);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 34px;
  height: 34px;
  padding: 0;
  transition: background 0.2s;
  transform: translateY(-50%);
  cursor: pointer;
}

.home-galeria__btn:hover {
  background: var(--institucional);
}
.home-galeria__btn:disabled {
  opacity: 0.25;
  cursor: default;
}
.home-galeria__btn--prev {
  left: 8px;
}
.home-galeria__btn--next {
  right: 8px;
}

/* ── Responsive ── */
@media (max-width: 959px) {
  .home-galeria__inner,
  .home-galeria__panel,
  .home-galeria__carousel-wrap,
  .home-galeria__carousel,
  .home-galeria__track {
    height: 200px;
}
  .home-galeria__item {
    height: 200px;
}
  .home-galeria__item img {
    height: 196px;
}
  .home-galeria__item {
    flex: 0 0 50%;
}
}

@media (max-width: 599px) {
  .home-galeria__inner {
    flex-direction: column;
    height: auto;
}
  .home-galeria__panel {
    flex: none;
    width: 100%;
    height: 80px;
}
  .home-galeria__title {
    font-size: 2.8rem;
}
  .home-galeria__carousel-wrap,
  .home-galeria__carousel,
  .home-galeria__track {
    height: 200px;
}
  .home-galeria__item {
    flex: 0 0 100%;
    height: 200px;
}
  .home-galeria__item img {
    height: 196px;
}
}

/* ============================================================
   MÓDULO VIDEO HOME — home-video.php
   ============================================================ */

.home-video {
  padding: 40px 0 0;
}

/* Header: sobre fondo claro de la página */
.home-video__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 16px;
}

.home-video__titulo {
  font-family: 'field-gothic-condensed', sans-serif;
  font-weight: 800;
  font-size: 2.8rem;
  line-height: 1;
  text-transform: uppercase;
  color: var(--color-oscuro);
  margin: 0;
}

.home-video__ver-todo {
  font-family: 'field-gothic-compact', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  color: var(--institucional);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.home-video__ver-todo:hover {
  color: var(--color-oscuro);
}

/* Área oscura: solo el grid de videos */
.home-video__contenido {
  background-color: var(--color-oscuro);
  padding: 24px;
  border-radius: 12px;
}

/* Grid principal: 60% + 40% */
.home-video__grid {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 24px;
  align-items: flex-start;
}

/* --- Video principal --- */
.home-video__principal-thumb {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

.home-video__principal-thumb img {
  display: block;
  width: 100%;
  height: 340px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.home-video__principal-thumb:hover img {
  transform: scale(1.03);
}

/* Overlay degradado inferior con título */
.home-video__principal-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 48px 20px 18px;
  background: linear-gradient(to top, rgba(12,39,0,0.92) 0%, transparent 100%);
}

.home-video__principal-nombre {
  font-family: 'field-gothic-condensed', sans-serif;
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 1.15;
  text-transform: uppercase;
  color: #ffffff;
  display: block;
}

.home-video__principal-excerpt {
  font-family: 'field-gothic', sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.75);
  margin: 12px 0 0;
}

/* Botón play — rojo, centrado */
.home-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  background: #ff0000;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, transform 0.2s;
  pointer-events: none;
  z-index: 2;
}

.home-video__play::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0 9px 18px;
  border-color: transparent transparent transparent #ffffff;
  margin-left: 4px;
}

.home-video__principal-thumb:hover .home-video__play {
  background: #cc0000;
  transform: translate(-50%, -50%) scale(1.08);
}

.home-video__play--sm {
  width: 36px;
  height: 36px;
  border-radius: 8px;
}

.home-video__play--sm::after {
  border-width: 6px 0 6px 12px;
  margin-left: 3px;
}

.home-video__item-thumb:hover .home-video__play--sm {
  background: #cc0000;
}

/* --- Videos secundarios --- */
.home-video__secundarios {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.home-video__item {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 14px;
  align-items: center;
}

.home-video__item-thumb {
  position: relative;
  display: block;
  width: 140px;
  height: 88px;
  flex-shrink: 0;
  overflow: hidden;
}

.home-video__item-thumb img,
.home-video__item-placeholder {
  display: block;
  width: 140px;
  height: 88px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.home-video__item-placeholder {
  background-color: rgba(255, 255, 255, 0.08);
}

.home-video__item-thumb:hover img {
  transform: scale(1.04);
}

.home-video__item-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.home-video__item-titulo {
  font-family: 'field-gothic-compact', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25;
  color: #ffffff;
  text-decoration: none;
  display: block;
}

.home-video__item-titulo:hover {
  color: var(--institucional);
}

.home-video__item-yt {
  font-family: 'dm-sans', sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  color: var(--institucional);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
}

.home-video__item-yt:hover {
  color: #ffffff;
}

/* --- Responsive --- */
@media (max-width: 991px) {
  .home-video__grid {
    grid-template-columns: 1fr;
  }

  .home-video__principal-thumb img {
    height: 280px;
  }

  .home-video__contenido {
    padding: 20px;
  }
}

@media (max-width: 575px) {
  .home-video__item {
    grid-template-columns: 110px 1fr;
  }

  .home-video__item-thumb,
  .home-video__item-thumb img,
  .home-video__item-placeholder {
    width: 110px;
    height: 70px;
  }

  .home-video__play--sm {
    width: 28px;
    height: 28px;
  }

  .home-video__play--sm::after {
    border-width: 4px 0 4px 9px;
  }
}

/* ============================================================
   PÁGINA DE BÚSQUEDA
   ============================================================ */

/* Resaltado del término buscado en resultados */
mark.search-highlight {
  font-style: normal;
  color: var(--color-oscuro);
  background-color: var(--alerta);
  border-radius: 2px;
  padding: 0 2px;
}

/* Término resaltado en el h4 de la cabecera */
.search-page-term {
  font-style: normal;
  color: var(--color-oscuro);
  background-color: var(--alerta);
  border-radius: 3px;
  padding: 1px 6px 2px;
}

/* Badge de cantidad de resultados */
.search-page-count {
  font-family: var(--font-spline);
  font-weight: 600;
  font-size: 0.82rem;
  color: var(--institucional);
  background-color: var(--bg-tercera);
  border-radius: 20px;
  padding: 3px 12px;
  white-space: nowrap;
}

/* Formulario de refinamiento */
.search-page-refine {
  margin-top: -18px;
  margin-bottom: 4px;
}

.search-page-form__inner {
  background: #fff;
  border: 2px solid var(--color-verde-claro);
  border-radius: 4px;
  display: flex;
  align-items: center;
  max-width: 520px;
  overflow: hidden;
  transition: border-color 0.2s;
}

.search-page-form__inner:focus-within {
  border-color: var(--institucional);
}

.search-page-input {
  font-family: var(--font-parrafo);
  font-size: 0.95rem;
  color: var(--color-oscuro);
  background: transparent;
  border: none;
  outline: none;
  flex: 1;
  min-width: 0;
  padding: 9px 14px;
}

.search-page-input::placeholder {
  color: #aaa;
}

/* Quitar el ícono nativo del input[type=search] */
.search-page-input::-webkit-search-decoration,
.search-page-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.search-page-btn {
  color: #fff;
  background: var(--institucional);
  border: none;
  display: flex;
  align-items: center;
  padding: 9px 14px;
  transition: background 0.2s;
  cursor: pointer;
  flex-shrink: 0;
}

.search-page-btn:hover {
  background: var(--color-oscuro);
}

/* Estado vacío — sin resultados */
.search-page-empty {
  text-align: center;
  padding: 60px 20px 40px;
}

.search-page-empty__icon {
  color: var(--color-verde-claro);
  margin-bottom: 20px;
}

.search-page-empty h2 {
  font-family: var(--font-titulo);
  font-size: 1.6rem;
  line-height: 1.3;
  color: var(--color-oscuro);
  margin-bottom: 10px;
}

.search-page-empty__term {
  font-style: normal;
  color: var(--institucional);
  display: inline-block;
}

.search-page-empty p {
  font-family: var(--font-parrafo);
  font-size: 0.95rem;
  color: #666;
  margin-bottom: 28px;
}

/* Formulario grande en el estado vacío */
.search-page-form--large .search-page-form__inner {
  max-width: 480px;
  margin: 0 auto;
}

.search-page-form--large .search-page-input {
  font-size: 1rem;
  padding: 12px 16px;
}

.search-page-form--large .search-page-btn {
  padding: 12px 18px;
}

@media (max-width: 576px) {
  .search-page-form__inner {
    max-width: 100%;
}
  .search-page-count {
    font-size: 0.75rem;
    padding: 2px 8px;
}
  .search-page-empty {
    padding: 40px 8px 30px;
}
  .search-page-empty h2 {
    font-size: 1.3rem;
}
}

/* Imágenes home: tamaños por sección */
.ultimas-noticias .foto-reticula img {
  width: 100%;
  height: 340px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .ultimas-noticias .foto-reticula img {
    height: 180px;
  }
}

#seccion-single .ultimas-noticias .foto-reticula img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.noticias .foto-reticula img {
  width: 100%;
  height: 227px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .noticias .foto-reticula img {
    height: 120px;
  }
}

/* ================================================
   TIPOGRAFÍA NORMALIZADA — ATE 2025
   Correcciones diseñadora — abril 2026
   NOTA: No.64 y No.53 no disponibles en el kit,
   se aproximan con No.65 (w:700) y No.52 (w:400)
   ================================================ */

/* NAVBAR / MENÚ — No.64 D... aprox → No.65 Bold | 16px */
#sitio .navbar,
#sitio .nav-link,
#sitio .menu-item a,
#sitio .wp-nav-menu a,
#menu-menu-principal .nav-link,
#menu-menu-principal .menu-item a {
font-family: "field-gothic", sans-serif;
font-weight: 600;
font-style: normal;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* BANNER ÚLTIMO MOMENTO — No.64 D... aprox → No.65 Bold | 17px */
.ultimo-momento,
.alerta-scroll,
.ticker-wrap {
  font-family: "field-gothic", sans-serif;
  font-weight: 700;
  font-size: 17px;
}

/* TÍTULO NOTICIA DESTACADA h2 — No.53 M... aprox → No.52 Reg Compact | 24px */
.home-noticia-destacada h2,
.home-noticia-destacada .titulo {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

/* TÍTULO HERO PRINCIPAL — No.46 XBold Cond | 50px */
.home-noticia-destacada h1,
.home-noticia-destacada .titulo-principal {
  font-family: "field-gothic-condensed", sans-serif;
  font-weight: 800;
  font-size: 50px;
}

/* EXCERPT NOTICIA DESTACADA — No.63 Medium | 20px */
.home-noticia-destacada .excerpt,
.home-noticia-destacada > p {
  font-family: "field-gothic", sans-serif;
  font-weight: 500;
  font-size: 20px;
}

/* GRILLA ÚLTIMAS NOTICIAS títulos — No.54 Demi Compact | 24px */
.home-ultimas-noticias h3,
.home-ultimas-noticias .titulo-noticia {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 600;
  font-size: 24px;
}

/* FOOTER TÍTULOS DE COLUMNA — No.55 Bold Compact | 24px */
footer h4,
footer .widget-title,
footer .footer-col-titulo {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 700;
  font-size: 24px;
}

/* FOOTER LINKS Y TEXTO — No.53 M... aprox → No.52 Reg Compact | 18px */
footer a,
footer li,
footer p,
footer address {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

/* ================================================
   FOOTER NUEVO — pie-nuevo
   Rediseño abril 2026
   ================================================ */

.pie-nuevo {
  background-color: var(--color-oscuro);
  padding: 80px 0 60px;
  width: 100%;
}

.pie-nuevo__inner {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 32px;
  align-items: flex-start;
}

/* --- Columna 1: Brand --- */
.pie-nuevo__brand {
  grid-column: span 6;
}

.pie-nuevo__logo-texto {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pie-nuevo__ate-titulo {
  font-family: "field-gothic-condensed", sans-serif;
  font-weight: 800;
  font-size: 44px;
  line-height: 1;
  color: var(--institucional);
  text-transform: uppercase;
}

.pie-nuevo__ate-subtitulo {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: var(--institucional);
}

.pie-nuevo__separador {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  margin: 20px 0;
}

.pie-nuevo__contacto-label {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #ffffff;
  display: block;
  margin-bottom: 10px;
}

.pie-nuevo__contacto-datos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin-top: 8px;
}

.pie-nuevo__contacto-datos span {
  font-family: "field-gothic", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: var(--institucional);
  white-space: nowrap;
  display: block;
}

/* --- Columnas de menús --- */
.pie-nuevo__menus {
  grid-column: span 6;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: flex-start;
}

.pie-nuevo__col {
  overflow-wrap: break-word;
  word-break: break-word;
}

.pie-nuevo__col-titulo {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 16px;
  padding-bottom: 0;
  border: none;
}

/* Reset de Bootstrap nav en el footer */
.pie-nuevo__nav .nav {
  flex-direction: column;
  gap: 8px;
  padding: 0;
  margin: 0;
}

.pie-nuevo__nav .nav-item {
  display: flex;
  align-items: baseline;
  gap: 6px;
  padding: 0;
}

.pie-nuevo__nav .nav-item::before {
  content: "·";
  font-size: 16px;
  line-height: 1.4;
  color: var(--institucional);
  flex-shrink: 0;
}

.pie-nuevo__nav .nav-link {
  font-family: "field-gothic", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  line-height: 1.4;
  display: inline;
  white-space: normal;
  word-break: break-word;
}

.pie-nuevo__nav .nav-link:hover {
  color: var(--institucional) !important;
  text-decoration: none;
}

/* Para el menú footer-ate que usa wp_nav_menu (no shortcode) */
.pie-nuevo__lista {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 8px;
  padding: 0;
  margin: 0;
}

.pie-nuevo__lista .menu-item {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.pie-nuevo__lista .menu-item::before {
  content: "·";
  font-size: 16px;
  line-height: 1.4;
  color: var(--institucional);
  flex-shrink: 0;
}

.pie-nuevo__lista .menu-item a {
  font-family: "field-gothic", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: none;
  padding: 0;
}

.pie-nuevo__lista .menu-item a:hover {
  color: var(--institucional) !important;
}

/* --- Responsive --- */
@media (max-width: 1199px) {
  .pie-nuevo__inner {
    gap: 24px;
  }
}

@media (max-width: 991px) {
  .pie-nuevo__inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .pie-nuevo__brand {
    grid-column: span 1;
  }

  .pie-nuevo__menus {
    grid-column: span 1;
    grid-template-columns: repeat(3, 1fr);
  }

  .pie-nuevo__contacto-datos {
    flex-direction: column;
    gap: 4px;
  }

  .pie-nuevo__contacto-datos span {
    white-space: normal;
  }
}

@media (max-width: 575px) {
  .pie-nuevo__menus {
    grid-template-columns: 1fr;
  }
}

/* ================================================
   CARRUSEL LOGOS SECCIONES — #carrusel-logos-secciones
   ================================================ */

#carrusel-logos-secciones {
  background-color: var(--institucional);
  padding: 48px 0;
  width: 100%;
}

#carrusel-logos-secciones .custom-carousel {
  width: 100%;
}

#carrusel-logos-secciones .custom-carousel-item {
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}

#carrusel-logos-secciones .custom-carousel-item img {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

#carrusel-logos-secciones .custom-carousel-item:hover img {
  filter: grayscale(0%);
}

/* ================================================
   SECCIONES ESPECIALES
   ================================================ */

/* --- BASE CABEZAL --- */
.seccion-cabezal {
  padding: 64px 0 48px;
  width: 100%;
}

.seccion-cabezal__inner {
  display: flex;
  align-items: center;
  gap: 40px;
}

.seccion-cabezal__label {
  font-family: "field-gothic", sans-serif;
  font-weight: 400;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 8px;
  opacity: 0.7;
}

.seccion-cabezal__titulo {
  font-family: "field-gothic-condensed", sans-serif;
  font-weight: 800;
  font-size: 72px;
  line-height: 1;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.seccion-cabezal__descripcion {
  font-family: "field-gothic", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  max-width: 520px;
  margin: 0;
  opacity: 0.85;
}

/* --- CULTURA --- */
.seccion-cabezal--cultura {
  background-color: var(--color-oscuro);
}

.seccion-cabezal--cultura .seccion-cabezal__label,
.seccion-cabezal--cultura .seccion-cabezal__titulo,
.seccion-cabezal--cultura .seccion-cabezal__descripcion {
  color: #ffffff;
}

.seccion-cabezal--cultura .seccion-cabezal__inner {
  justify-content: center;
}

.seccion-cabezal--cultura .seccion-cabezal__texto {
  text-align: center;
}

.seccion-cabezal--cultura .seccion-cabezal__label {
  opacity: 1;
  color: rgba(255, 255, 255, 0.7);
}

.seccion-cabezal__marker {
  color: var(--institucional);
  font-style: normal;
}

.seccion-cabezal--cultura .seccion-cabezal__titulo {
  font-size: 96px;
  color: var(--institucional);
}

/* --- GRILLA DE NOTICIAS --- */
.seccion-contenido {
  padding: 48px 0 64px;
  background-color: var(--color-claro);
}

.seccion-grilla {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 48px;
}

.seccion-grilla__item {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}

.seccion-grilla__imagen img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

.seccion-grilla__body {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.seccion-grilla__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.seccion-grilla__categoria {
  font-family: "poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--institucional);
}

.seccion-grilla__fecha {
  font-family: "dm-sans", sans-serif;
  font-size: 12px;
  color: #888;
}

.seccion-grilla__titulo {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  margin: 0;
}

.seccion-grilla__titulo a {
  color: var(--color-oscuro);
  text-decoration: none;
}

.seccion-grilla__titulo a:hover {
  color: var(--institucional);
}

.seccion-grilla__excerpt {
  font-family: "field-gothic", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
  color: #444;
  margin: 0;
  flex: 1;
}

/* --- PAGINACIÓN --- */
.seccion-paginacion {
  display: flex;
  justify-content: center;
  padding-top: 16px;
}

.seccion-paginacion .nav-links {
  display: flex;
  gap: 8px;
  align-items: center;
}

.seccion-paginacion .page-numbers {
  font-family: "field-gothic", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: var(--color-oscuro);
  padding: 6px 12px;
  border: 1px solid var(--bg-segunda);
  border-radius: 4px;
  text-decoration: none;
}

.seccion-paginacion .page-numbers.current {
  background-color: var(--institucional);
  color: #ffffff;
  border-color: var(--institucional);
}

.seccion-paginacion .page-numbers:hover {
  background-color: var(--bg-segunda);
}

/* --- RESPONSIVE --- */
@media (max-width: 991px) {
  .seccion-cabezal__titulo {
    font-size: 52px;
  }

  .seccion-grilla {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}

@media (max-width: 575px) {
  .seccion-cabezal__titulo {
    font-size: 40px;
  }

  .seccion-grilla {
    grid-template-columns: 1fr;
  }
}

/* ================================================
   ÚLTIMAS NOTICIAS MÓVIL — fecha con icono
   ================================================ */

.ultimas-noticias__fecha {
  font-weight: 700;
  color: var(--color-oscuro);
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

/* ================================================
   CATEGORÍA ESPECIAL: GÉNERO Y DIVERSIDAD
   ================================================ */

/* --- Cabezal --- */
.seccion-cabezal--genero {
  background-color: var(--color-oscuro);
  padding: 80px 0 60px;
  text-align: center;
}

.seccion-cabezal--genero .seccion-cabezal__titulo {
  font-family: "field-gothic-condensed", sans-serif;
  font-weight: 800;
  font-size: 64px;
  line-height: 1.05;
  color: var(--color-claro);
  margin: 0 0 16px;
  text-transform: uppercase;
}

.seccion-cabezal--genero .seccion-cabezal__descripcion {
  font-family: "field-gothic", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: var(--bg-genero);
  max-width: 720px;
  margin: 0 auto;
}

/* --- Botones ancla --- */
.seccion-anclas {
  background-color: var(--bg-genero);
  padding: 24px 0;
}

.seccion-anclas__lista {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.seccion-anclas__boton {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  padding: 24px;
  text-align: center;
  text-decoration: none;
  font-family: "field-gothic-condensed", sans-serif;
  font-weight: 800;
  font-size: 24px;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 8px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  line-height: 1.1;
}

.seccion-anclas__boton:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  text-decoration: none;
}

/* Color plano por eje (spec de diseño) */
.seccion-anclas__boton--caja {
  background-color: #E8811C;
}

.seccion-anclas__boton--encuentro {
  background-color: #6B3FA0;
}

.seccion-anclas__boton--actividades {
  background-color: var(--institucional);
}

.seccion-anclas__boton--feminismo {
  background-color: #C7307E;
}

/* --- Grilla de recursos (módulo grilla-recursos.php) --- */
.grilla-recursos {
  padding: 56px 0;
  scroll-margin-top: 90px;
}

.grilla-recursos:nth-of-type(even) {
  background-color: var(--color-claro);
}

.grilla-recursos__cabezal {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 32px;
}

.grilla-recursos__titulo {
  font-family: "field-gothic-condensed", sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 1.1;
  color: var(--color-oscuro);
  margin: 0;
  text-transform: uppercase;
}

.grilla-recursos__ver-todos {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: var(--institucional);
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.grilla-recursos__ver-todos:hover {
  text-decoration: underline;
}

.grilla-recursos__items {
  display: grid;
  grid-template-columns: repeat(var(--gr-cols, 3), 1fr);
  gap: 28px;
}

.grilla-recursos__item {
  display: flex;
}

.grilla-recursos__link {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: inherit;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid var(--bg-segunda);
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

a.grilla-recursos__link:hover,
a.grilla-recursos__link:focus {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(12, 39, 0, 0.15);
}

.grilla-recursos__tipo {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: #fff;
  text-transform: uppercase;
  align-self: flex-start;
  padding: 5px 12px;
  margin: 12px 0 0 12px;
  background-color: var(--color-oscuro);
  border-radius: 4px;
}

.grilla-recursos__imagen {
  position: relative;
  aspect-ratio: 4 / 3;
  margin-top: 12px;
  overflow: hidden;
}

.grilla-recursos__thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.grilla-recursos__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: var(--bg-genero);
}

.grilla-recursos__placeholder-texto {
  font-family: "field-gothic-condensed", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.15;
  color: var(--color-oscuro);
  text-align: center;
}

.grilla-recursos__nombre {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  color: var(--color-oscuro);
  margin: 18px 16px 8px;
}

.grilla-recursos__descripcion {
  font-family: "field-gothic", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
  color: #333;
  margin: 0 16px 20px;
}

.grilla-recursos__vacio {
  font-family: "field-gothic", sans-serif;
  font-size: 18px;
  color: var(--color-oscuro);
  text-align: center;
  padding: 40px 0;
}

/* --- Agenda de actividades --- */
.seccion-agenda {
  padding: 56px 0;
  background-color: var(--bg-segunda);
}

.seccion-agenda__titulo {
  font-family: "field-gothic-condensed", sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 1.1;
  color: var(--color-oscuro);
  margin: 0 0 28px;
  text-transform: uppercase;
}

/* --- Responsive --- */
@media (max-width: 991px) {
  /* display:grid necesario: la base .seccion-anclas__lista es flex y
     grid-template-columns no aplicaría sin esto. */
  .seccion-anclas__lista {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .seccion-anclas__boton {
    min-height: 100px;
    font-size: 20px;
    padding: 20px;
  }

  .grilla-recursos__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  .grilla-recursos__titulo,
  .seccion-agenda__titulo {
    font-size: 32px;
  }

  .seccion-cabezal--genero .seccion-cabezal__titulo {
    font-size: 48px;
  }

  /* Reglas útiles heredadas del breakpoint 767 (no eran "pill"). */
  .seccion-cabezal--genero {
    padding: 56px 0 40px;
  }

  .seccion-cabezal--genero .seccion-cabezal__descripcion {
    font-size: 17px;
  }

  .grilla-recursos__nombre {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .seccion-anclas__lista {
    grid-template-columns: 1fr;
  }

  .seccion-anclas__boton {
    min-height: 80px;
    font-size: 18px;
  }

  .grilla-recursos__items {
    grid-template-columns: 1fr;
  }
}

/* --- Bloque 3 columnas: notas | últimas | agenda --- */
.seccion-tres-columnas {
  padding: 48px 0;
  background-color: #ffffff;
}

.seccion-tres-columnas__col {
  margin-bottom: 32px;
}

.seccion-tres-columnas__cabezal {
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--color-oscuro);
}

.seccion-tres-columnas__titulo {
  font-family: "field-gothic-condensed", sans-serif;
  font-weight: 800;
  font-size: 28px;
  color: var(--color-oscuro);
  text-transform: uppercase;
  margin: 0;
}

/* --- Módulo lista-opinion (columna estrecha) --- */
.lista-opinion__cabezal {
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--color-oscuro);
}

.lista-opinion__titulo {
  font-family: "field-gothic-condensed", sans-serif;
  font-weight: 800;
  font-size: 28px;
  color: var(--color-oscuro);
  text-transform: uppercase;
  margin: 0;
}

.lista-opinion__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.lista-opinion__link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.lista-opinion__link:hover {
  text-decoration: none;
  color: inherit;
}

.lista-opinion__card {
  background-color: var(--institucional);
  background-image: linear-gradient(
    135deg,
    var(--institucional) 0%,
    #2d9560 100%
  );
  padding: 24px 20px 20px;
  border-radius: 12px;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #ffffff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lista-opinion__link:hover .lista-opinion__card {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.lista-opinion__quote {
  font-family: "Crimson Pro", serif;
  font-size: 60px;
  line-height: 0.5;
  color: rgba(255, 255, 255, 0.6);
  display: block;
  margin-bottom: 8px;
}

.lista-opinion__titulo-nota {
  font-family: "field-gothic-condensed", sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 1.15;
  color: #ffffff;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.lista-opinion__autor {
  font-family: "field-gothic", sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  letter-spacing: 0.02em;
}

/* --- Grilla-noticias layout "destacado-mas-lista" --- */
.grilla-destacado-lista {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.grilla-destacado-lista__destacado {
  display: block;
}

.grilla-destacado-lista__link,
.grilla-destacado-lista__link-mini {
  text-decoration: none;
  color: inherit;
  display: block;
}

.grilla-destacado-lista__link:hover,
.grilla-destacado-lista__link-mini:hover {
  color: inherit;
  text-decoration: none;
}

.grilla-destacado-lista__imagen {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin-bottom: 12px;
  border-radius: 8px;
}

.grilla-destacado-lista__imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.grilla-destacado-lista__link:hover .grilla-destacado-lista__imagen img {
  transform: scale(1.03);
}

.grilla-destacado-lista__titulo {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.25;
  color: var(--color-oscuro);
  margin: 0 0 8px;
}

.grilla-destacado-lista__excerpt {
  font-family: "field-gothic", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-oscuro);
  margin: 0;
  opacity: 0.85;
}

.grilla-destacado-lista__resto {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 16px;
}

.grilla-destacado-lista__item {
  display: block;
}

.grilla-destacado-lista__link-mini {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.grilla-destacado-lista__imagen-mini {
  flex: 0 0 90px;
  width: 90px;
  height: 65px;
  overflow: hidden;
  border-radius: 4px;
}

.grilla-destacado-lista__imagen-mini img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.grilla-destacado-lista__titulo-mini {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.35;
  color: var(--color-oscuro);
  margin: 0;
  flex: 1;
}

/* --- Responsive del bloque 3 columnas --- */
@media (max-width: 991px) {
  .seccion-tres-columnas {
    padding: 32px 0;
  }

  .seccion-tres-columnas__col {
    margin-bottom: 40px;
  }

  .grilla-destacado-lista__titulo {
    font-size: 20px;
  }
}

/* --- Layout "destacado-superpuesto" (últimas noticias) --- */
.grilla-superpuesto {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.grilla-superpuesto__destacado {
  position: relative;
  display: block;
  border-radius: 8px;
  overflow: hidden;
  min-height: 380px;
  background-color: var(--color-oscuro);
}

.grilla-superpuesto__link {
  display: block;
  position: relative;
  height: 100%;
  min-height: 380px;
  color: inherit;
  text-decoration: none;
}

.grilla-superpuesto__link:hover {
  color: inherit;
  text-decoration: none;
}

.grilla-superpuesto__imagen {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.grilla-superpuesto__imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.grilla-superpuesto__link:hover .grilla-superpuesto__imagen img {
  transform: scale(1.05);
}

.grilla-superpuesto__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 24px 24px;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.85) 0%,
    rgba(0, 0, 0, 0.6) 50%,
    rgba(0, 0, 0, 0) 100%
  );
  color: #ffffff;
}

.grilla-superpuesto__titulo {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.2;
  color: #ffffff;
  margin: 0 0 8px;
}

.grilla-superpuesto__excerpt {
  font-family: "field-gothic", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}

.grilla-superpuesto__resto {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.grilla-superpuesto__link-mini {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  text-decoration: none;
  color: inherit;
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.grilla-superpuesto__link-mini:hover {
  color: inherit;
  text-decoration: none;
}

.grilla-superpuesto__imagen-mini {
  flex: 0 0 110px;
  width: 110px;
  height: 78px;
  overflow: hidden;
  border-radius: 4px;
}

.grilla-superpuesto__imagen-mini img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.grilla-superpuesto__cuerpo-mini {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.grilla-superpuesto__categoria {
  font-family: "poppins", sans-serif;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--institucional);
}

.grilla-superpuesto__titulo-mini {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  color: var(--color-oscuro);
  margin: 0;
}

.grilla-superpuesto__fecha {
  font-family: "dm-sans", sans-serif;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.5);
}

/* --- Módulo lista-agenda --- */
.lista-agenda__cabezal {
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--color-oscuro);
}

.lista-agenda__titulo-bloque {
  font-family: "field-gothic-condensed", sans-serif;
  font-weight: 800;
  font-size: 28px;
  color: var(--color-oscuro);
  text-transform: uppercase;
  margin: 0;
}

.lista-agenda__items {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.lista-agenda__item {
  display: block;
}

.lista-agenda__link {
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 8px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lista-agenda__link:hover {
  color: inherit;
  text-decoration: none;
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.lista-agenda__imagen {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background-color: var(--color-claro);
}

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

.lista-agenda__meta {
  padding: 16px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.lista-agenda__fecha {
  flex: 0 0 auto;
  background-color: var(--institucional);
  color: #ffffff;
  padding: 12px 14px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 60px;
  line-height: 1;
}

.lista-agenda__fecha-dia {
  font-family: "field-gothic-condensed", sans-serif;
  font-weight: 800;
  font-size: 26px;
}

.lista-agenda__fecha-mes {
  font-family: "field-gothic", sans-serif;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.1em;
  margin-top: 4px;
}

.lista-agenda__titulo {
  font-family: "field-gothic-compact", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.35;
  color: var(--color-oscuro);
  margin: 0;
}

.lista-agenda__vacio {
  font-family: "field-gothic", sans-serif;
  font-size: 14px;
  color: var(--color-oscuro);
  text-align: center;
  padding: 24px 0;
  opacity: 0.6;
}

/* --- Responsive --- */
@media (max-width: 991px) {
  .grilla-superpuesto__destacado,
  .grilla-superpuesto__link {
    min-height: 300px;
  }

  .grilla-superpuesto__titulo {
    font-size: 20px;
  }
}

/* --- Formato afiche (proporción A4) --- */
.grilla-recursos--formato-afiche .grilla-recursos__imagen {
  aspect-ratio: 1 / 1.41;
}

.grilla-recursos--formato-afiche .grilla-recursos__items {
  gap: 40px;
}

/* --- Ícono de descarga sobre la imagen --- */
/* (.grilla-recursos__imagen ya declara position: relative más arriba) */
.grilla-recursos__icono {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, transform 0.2s ease;
  pointer-events: none;
  z-index: 2;
}

.grilla-recursos__icono i {
  font-size: 18px;
  color: #ffffff;
  line-height: 1;
}

.grilla-recursos__link:hover .grilla-recursos__icono {
  background-color: var(--institucional);
  transform: scale(1.1);
}

/* --- Responsive: mantener proporciones --- */
@media (max-width: 991px) {
  .grilla-recursos--formato-afiche .grilla-recursos__items {
    gap: 32px;
  }

  .grilla-recursos__icono {
    width: 36px;
    height: 36px;
  }

  .grilla-recursos__icono i {
    font-size: 16px;
  }
}

/* ================================================
   MENÚ MOBILE UNIFICADO — agosto 2026
   Reemplaza el sistema de dos menús (#sitio oscuro con
   hamburguesa + #segundo-menu claro hardcodeado) por una
   sola barra clara horizontal alimentada por el menú de
   WordPress asignado a la location "primary".
   TODO este bloque vive dentro de max-width:767.98px:
   el desktop (>=768px) conserva su navbar oscuro intacto.
   ================================================ */

@media (max-width: 767.98px) {
  /* --- Barra clara, siempre visible (sin hamburguesa) ---
     position:sticky crea el contexto de posicionamiento para los
     paneles absolutos (submenús y buscador expandible) que cuelgan
     a ancho completo por debajo de la barra. */
  #sitio {
    background-color: var(--menu-mobile-bg);
    position: sticky;
    top: 90px;
    padding: 0;
    box-shadow: 0 2px 6px -3px rgba(0, 0, 0, 0.25);
  }
  #sitio .navbar-toggler {
    display: none;
  }
  #sitio .navbar-collapse {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0;
    overflow-x: hidden;
  }

  /* --- Nivel 1: los 4 items + lupa en UNA sola línea, sin wrap --- */
  #sitio .navbar-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    width: 100%;
    margin: 0;
    padding: 6px 8px;
    gap: 4px;
  }
  #sitio .navbar-nav > .nav-item {
    flex: 1 1 auto;
    min-width: 0;
  }

  /* Ocultar item NOTICIAS solo en mobile — visible en desktop.
     El <li> recibe .menu-item-222068 del WP_Bootstrap_Navwalker. */
  #sitio .navbar-nav > .menu-item-222068 {
    display: none;
  }

  #sitio .navbar-nav > .nav-item > .nav-link {
    font-family: "field-gothic", sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: var(--menu-mobile-texto);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px 6px;
  }
  #sitio .navbar-nav > .nav-item > .nav-link:hover,
  #sitio .navbar-nav > .nav-item > .nav-link:focus,
  #sitio .navbar-nav > .nav-item.active > .nav-link,
  #sitio .navbar-nav > .current-menu-item > .nav-link {
    color: var(--institucional);
  }

  /* Chevron indicador de submenú */
  #sitio .navbar-nav > .nav-item > .dropdown-toggle::after {
    font-size: 10px;
    vertical-align: middle;
    margin-left: 3px;
    transition: transform 0.2s ease;
  }
  #sitio .navbar-nav > .nav-item > .dropdown-toggle.show::after {
    transform: rotate(180deg);
  }

  /* --- Submenú: panel absoluto a ancho completo bajo la barra --- */
  #sitio .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 6px 0 6px 16px;
    background-color: #ffffff;
    border: none;
    border-left: 4px solid var(--institucional);
    border-bottom: 3px solid var(--institucional);
    border-radius: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 200;
  }
  #sitio .dropdown-menu.show {
    display: block;
  }
  #sitio .dropdown-menu .dropdown-item {
    font-family: "field-gothic", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--menu-mobile-texto);
    text-transform: none;
    letter-spacing: 0;
    background-color: transparent;
    padding: 9px 16px 9px 0;
    white-space: normal;
    word-break: break-word;
  }
  #sitio .dropdown-menu .dropdown-item:hover,
  #sitio .dropdown-menu .dropdown-item:focus {
    color: var(--institucional);
    background-color: transparent;
  }

  /* --- Buscador: ícono de lupa como 5º item, input expandible --- */
  #sitio .navbar-nav .nav-item-buscador {
    flex: 0 0 auto;
  }
  #sitio .navbar-nav .buscador-toggle {
    font-size: 18px;
    line-height: 1;
    color: var(--menu-mobile-texto);
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
  }
  #sitio .navbar-nav .buscador-toggle:hover,
  #sitio .navbar-nav .buscador-toggle:focus {
    color: var(--institucional);
    outline: none;
  }

  #sitio .navbar-nav .buscador-expandible {
    background-color: #ffffff;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    padding: 12px 16px;
    border-bottom: 3px solid var(--institucional);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 100;
  }
  #sitio .navbar-nav .buscador-expandible.show {
    display: block;
  }
  #sitio .navbar-nav .buscador-expandible .buscador-nav {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
  }
  #sitio .navbar-nav .buscador-expandible .form-control,
  #sitio .navbar-nav .buscador-expandible .form-control:focus {
    font-family: "field-gothic", sans-serif;
    font-size: 14px;
    background-color: #ffffff;
    flex: 1 1 auto;
    width: auto;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  #sitio .navbar-nav .buscador-expandible .btn-buscar {
    font-size: 16px;
    color: #ffffff;
    background-color: var(--institucional);
    border: none;
    border-radius: 4px;
    padding: 10px 14px;
  }
}

/* Pantallas muy angostas: reduce la tipografía para que los 4 items
   + la lupa sigan entrando en una línea sin truncarse. */
@media (max-width: 359.98px) {
  #sitio .navbar-nav {
    padding: 6px 4px;
    gap: 2px;
  }
  #sitio .navbar-nav > .nav-item > .nav-link {
    font-size: 11px;
    letter-spacing: 0;
    padding: 8px 3px;
  }
  #sitio .navbar-nav .buscador-toggle {
    font-size: 16px;
    padding: 8px 6px;
  }
}

/* --- Desktop (>= 768px, breakpoint real de navbar-expand-md) ---
   El buscador vuelve a ser un input directo alineado a la derecha,
   tal como estaba cuando el <form> era hermano del <ul>.

   Centrado: como el buscador vive DENTRO del <ul.navbar-nav>, un
   margin-left:auto en él absorbía TODO el espacio libre (los márgenes
   auto se reparten antes que justify-content), dejando los items
   pegados a la izquierda. Se reemplaza por un espaciador ::before con
   el mismo flex-grow que el <li> del buscador: ambos extremos quedan
   del mismo ancho y los items del menú caen en el centro exacto.
   El min-width:max-content del buscador evita que el input se
   aplaste cuando el espacio libre escasea (ahí los items se corren
   un poco a la izquierda, pero nada se superpone). --- */
@media (min-width: 768px) {
  #sitio .navbar-nav {
    justify-content: center;
    width: 100%;
  }
  #sitio .navbar-nav::before {
    content: "";
    flex: 1 1 0;
    min-width: 0;
  }
  #sitio .navbar-nav .nav-item-buscador {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 0;
    min-width: max-content;
  }
  #sitio .navbar-nav .buscador-toggle {
    display: none;
  }
  #sitio .navbar-nav .buscador-expandible {
    display: block;
    position: static;
    width: auto;
    background: transparent;
    padding: 0;
    border: none;
    box-shadow: none;
  }
}

/* === Z-INDEX: SUBMENÚS DEL NAV SIEMPRE POR ENCIMA DE ÚLTIMO MOMENTO === */
#sitio .dropdown-menu,
#sitio .navbar-nav .dropdown-menu {
  z-index: 200;
}

/* Buscador expandible también por encima de ÚLTIMO MOMENTO */
#sitio .buscador-expandible {
  z-index: 200;
}

/* === EFECTO HOVER: ZOOM EN THUMBNAILS DE HOME === */

/* Hero destacada */
.home-destacada__media {
  overflow: hidden;
}
.home-destacada__image {
  transition: transform 0.4s ease;
}
.home-destacada__media:hover .home-destacada__image {
  transform: scale(1.05);
}

/* Últimas noticias (grilla-noticias layout grilla) */
.ultimas-noticias .foto-reticula {
  overflow: hidden;
}
.ultimas-noticias .foto-reticula img {
  transition: transform 0.4s ease;
}
.ultimas-noticias .foto-reticula:hover img {
  transform: scale(1.05);
}

/* Galería carrusel */
.home-galeria__item img {
  transition: transform 0.4s ease, opacity 0.25s;
}
.home-galeria__item a:hover img {
  transform: scale(1.05);
}

/* Reticula noticias (home-noticias-reticula) */
.home .noticias .foto-reticula {
  overflow: hidden;
}
.home .noticias .foto-reticula img {
  transition: transform 0.4s ease;
}
.home .noticias .foto-reticula:hover img {
  transform: scale(1.05);
}

/* Opinión carrusel (mobile + desktop) */
.carousel-item .card {
  overflow: hidden;
}
.carousel-item .card .card-img-top {
  transition: transform 0.4s ease;
}
.carousel-item .card:hover .card-img-top {
  transform: scale(1.05);
}