/* ==========================================================================
   AGRO Y PRODUCCIÓN — CSS del rediseño para Elementor
   --------------------------------------------------------------------------
   Dónde pegarlo:
     Elementor > Configuración del sitio > CSS personalizado   (recomendado)
     o  Apariencia > Personalizar > CSS adicional
     o  el style.css del child theme
   --------------------------------------------------------------------------
   Cómo se usa:
     Las reglas de la SECCIÓN 1 y 2 se aplican solas (tokens + tipografía).
     Las clases .ayp-* de la SECCIÓN 3 en adelante se asignan a mano en cada
     widget/contenedor desde Elementor > Avanzado > Clases CSS.
   ========================================================================== */


/* ==========================================================================
   1. TOKENS DE DISEÑO
   Replicar también en Elementor > Configuración del sitio > Colores globales
   ========================================================================== */
:root{
  /* Colores */
  --ayp-brand:        #2e6b2e;  /* Primario   — verde institucional */
  --ayp-brand-dark:   #1e4a20;  /* Secundario — topbar y footer */
  --ayp-brand-soft:   #eef3ea;  /* Fondo suave / hover */
  --ayp-accent:       #c69a2e;  /* Acento — dorado */
  --ayp-ink:          #1a1e1a;  /* Texto títulos */
  --ayp-body:         #3b423b;  /* Texto cuerpo */
  --ayp-muted:        #737d72;  /* Texto secundario / fechas */
  --ayp-line:         #e6e9e2;  /* Bordes */
  --ayp-line-strong:  #d3d8cd;
  --ayp-bg:           #ffffff;
  --ayp-bg-soft:      #f7f8f4;
  --ayp-ad-bg:        #fbfcf9;

  /* Tipografías */
  --ayp-font-head: "Fraunces", Georgia, serif;
  --ayp-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  /* Layout */
  --ayp-maxw: 1220px;
  --ayp-radius: 6px;
  --ayp-shadow: 0 1px 2px rgba(20,30,20,.04), 0 8px 24px rgba(20,30,20,.05);
}


/* ==========================================================================
   2. BASE TIPOGRÁFICA
   Equivale a Configuración del sitio > Fuentes globales:
     Primaria = Fraunces 600 (títulos) · Secundaria = Inter 400 (texto)
   ========================================================================== */
body,
.elementor-widget-text-editor,
.elementor-widget-post-info{
  font-family: var(--ayp-font-body);
  font-size: 17px;
  line-height: 1.65;
  color: var(--ayp-body);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4,
.elementor-heading-title,
.elementor-post__title,
.elementor-post__title a{
  font-family: var(--ayp-font-head);
  color: var(--ayp-ink);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.01em;
}

a{ color: inherit; text-decoration: none; }
a:hover{ color: var(--ayp-brand); }

/* Ancho del contenido: fijar 1220px en Configuración del sitio > Diseño */
.elementor-section.elementor-section-boxed > .elementor-container,
.e-con.e-con-boxed > .e-con-inner{ max-width: var(--ayp-maxw); }


/* ==========================================================================
   3. TOPBAR  ·  clase: ayp-topbar
   Contenedor superior, fondo --ayp-brand-dark, alto 38px
   ========================================================================== */
.ayp-topbar{
  background: var(--ayp-brand-dark);
  color: #dfe9d9;
  font-size: 12.5px;
  min-height: 38px;
}
.ayp-topbar a,
.ayp-topbar .elementor-heading-title{ color: #dfe9d9; font-size: 12.5px; }
.ayp-topbar a:hover{ color: #fff; }
.ayp-topbar .elementor-icon{ color: #dfe9d9; }


/* ==========================================================================
   4. HEADER + ZÓCALO INSTITUCIONAL  ·  clases: ayp-zocalo / ayp-logo
   Estructura en Elementor:
     Contenedor .ayp-zocalo (boxed, sin padding, position relative)
       └ Widget Imagen  → zócalo "32 años" a ancho completo
       └ Widget Imagen  → logo, con clase .ayp-logo
   ========================================================================== */
.ayp-zocalo{
  position: relative;
  background: #fff;
  border-bottom: 1px solid var(--ayp-line);
  padding: 0 !important;
}
.ayp-zocalo img{ width: 100%; height: auto; display: block; }

.ayp-logo{
  position: absolute !important;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: auto !important;
}
.ayp-logo img{ max-height: 66px; width: auto; }


/* ==========================================================================
   5. NAVEGACIÓN STICKY  ·  clase: ayp-nav
   En Elementor: Contenedor > Avanzado > Movimiento > Sticky = Arriba
   ========================================================================== */
.ayp-nav{
  background: rgba(255,255,255,.97);
  backdrop-filter: saturate(180%) blur(8px);
  border-bottom: 1px solid var(--ayp-line);
  min-height: 54px;
}
.ayp-nav .elementor-nav-menu .elementor-item{
  font-family: var(--ayp-font-body);
  font-size: 15px;
  font-weight: 500;
  color: var(--ayp-ink);
  padding: 6px 0;
  position: relative;
}
/* Subrayado animado del menú */
.ayp-nav .elementor-nav-menu .elementor-item::after{
  content: "";
  position: absolute;
  left: 0; right: 100%; bottom: -2px;
  height: 2px;
  background: var(--ayp-brand);
  transition: right .25s;
}
.ayp-nav .elementor-nav-menu .elementor-item:hover::after,
.ayp-nav .elementor-nav-menu .elementor-item.elementor-item-active::after{ right: 0; }
.ayp-nav .elementor-nav-menu--main .elementor-item:hover,
.ayp-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{
  background: transparent;
  color: var(--ayp-ink);
}
.ayp-nav .elementor-search-form__toggle{
  width: 38px; height: 38px;
  border-radius: 50%;
  color: var(--ayp-ink);
}
.ayp-nav .elementor-search-form__toggle:hover{
  background: var(--ayp-brand-soft);
  color: var(--ayp-brand);
}


/* ==========================================================================
   6. TÍTULOS DE SECCIÓN  ·  clase: ayp-section-head
   Widget Encabezado con línea negra inferior estilo diario
   ========================================================================== */
.ayp-section-head{
  border-bottom: 2px solid var(--ayp-ink);
  padding-bottom: 12px;
  margin-bottom: 24px;
}
.ayp-section-head .elementor-heading-title{
  font-size: 22px;
  margin: 0;
}

/* Volanta / categoría sobre el título  ·  clase: ayp-kicker */
.ayp-kicker,
.ayp-kicker .elementor-heading-title,
.ayp-kicker .elementor-post__badge{
  font-family: var(--ayp-font-body);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ayp-brand);
}


/* ==========================================================================
   7. LISTADOS DE NOTICIAS  ·  clase: ayp-posts
   Se aplica al widget Posts / Archive Posts / Loop Grid
   ========================================================================== */
.ayp-posts .elementor-post{
  border: 0;
  padding: 0;
}
.ayp-posts .elementor-post__thumbnail__link{
  border-radius: var(--ayp-radius);
  overflow: hidden;
  margin-bottom: 14px;
}
.ayp-posts .elementor-post__thumbnail img{
  transition: transform .5s;
}
.ayp-posts .elementor-post:hover .elementor-post__thumbnail img{
  transform: scale(1.03);
}
.ayp-posts .elementor-post__title{
  font-family: var(--ayp-font-head);
  font-size: 21px;
  line-height: 1.2;
  margin: .2em 0 .35em;
}
.ayp-posts .elementor-post__excerpt p{
  font-family: var(--ayp-font-body);
  font-size: 15px;
  color: var(--ayp-body);
}
.ayp-posts .elementor-post__meta-data{
  font-size: 13px;
  color: var(--ayp-muted);
}
/* Ocultar el "Leer más" del diseño viejo; el título ya enlaza */
.ayp-posts .elementor-post__read-more{
  font-size: 13px;
  font-weight: 600;
  color: var(--ayp-brand);
}

/* Nota principal de portada  ·  clase: ayp-lead */
.ayp-lead .elementor-post__title,
.ayp-lead .elementor-heading-title{
  font-size: clamp(30px, 3.4vw, 44px);
  line-height: 1.08;
}
.ayp-lead .elementor-post__excerpt p{ font-size: 18px; max-width: 60ch; }

/* Columna de notas secundarias con miniatura cuadrada  ·  clase: ayp-secondary */
.ayp-secondary .elementor-post{
  display: grid;
  grid-template-columns: 104px 1fr;
  gap: 16px;
  padding: 18px 0;
  border-top: 1px solid var(--ayp-line);
}
.ayp-secondary .elementor-post:first-child{ border-top: 0; padding-top: 0; }
.ayp-secondary .elementor-post__thumbnail{ aspect-ratio: 1/1; border-radius: var(--ayp-radius); }
.ayp-secondary .elementor-post__title{ font-size: 17px; line-height: 1.25; margin: .25em 0; }
.ayp-secondary .elementor-post__excerpt{ display: none; }


/* ==========================================================================
   8. AUSPICIANTES — COLUMNA STICKY  ·  clases: ayp-ads-col / ayp-ad-square
   Estructura en Elementor:
     Contenedor .ayp-ads-col   (Avanzado > Movimiento > Sticky = Arriba, offset 70)
       └ Encabezado .ayp-ads-title  → "NUESTROS SPONSORS"
       └ Widget Imagen .ayp-ad-square  (uno por banner cuadrado)
   Banners que van acá: Banco Provincia 300x250 · Pensá en Macro 300x300 ·
                        TAESA 600x600 · Expo Junín 300x250
   ========================================================================== */
.ayp-ads-col{
  background: var(--ayp-ad-bg);
  border: 1px solid var(--ayp-line);
  border-radius: var(--ayp-radius);
  overflow: hidden;
  padding: 0 !important;
}
.ayp-ads-title{
  background: var(--ayp-brand);
  margin: 0 0 18px;
  padding: 11px 16px;
}
.ayp-ads-title .elementor-heading-title{
  font-family: var(--ayp-font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}
.ayp-ad-square{
  width: 300px;
  max-width: calc(100% - 36px);
  margin: 0 auto 18px;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--ayp-line);
  transition: box-shadow .2s, transform .2s;
}
.ayp-ad-square:hover{
  box-shadow: var(--ayp-shadow);
  transform: translateY(-2px);
}
.ayp-ad-square:last-child{ margin-bottom: 18px; }
.ayp-ad-square img{ width: 100%; height: auto; display: block; }


/* ==========================================================================
   9. AUSPICIANTES — BANDA HORIZONTAL  ·  clases: ayp-ad-band / ayp-ad-wide
   Estructura en Elementor:
     Contenedor .ayp-ad-band (full width, fondo --ayp-bg-soft)
       └ Encabezado .ayp-ad-label → "NUESTROS AUSPICIANTES"
       └ Contenedor interno en fila (3 columnas)
            └ Widget Imagen .ayp-ad-wide  (uno por banner apaisado)
   Banners que van acá: Wapa 3:1 · IPCVA 4:1 · NOBA 3:1
   ========================================================================== */
.ayp-ad-band{
  background: var(--ayp-bg-soft);
  border-top: 1px solid var(--ayp-line);
  border-bottom: 1px solid var(--ayp-line);
  padding: 26px 0;
}
.ayp-ad-label .elementor-heading-title{
  font-family: var(--ayp-font-body);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ayp-muted);
  text-align: center;
}
.ayp-ad-wide{
  background: #fff;
  border: 1px solid var(--ayp-line);
  border-radius: 4px;
  overflow: hidden;
  transition: box-shadow .2s, transform .2s;
}
.ayp-ad-wide:hover{
  box-shadow: var(--ayp-shadow);
  transform: translateY(-2px);
}
.ayp-ad-wide img{
  width: 100%;
  aspect-ratio: 3/1;
  object-fit: contain;
  background: #fff;
}

/* Variante 2 columnas para banners semi-anchos (Junín 2:1 · Cirigliano 1.8:1) */
.ayp-ad-band--duo .ayp-ad-wide img{
  aspect-ratio: 2/1;
  object-fit: cover;
}


/* ==========================================================================
   10. FOOTER  ·  clases: ayp-footer / ayp-footer-logos / ayp-footer-bottom
   ========================================================================== */
.ayp-footer{
  background: var(--ayp-brand-dark);
  color: #cdd8c6;
  padding: 52px 0 40px;
}
.ayp-footer a,
.ayp-footer .elementor-icon-list-text{ color: #cdd8c6; }
.ayp-footer a:hover,
.ayp-footer .elementor-icon-list-item:hover .elementor-icon-list-text{ color: #fff; }
.ayp-footer .elementor-heading-title{
  color: #fff;
  font-family: var(--ayp-font-body);
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 16px;
}
.ayp-footer p{ font-size: 14px; color: #b9c6b1; max-width: 34ch; }
.ayp-footer .elementor-icon-list-item{ font-size: 14.5px; padding: 6px 0; }
.ayp-footer .elementor-icon-list-icon i,
.ayp-footer .elementor-icon-list-icon svg{ color: #8fae86; fill: #8fae86; }

/* Logo del diario en blanco dentro del footer */
.ayp-footer-logo img{
  max-height: 56px;
  width: auto;
  filter: brightness(0) invert(1);
}

/* Franja de logos de auspiciantes al pie */
.ayp-footer-logos{
  border-top: 1px solid rgba(255,255,255,.14);
  padding: 26px 0;
  background: var(--ayp-brand-dark);
}
.ayp-footer-logos .ayp-ad-label .elementor-heading-title{ color: #9fb096; }
.ayp-footer-logos .elementor-widget-image{
  background: #fff;
  border-radius: 4px;
  padding: 8px 12px;
  transition: transform .2s;
}
.ayp-footer-logos .elementor-widget-image:hover{ transform: translateY(-2px); }
.ayp-footer-logos img{ max-height: 40px; width: auto; object-fit: contain; }

.ayp-footer-bottom{
  background: var(--ayp-brand-dark);
  border-top: 1px solid rgba(255,255,255,.14);
  padding: 18px 0;
  font-size: 13px;
  color: #9fb096;
}
.ayp-footer-bottom a{ color: #9fb096; }
.ayp-footer-bottom a:hover{ color: #fff; }


/* ==========================================================================
   11. RESPONSIVE
   ========================================================================== */
@media (max-width: 1024px){
  .ayp-ads-col{ position: static !important; }
  .ayp-secondary .elementor-post{ grid-template-columns: 96px 1fr; }
}

@media (max-width: 767px){
  body{ font-size: 16px; }

  /* En mobile el zócalo se oculta y el logo pasa a flujo normal */
  .ayp-zocalo > .e-con-inner > .elementor-widget-image:not(.ayp-logo),
  .ayp-zocalo > .elementor-widget-image:not(.ayp-logo){ display: none; }
  .ayp-logo{
    position: static !important;
    transform: none;
    padding: 16px 0;
  }
  .ayp-logo img{ max-height: 48px; }

  .ayp-lead .elementor-post__title,
  .ayp-lead .elementor-heading-title{ font-size: 28px; }

  .ayp-secondary .elementor-post{ grid-template-columns: 88px 1fr; }

  .ayp-ad-square{ max-width: calc(100% - 24px); }
  .ayp-ad-wide img{ aspect-ratio: auto; height: auto; }
}


/* ==========================================================================
   12. BLOQUE DE AUSPICIANTES DEL TEMA
   --------------------------------------------------------------------------
   Markup que genera el widget "Auspiciantes" y el shortcode [ayp_sponsors]:

     <div class="ayp-sponsors ayp-sponsors--cuadrado ayp-sponsors--sticky">
       <p class="ayp-sponsors__title">Nuestros sponsors</p>
       <div class="ayp-sponsors__list" style="--ayp-cols:1">
         <a class="ayp-sponsor" href="..."><img ...></a>
       </div>
     </div>

   No hace falta asignar clases a mano: las pone el widget.
   ========================================================================== */

.ayp-sponsors{
  --ayp-cols: 1;
  background: var(--ayp-ad-bg);
  border: 1px solid var(--ayp-line);
  border-radius: var(--ayp-radius);
  overflow: hidden;
}

.ayp-sponsors__title{
  background: var(--ayp-brand);
  color: #fff;
  font-family: var(--ayp-font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  padding: 11px 16px;
}

.ayp-sponsors__list{
  display: grid;
  grid-template-columns: repeat(var(--ayp-cols), minmax(0, 1fr));
  gap: 18px;
  padding: 18px;
  align-items: center;
  justify-items: center;
}

.ayp-sponsor{
  display: block;
  width: 100%;
  background: #fff;
  border: 1px solid var(--ayp-line);
  border-radius: 4px;
  overflow: hidden;
  transition: box-shadow .2s, transform .2s;
}
.ayp-sponsor:hover{
  box-shadow: var(--ayp-shadow);
  transform: translateY(-2px);
}
.ayp-sponsor img{
  width: 100%;
  height: auto;
  display: block;
}

/* ---------- Variante: columna lateral (banners cuadrados) ---------- */
.ayp-sponsors--cuadrado .ayp-sponsor{ max-width: 300px; }

/* Fija la columna al hacer scroll. Solo escritorio: en mobile molesta. */
@media (min-width: 1025px){
  .ayp-sponsors--sticky{
    position: sticky;
    top: 70px;
  }
}

/* ---------- Variante: banda horizontal 3:1 ---------- */
.ayp-sponsors--apaisado{
  background: var(--ayp-bg-soft);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
.ayp-sponsors--apaisado .ayp-sponsors__title{
  background: transparent;
  color: var(--ayp-muted);
  font-size: 10.5px;
  letter-spacing: .16em;
  padding: 18px 16px 0;
}
.ayp-sponsors--apaisado .ayp-sponsors__list{ gap: 20px; padding: 18px 0; }
.ayp-sponsors--apaisado .ayp-sponsor img{
  aspect-ratio: 3 / 1;
  object-fit: contain;
  background: #fff;
}

/* ---------- Variante: institucionales 2:1 ---------- */
.ayp-sponsors--institucional{
  background: var(--ayp-bg-soft);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
.ayp-sponsors--institucional .ayp-sponsors__title{
  background: transparent;
  color: var(--ayp-muted);
  font-size: 10.5px;
  letter-spacing: .16em;
  padding: 18px 16px 0;
}
.ayp-sponsors--institucional .ayp-sponsors__list{ gap: 24px; padding: 18px 0; }
.ayp-sponsors--institucional .ayp-sponsor img{
  aspect-ratio: 2 / 1;
  object-fit: cover;
}

/* ---------- Variante: zócalo del encabezado ---------- */
.ayp-sponsors--zocalo{
  background: transparent;
  border: 0;
  border-radius: 0;
}
.ayp-sponsors--zocalo .ayp-sponsors__list{ padding: 0; gap: 0; }
.ayp-sponsors--zocalo .ayp-sponsor{
  border: 0;
  border-radius: 0;
}
.ayp-sponsors--zocalo .ayp-sponsor:hover{ transform: none; box-shadow: none; }

/* ---------- Franja de logos chicos (footer) ---------- */
.ayp-footer-logos .ayp-sponsors,
.ayp-sponsors--logos{
  background: transparent;
  border: 0;
}
.ayp-sponsors--logos .ayp-sponsors__list{
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
}
.ayp-sponsors--logos .ayp-sponsor{
  width: auto;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  height: 56px;
}
.ayp-sponsors--logos .ayp-sponsor img{
  max-height: 40px;
  width: auto;
  object-fit: contain;
}

/* ---------- Aviso en el editor cuando no hay auspiciantes ---------- */
.ayp-sponsors--vacio{
  background: #fff8e5;
  border: 1px dashed #d9a441;
  border-radius: var(--ayp-radius);
  padding: 20px;
  font-size: 14px;
  color: #7a5b12;
  text-align: center;
}

/* ---------- Responsive del bloque ---------- */
@media (max-width: 1024px){
  .ayp-sponsors--cuadrado .ayp-sponsors__list{
    grid-template-columns: repeat(auto-fit, minmax(240px, 300px));
    justify-content: center;
  }
}

@media (max-width: 767px){
  .ayp-sponsors__list{
    grid-template-columns: 1fr !important;
  }
  .ayp-sponsors--apaisado .ayp-sponsor img,
  .ayp-sponsors--institucional .ayp-sponsor img{
    aspect-ratio: auto;
    height: auto;
    object-fit: contain;
  }
}


/* ==========================================================================
   13. CAPA DE COMPATIBILIDAD CON LA ESTRUCTURA ACTUAL DE ELEMENTOR
   --------------------------------------------------------------------------
   Las secciones 1 a 12 estilizan elementos que llevan clases .ayp-*, que se
   asignan a mano o las pone el widget de auspiciantes.

   Esta sección es distinta: ataca directamente el marcado que Elementor ya
   genera en el sitio (skins "cards" y "classic" del widget Posts, nav-menu,
   footer). Se aplica sola, sin editar ninguna plantilla.

   Es la que hace que el rediseño se vea apenas se activa el tema.
   Cuando la portada se rehaga con los contenedores del rediseño, esta sección
   se puede borrar sin que se rompa nada.
   ========================================================================== */

/* ---------- 13.1 Tarjetas de noticias (skin Cards) ---------- */
.elementor-posts--skin-cards .elementor-post__card{
  border: 1px solid var(--ayp-line);
  border-radius: var(--ayp-radius);
  box-shadow: none;
  overflow: hidden;
  background: #fff;
  transition: box-shadow .25s, transform .25s;
}
.elementor-posts--skin-cards .elementor-post__card:hover{
  box-shadow: 0 1px 2px rgba(20,30,20,.04), 0 10px 28px rgba(20,30,20,.08);
  transform: translateY(-3px);
}
.elementor-posts--skin-cards .elementor-post__thumbnail__link{ border-radius: 0; }
.elementor-posts--skin-cards .elementor-post__thumbnail img{ transition: transform .5s; }
.elementor-posts--skin-cards .elementor-post__card:hover .elementor-post__thumbnail img{
  transform: scale(1.04);
}

/* Volanta / categoría sobre la imagen */
.elementor-posts .elementor-post__badge{
  background: var(--ayp-brand);
  font-family: var(--ayp-font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-radius: 3px;
}

/* ---------- 13.2 Tipografía de los listados ---------- */
.elementor-posts .elementor-post__title,
.elementor-posts .elementor-post__title a{
  font-family: var(--ayp-font-head);
  font-size: 21px;
  line-height: 1.2;
  color: var(--ayp-ink);
}
.elementor-posts .elementor-post__title a:hover{ color: var(--ayp-brand); }

.elementor-posts .elementor-post__excerpt p{
  font-family: var(--ayp-font-body);
  font-size: 15px;
  line-height: 1.6;
  color: var(--ayp-body);
}
.elementor-posts .elementor-post__meta-data{
  font-family: var(--ayp-font-body);
  font-size: 13px;
  color: var(--ayp-muted);
}
.elementor-posts .elementor-post__read-more{
  font-family: var(--ayp-font-body);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ayp-brand);
}

/* Skin Classic: columna lateral de últimas noticias */
.elementor-posts--skin-classic .elementor-post{
  border-bottom: 1px solid var(--ayp-line);
  padding-bottom: 16px;
}
.elementor-posts--skin-classic .elementor-post:last-child{ border-bottom: 0; }
.elementor-posts--skin-classic .elementor-post__title,
.elementor-posts--skin-classic .elementor-post__title a{
  font-size: 17px;
  line-height: 1.25;
}

/* ---------- 13.3 Navegación del header ---------- */
[data-elementor-type="header"] .elementor-nav-menu .elementor-item{
  font-family: var(--ayp-font-body);
  font-size: 15px;
  font-weight: 500;
  text-transform: none;
  position: relative;
}
[data-elementor-type="header"] .elementor-nav-menu .elementor-item::after{
  content: "";
  position: absolute;
  left: 0; right: 100%; bottom: 2px;
  height: 2px;
  background: var(--ayp-brand);
  transition: right .25s;
}
[data-elementor-type="header"] .elementor-nav-menu .elementor-item:hover::after,
[data-elementor-type="header"] .elementor-nav-menu .elementor-item.elementor-item-active::after{
  right: 0;
}

/* ---------- 13.4 Footer ---------- */
/* Si el cliente prefiere conservar el verde claro actual del footer,
   comentar este bloque completo. */
[data-elementor-type="footer"] .elementor-heading-title{
  font-family: var(--ayp-font-body);
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 700;
}
[data-elementor-type="footer"] .elementor-icon-list-text{
  font-family: var(--ayp-font-body);
  font-size: 14.5px;
}

/* ---------- 13.5 Botones ---------- */
.elementor-button{
  font-family: var(--ayp-font-body);
  font-weight: 600;
  letter-spacing: .04em;
  border-radius: 4px;
}