/* ZONAFEROZ — Animaciones: ficha y página de artista */
.zfa-card{margin:18px 0;padding:20px;border-radius:16px;border:1px solid var(--zf-border);
  background:radial-gradient(120% 140% at 0% 0%,rgba(139,92,246,.16),transparent 55%),var(--zf-bg-card);
  box-shadow:var(--zf-shadow);display:grid;gap:18px}
.zfa-artist{display:flex;align-items:center;gap:16px}
.zfa-avatar{flex:0 0 auto;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:26px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--zf-purple),var(--zf-orange));
  box-shadow:0 0 0 3px rgba(139,92,246,.25),0 8px 22px rgba(139,92,246,.35)}
.zfa-artist-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.zfa-artist-text small{color:var(--zf-text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.zfa-artist-name{font-size:22px;font-weight:800;color:var(--zf-text);text-decoration:none;line-height:1.15;word-break:break-word}
.zfa-artist-name:hover{color:var(--zf-purple-light)}
.zfa-artist-more{font-size:13px;font-weight:700;color:var(--zf-purple-light);text-decoration:none}
.zfa-artist-more:hover{text-decoration:underline}
.zfa-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.zfa-stat{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--zf-border-soft);display:flex;flex-direction:column;gap:5px}
.zfa-stat small{font-size:12px;color:var(--zf-text-muted);font-weight:700}
.zfa-stat strong{font-size:16px;color:var(--zf-text);display:flex;align-items:center;gap:6px}
.zfa-flag{font-size:20px;line-height:1}
.zfa-quality{padding:2px 12px;border-radius:999px;font-size:13px;font-weight:900;letter-spacing:.03em;color:#fff;background:#52525b}
.zfa-quality.is-hd{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.zfa-quality.is-fhd{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}
.zfa-quality.is-4k{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.zfa-socials{padding-top:16px;border-top:1px dashed var(--zf-border)}
.zfa-socials-title{display:block;font-weight:800;font-size:14px;margin-bottom:10px}
.zfa-socials-list{display:flex;flex-wrap:wrap;gap:8px}
.zfa-social{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:999px;text-decoration:none;font-weight:700;font-size:13.5px;
  color:#fff;background:color-mix(in srgb,var(--c) 22%,#17171c);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);transition:.2s}
.zfa-social i{font-style:normal;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--c);color:#fff}
.zfa-social:hover{transform:translateY(-2px);background:var(--c);box-shadow:0 8px 20px color-mix(in srgb,var(--c) 45%,transparent)}
.zfa-social:hover i{background:rgba(0,0,0,.25)}

/* ---------- Página del artista ---------- */
.zfa-page{padding:34px 0 60px}
.zfa-wrap{max-width:var(--zf-container);margin:0 auto;padding:0 20px}
.zfa-hero{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:28px;border-radius:20px;border:1px solid var(--zf-border);
  background:radial-gradient(110% 160% at 0% 0%,rgba(139,92,246,.22),transparent 60%),var(--zf-bg-card);margin-bottom:26px}
.zfa-hero .zfa-avatar{width:96px;height:96px;font-size:42px}
.zfa-hero h1{margin:0 0 6px;font-size:clamp(26px,4vw,38px);line-height:1.1}
.zfa-hero-kicker{color:var(--zf-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}
.zfa-hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.zfa-pill{padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.07);font-weight:700;font-size:13.5px}
.zfa-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.zfa-toolbar h2{margin:0;font-size:22px}
.zfa-sort{display:inline-flex;border:1px solid var(--zf-border);border-radius:999px;overflow:hidden}
.zfa-sort a{padding:8px 16px;font-size:13.5px;font-weight:700;color:var(--zf-text-soft);text-decoration:none}
.zfa-sort a.is-active{background:var(--zf-purple);color:#fff}
.zfa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.zfa-item{display:block;text-decoration:none;color:var(--zf-text);border-radius:14px;overflow:hidden;background:var(--zf-bg-card);border:1px solid var(--zf-border);transition:.25s}
.zfa-item:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.55);box-shadow:0 12px 30px rgba(109,40,217,.28)}
.zfa-item-thumb{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#2a2a35,#17171c);overflow:hidden}
.zfa-item-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.zfa-item-video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.zfa-item-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:40px;opacity:.7}
.zfa-item-views{position:absolute;right:8px;bottom:8px;padding:3px 10px;border-radius:999px;background:rgba(0,0,0,.72);font-size:12px;font-weight:800}
.zfa-item-body{display:block;padding:12px 14px 14px}
.zfa-item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;line-height:1.3}
.zfa-item-sub{display:block;margin-top:6px;font-size:12.5px;color:var(--zf-text-muted)}
.zfa-empty{text-align:center;padding:60px 20px;border:1px dashed var(--zf-border);border-radius:16px;color:var(--zf-text-soft)}
@media(max-width:600px){.zfa-hero{padding:20px}.zfa-hero .zfa-avatar{width:72px;height:72px;font-size:30px}.zfa-card{padding:16px}}