.elementor-519 .elementor-element.elementor-element-7419f28{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-519 .elementor-element.elementor-element-7419f28{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-8fb3257 */.filter-btn {
  font-size: 0.875rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;

  color: #6b7280 !important; /* gris base */
  background: transparent !important;
  border: none !important;

  padding: 4px 8px !important;
  cursor: pointer !important;

  transition: all 0.3s ease !important;
}

/* Hover */
.filter-btn:hover {
  color: #000000 !important;
}

/* Estado activo */
.filter-btn[aria-pressed="true"] {
  color: #000000 !important;
  border-bottom: 2px solid #000000 !important;
  font-weight: 600 !important;
}

/* Focus accesible */
.filter-btn:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px #000000 !important;
}

/* Quitar estilos raros de botones */
.filter-btn:focus-visible {
  outline: none !important;
}/* End custom CSS */