/* sponsors/sponsors.css — Gambetas Sponsors & Patrons (standalone) */
:root { --neon:#8FD400; --bg:#000; --card:#0b0b0b; --muted:#9aa0a6; }

#sponsors { padding: 32px 16px 24px; background: var(--bg); color: #fff; }
#sponsors .section-title{ text-align:center; font-size:1.4rem; font-weight:900; margin:0 0 8px; }
#sponsors .section-sub{ text-align:center; color: var(--muted); margin:0 0 20px; font-size:.95rem; }

#sponsors .grid{
  display:grid; grid-template-columns: repeat(6,1fr); gap:14px; max-width:1100px; margin: 0 auto 18px;
}
@media (max-width: 1100px){ #sponsors .grid{ grid-template-columns: repeat(4,1fr);} }
@media (max-width: 740px){ #sponsors .grid{ grid-template-columns: repeat(3,1fr);} }
@media (max-width: 520px){ #sponsors .grid{ grid-template-columns: repeat(2,1fr);} }

#sponsors .card{
  background: var(--card); border:1px solid rgba(255,255,255,.08);
  border-radius:16px; padding:14px; display:flex; align-items:center; justify-content:center;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  min-height:96px;
}
#sponsors .card:hover{ transform: translateY(-2px); border-color: var(--neon); box-shadow: 0 0 0 2px rgba(143,212,0,.1); }
#sponsors .card img{ max-height:48px; max-width:100%; object-fit:contain; filter: drop-shadow(0 0 0 rgba(0,0,0,0)); }

#sponsors .tiers{ display:flex; gap:8px; justify-content:center; margin-bottom:16px; flex-wrap:wrap; }
#sponsors .tier-pill{
  padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.12);
  font-size:.84rem; color:#fff; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
}
#sponsors .tier-pill.active{ border-color: var(--neon); box-shadow: 0 0 0 1px rgba(143,212,0,.25) inset; }

#sponsors .patrons{
  max-width: 900px; margin: 18px auto 0; padding: 12px; border-top:1px solid rgba(255,255,255,.08);
}
#sponsors .patrons h4{ margin: 6px 0 10px; font-size:1.05rem; }
#sponsors .patron-list{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
#sponsors .patron{
  padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03); font-size:.9rem;
}

#sponsors .cta{
  display:flex; justify-content:center; gap:10px; margin:18px 0 0;
}
#sponsors .btn{
  appearance:none; border:none; cursor:pointer; font-weight:800;
  padding:10px 14px; border-radius:999px; color:#000; background: var(--neon);
}
#sponsors .btn.secondary{ background:#fff; color:#111; }
#sponsors .btn:hover{ filter: brightness(1.05); }

/* Optional small print line above footer */
#sponsors .divider{ height:1px; background: rgba(255,255,255,.08); margin: 18px auto; max-width: 1100px; }