/* ZONAFEROZ — Animaciones: filtro y etiquetas */
.zfat-bar{margin:0 0 26px;padding:18px 20px;border-radius:16px;border:1px solid var(--zf-border,rgba(255,255,255,.1));
  background:radial-gradient(120% 140% at 0% 0%,rgba(139,92,246,.14),transparent 55%),var(--zf-bg-card,#14141f)}
.zfat-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.zfat-head strong{font-size:16px}
.zfat-search{flex:1 1 180px;max-width:260px;min-width:140px;padding:8px 14px;border-radius:999px;border:1px solid var(--zf-border,rgba(255,255,255,.15));background:rgba(0,0,0,.25);color:inherit;font-size:14px}
.zfat-search:focus{outline:2px solid rgba(139,92,246,.6);outline-offset:1px}
.zfat-clear{margin-left:auto;font-size:13px;font-weight:700;color:#fda4af;text-decoration:none}
.zfat-clear:hover{text-decoration:underline}
.zfat-list{display:flex;flex-wrap:wrap;gap:8px}
.zfat-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;
  color:var(--zf-text,#e5e7eb);background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.28);transition:background .15s,transform .15s,border-color .15s}
.zfat-chip small{opacity:.65;font-weight:700;font-size:11px;background:rgba(255,255,255,.08);padding:1px 7px;border-radius:999px}
.zfat-chip:hover,.zfat-chip:focus-visible{background:rgba(139,92,246,.28);border-color:rgba(139,92,246,.65);transform:translateY(-1px)}
.zfat-chip.is-active{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(139,92,246,.4)}
.zfat-chip.is-active::after{content:"✕";font-size:11px;opacity:.85}
.zfat-chip.is-extra{display:none}
.zfat-bar.is-open .zfat-chip.is-extra{display:inline-flex}
.zfat-chip.is-hidden-search{display:none!important}
.zfat-more{margin-top:12px;background:none;border:0;color:var(--zf-purple-light,#a78bfa);font-weight:700;font-size:13px;cursor:pointer;padding:4px 0}
.zfat-more:hover{text-decoration:underline}
.zfat-result{margin:14px 0 0;font-size:14px;color:var(--zf-text-muted,#9ca3af)}

/* Etiquetas pequeñas dentro de la tarjeta */
.zfat-mini-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.zfat-mini{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;text-decoration:none;color:#c4b5fd;background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.25)}
.zfat-mini::before{content:"#";opacity:.7}
.zfat-mini:hover{background:rgba(139,92,246,.32);color:#fff}

@media (min-width:641px){
  .zfat-more--mobile{display:none}
}
@media (max-width:640px){
  .zfat-list .zfat-chip:nth-child(n+11):not(.is-active){display:none}
  .zfat-bar.is-open .zfat-list .zfat-chip:nth-child(n+11){display:inline-flex}
  .zfat-bar.is-open .zfat-chip.is-hidden-search{display:none!important}
  .zfat-bar{padding:14px 12px}
  .zfat-search{max-width:none;flex:1 1 100%}
  .zfat-clear{margin-left:0}
}