/* Complemento del portafolio: reutiliza las variables de color y las fuentes de Creovibe. */
.portfolio-filters { margin: 0 0 48px; }
.portfolio-filters__items { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.portfolio-filters__button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 13px 19px; border: 1px solid rgba(255,255,255,.22);
  border-radius: 100px; background: var(--theme-color-dark, #181818);
  color: var(--theme-color-white, #fff); font: inherit; font-weight: 500;
  text-decoration: none; line-height: 1.35; transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}
.portfolio-filters__button:hover,
.portfolio-filters__button:focus-visible,
.portfolio-filters__button.is-active {
  background: var(--theme-color1, #ff4b2f);
  border-color: var(--theme-color1, #ff4b2f);
  color: var(--theme-color1-text-color, #fff);
}
.portfolio-filters__button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.portfolio-filters__count { opacity: .75; font-size: .85em; font-variant-numeric: tabular-nums; }
.portfolio-filters__status { margin-top: 18px; color: var(--text-color, #999); }
.portfolio-category-group[hidden] { display: none !important; }
.portfolio-category-group > .col-12 { margin-bottom: 22px; scroll-margin-top: 110px; }
@media(max-width: 767px) {
  .portfolio-filters { margin-bottom: 32px; }
  .portfolio-filters__items { gap: 9px; }
  .portfolio-filters__button { padding: 11px 14px; font-size: 14px; }
}
@media(prefers-reduced-motion: reduce) {
  .portfolio-filters__button { transition: none; }
}