/* ════════════════════════════════════════════════════════════════
   HostPlayers · FOOTER 2026 · banda compacta · gaming glass
   ════════════════════════════════════════════════════════════════ */
.site-footer{
  position:relative;max-width:1180px;margin:60px auto 24px;
  background:linear-gradient(160deg,rgba(16,18,36,.7),rgba(7,8,15,.6));
  backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);
  border:1px solid rgba(139,92,246,.18);border-radius:22px;
  padding:26px 40px 20px;
  box-shadow:0 30px 80px -34px rgba(139,92,246,.5), inset 0 1px 0 rgba(255,255,255,.05);
}
.site-footer::before{content:'';position:absolute;top:0;left:44px;right:44px;height:1px;background:linear-gradient(90deg,transparent,#22d3ee,#a855f7,transparent)}
.site-footer .container{max-width:none;padding:0}

/* Filas flex */
.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap}
.footer-row--sub{margin-top:16px}

/* Marca */
.footer-brand{font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;font-size:1.3rem;letter-spacing:.02em;
  background:linear-gradient(115deg,#fff,#22d3ee 55%,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent !important}
.footer-brand img{filter:drop-shadow(0 0 8px rgba(139,92,246,.5))}

/* Navs horizontales con separador */
.footer-nav,.footer-legal{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:0}
.footer-nav a,.footer-legal a{color:#8b93b8 !important;text-decoration:none;line-height:1.4;transition:color .2s}
.footer-nav a:hover,.footer-legal a:hover{color:#22d3ee !important}
.footer-nav a{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:.95rem}
.footer-legal a{font-size:.82rem}
.footer-nav a:not(:last-child)::after,.footer-legal a:not(:last-child)::after{content:'\00b7';margin:0 12px;color:#454a6b;font-weight:400}

/* Redes */
.footer-social{display:flex;gap:10px;align-items:center}
.footer-social a{
  width:34px;height:34px;display:grid;place-items:center;border-radius:10px;
  background:rgba(255,255,255,.04);border:1px solid rgba(139,92,246,.18);color:#9099bd;
  text-decoration:none;font-size:.9rem;transition:transform .2s,color .2s,border-color .2s,box-shadow .2s;
}
.footer-social a:hover{transform:translateY(-3px);color:#fff;border-color:rgba(34,211,238,.5);box-shadow:0 8px 22px -8px rgba(34,211,238,.6)}

/* Barra inferior */
.footer-bottom{margin-top:20px;padding-top:18px;border-top:1px solid rgba(139,92,246,.12);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.copyright{color:#6b7299;font-size:.82rem;margin:0}
.footer-mail{color:#8b93b8 !important;text-decoration:none;font-size:.82rem;font-family:'Roboto Mono',monospace;transition:color .2s}
.footer-mail:hover{color:#22d3ee !important}

/* Responsive */
@media(max-width:820px){
  .site-footer{margin:40px 16px 16px;padding:24px 22px 18px}
  .footer-row,.footer-row--sub{flex-direction:column;gap:14px;text-align:center}
  .footer-bottom{flex-direction:column;text-align:center;gap:8px}
}