/* Portfolio: filtros tipográficos, distintos de los botones de navegación. */
#esg-grid-6-1 .esg-filter-wrapper { display: inline-flex !important; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 32px; margin: 0 !important; }
#esg-grid-6-1 .esg-filterbutton { position: relative !important; width: auto !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 8px 2px 10px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #555 !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: .08em !important; text-transform: uppercase !important; transform: none !important; transition: color .25s ease, opacity .25s ease !important; }
#esg-grid-6-1 .esg-filterbutton:hover { color: #111 !important; opacity: .72; }
#esg-grid-6-1 .esg-filterbutton.selected { color: #e45f55 !important; opacity: 1; }
#esg-grid-6-1 .esg-filterbutton.selected::after { content: ""; position: absolute; right: 2px; bottom: 3px; left: 2px; height: 1px; background: #e45f55; }
#esg-grid-6-1 .esg-filter-checked { display: none !important; }
@media only screen and (max-width: 849px) { #esg-grid-6-1 .esg-filter-wrapper { flex-wrap: wrap; gap: 18px; } #esg-grid-6-1 .esg-filterbutton { font-size: 12px !important; } }