/* blog — davefx: listado, filtros, destacado y meta de tarjetas */

/* ---- Filtros por categoría (pastillas mono a hueso) ---- */
.dfx-blog-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.dfx-filter {
  font-family: var(--wp--preset--font-family--mono);
  font-size: var(--wp--preset--font-size--x-small);
  letter-spacing: 0.04em;
  color: var(--wp--preset--color--muted);
  border: 1px solid var(--wp--preset--color--border);
  padding: 0.4rem 0.7rem;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.15s, border-color 0.15s, background-color 0.15s;
}
.dfx-filter:hover,
.dfx-filter:focus-visible {
  color: var(--wp--preset--color--contrast);
  border-color: var(--wp--preset--color--contrast);
}
.dfx-filter.is-active {
  background: var(--wp--preset--color--ink);
  color: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--ink);
}
.dfx-filter__n { opacity: 0.7; }

/* ---- Meta de tarjeta con separadores "·" ---- */
.dfx-card-meta {
  align-items: center;
  column-gap: 0.5rem !important;
  row-gap: 0.25rem !important;
}
.dfx-card-meta > * { margin: 0; }
.dfx-card-meta > * + *::before {
  content: "·";
  color: var(--wp--preset--color--accent);
  margin-right: 0.5rem;
  opacity: 0.7;
}
/* post-terms y post-date renderizan wrappers de bloque; que no rompan la línea */
.dfx-card-meta .wp-block-post-date,
.dfx-card-meta .wp-block-post-terms,
.dfx-card-meta .dfx-rt { display: inline; }
.dfx-card-meta .wp-block-post-terms a { text-decoration: none; color: inherit; }
.dfx-card-meta .wp-block-post-date a { text-decoration: none; color: inherit; }

/* ---- Post destacado ---- */
.dfx-featured .wp-block-post-title { line-height: 1.1; }
@media (max-width: 781px) {
  .dfx-featured .wp-block-columns { flex-direction: column-reverse; }
}