/* GRID responsive */
    .vip-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
    .vip-card{
      background:var(--panel); border:1px solid var(--border); border-radius:14px; overflow:hidden;
      display:flex; flex-direction:column; min-height:100%;
    }
    .vip-thumb{position:relative;aspect-ratio:9/16;background:var(--panel-2);overflow:hidden}
    .vip-thumb img,.vip-thumb video{width:100%;height:100%;object-fit:cover;display:block}
    .vip-play{position:absolute;inset:0;display:grid;place-items:center}
    .vip-badge{position:absolute;left:8px;top:8px;background:rgba(0,0,0,.55);color:#fff;padding:2px 6px;border-radius:999px;font-size:12px}

    .vip-meta{padding:10px 12px 8px}
    .vip-cap{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;font-weight:600}

    /* Username gris, compacto, @ junto */
    :root{
      --vip-user-fg:#6b7280;
      --vip-user-hover-bg:rgba(0,0,0,.05);
      --vip-user-hover-bd:rgba(0,0,0,.08);
    }
    [data-theme="dark"]{
      --vip-user-fg:#9ca3af;
      --vip-user-hover-bg:rgba(255,255,255,.06);
      --vip-user-hover-bd:rgba(255,255,255,.12);
    }
    .vip-user{margin:2px 0 6px;font-size:13px;line-height:1.2;}
    .vip-user .vip-handle,
    .vip-user .vip-handle:visited,
    .vip-user .vip-handle:active{
      color:var(--vip-user-fg) !important;
      text-decoration:none !important;
      padding:2px 6px;border-radius:8px;border:1px solid transparent;
      transition:background-color .15s ease,border-color .15s ease;
    }
    .vip-user .vip-handle:hover,.vip-user .vip-handle:focus{
      background:var(--vip-user-hover-bg);border-color:var(--vip-user-hover-bd);
    }

    /* Stats */
    .stats-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
    .stat-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;font-size:12px}

    /* CTA dentro de cada card */
    .vip-cta{padding:12px;margin-top:auto}
    .vip-cta .btn{width:100%}

    /* Paginación */
    .vip-pager{display:flex;gap:8px;justify-content:center;margin:16px 0}
    .page-btn{border:1px solid var(--border);background:var(--panel);padding:8px 10px;border-radius:10px;cursor:pointer}
    .page-btn.is-active{font-weight:700;outline:2px solid var(--ring)}

    /* Skeleton */
    .skeleton{background:linear-gradient(90deg, rgba(0,0,0,.06), rgba(0,0,0,.12), rgba(0,0,0,.06));background-size:200% 100%;animation:s 1.4s infinite}
    @keyframes s{0%{background-position:200% 0}100%{background-position:-200% 0}}

    /* MOBILE */
    @media (max-width: 820px){
      .vip-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
    }
    @media (max-width: 560px){
      .hero .search{--h:48px}
      .vip-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
      .vip-cap{font-size:12px}
      .stat-pill{padding:4px 8px;font-size:11px}
      .vip-cta .btn{height:42px;font-size:14px;padding:0 12px}
    }
    @media (max-width:360px){
      .vip-grid{grid-template-columns:1fr}
    }

    /* ===== Botones sin borde + compactos ===== */
    .vip-cta .btn,
    .vip-cta .btn.btn-cta,
    #vip-zip.btn.btn-cta-non {
      border:0 !important; outline:0;
      height:42px; font-size:14px; padding:0 14px;
      border-radius:12px; background:var(--panel);
      box-shadow:0 6px 16px rgba(0,0,0,.06);
    }
    .vip-cta .btn i, #vip-zip i { margin-right:8px; font-size:18px; }
    .vip-cta .btn:hover, .vip-cta .btn:focus, #vip-zip:hover, #vip-zip:focus {
      border:0 !important; filter:brightness(0.98);
    }

    /* ZIP full-width al final */
    #vip-zip-row{ display:none; margin:14px 0 0; }
    #vip-zip{
      display:block !important; width:100% !important;
      max-width:780px; margin:0 auto;
      padding:14px 18px; font-size:16px; font-weight:600;
    }
    @media (max-width:560px){
      .vip-cta .btn, #vip-zip.btn.btn-cta { height:40px; font-size:13.5px; padding:0 12px; }
      #vip-zip{ padding:12px 14px; font-size:15px; }
    }


/* ZIP más ancho dentro del container */
#vip-zip {
  display: block !important;
  width: 100% !important;
  max-width: 1200px;   /* antes: 780px */
  margin: 0 auto;
  padding: 16px 22px;  /* un poco más alto/ancho */
  font-size: 17px;
  font-weight: 700;
}