/* Unifica la tipografía de los cuatro botones de navegación de la portada. */
body.page-id-19 .maw_advanced_btn.button--aylen, body.page-id-19 .maw_advanced_btn.button--aylen > span { font-family: "Lora", serif !important; }

/* Convierte los filtros del portfolio de portada en pestañas tipográficas. */
#esg-grid-6-1 .esg-fgc-6 { display: flex !important; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px 28px; width: auto !important; margin-right: auto !important; margin-left: auto !important; }
#esg-grid-6-1 .esg-fgc-6 .esg-filterbutton { position: relative; float: none !important; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 7px 2px 9px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #222 !important; font-family: "Lora", serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.35 !important; box-shadow: none !important; transform: none !important; transition: color .25s ease, opacity .25s ease !important; }
#esg-grid-6-1 .esg-fgc-6 .esg-filterbutton > span:first-child { font-family: "Lora", serif !important; font-size: 12px !important; }
#esg-grid-6-1 .esg-fgc-6 .esg-filterbutton::before { content: none !important; }
#esg-grid-6-1 .esg-fgc-6 .esg-filterbutton::after { content: ""; position: absolute; right: 0; bottom: 3px; left: 0; height: 1px; background: #e45f55; opacity: 0; transform: scaleX(.35); transform-origin: center; transition: opacity .25s ease, transform .25s ease; }
#esg-grid-6-1 .esg-fgc-6 .esg-filterbutton:hover { color: #e45f55 !important; opacity: .72; }
#esg-grid-6-1 .esg-fgc-6 .esg-filterbutton.selected { color: #e45f55 !important; opacity: 1; }
#esg-grid-6-1 .esg-fgc-6 .esg-filterbutton:hover::after, #esg-grid-6-1 .esg-fgc-6 .esg-filterbutton.selected::after { opacity: 1; transform: scaleX(1); }
#esg-grid-6-1 .esg-fgc-6 .esg-filter-checked { display: none !important; }

/* Elimina el espacio inferior interno del grid para unirlo visualmente al siguiente bloque. */
#esg-grid-6-1 { padding: 0 !important; }

/* Oculta la carga manual: los proyectos visibles se muestran directamente. */
#esg-grid-6-1 .esg-loadmore-wrapper { display: none !important; }

@media only screen and (min-width: 850px) {
  #esg-grid-6-1 .esg-fgc-6 .esg-filterbutton[data-filter="filter-web"] { order: 1; }
  #esg-grid-6-1 .esg-fgc-6 .esg-filterbutton[data-filter="filter-grafico"] { order: 2; }
  #esg-grid-6-1 .esg-fgc-6 .esg-filterbutton[data-filter="filter-video"] { order: 3; }
  #esg-grid-6-1 .esg-fgc-6 .esg-filterbutton.esg-allfilter { order: 4; }
}

@media only screen and (max-width: 849px) {
  #esg-grid-6-1 .esg-fgc-6 { gap: 8px 16px; }
  #esg-grid-6-1 .esg-fgc-6 .esg-filterbutton { padding: 6px 1px 8px !important; font-size: 12px !important; }
}