/* =========================================
   FOOTER - Premium V2 (rebuild)
   Objetivo:
   - Rehacer la parte: "Liga Nacional de Fútbol 7" + Enlaces + Contacto
   - Alinear columnas (especialmente en laptop)
   - Menos inline styles, más consistente
   ========================================= */

#footer.footer-v2{
  background: #0A0A0A;
  color: #fff;
  padding: clamp(2.2rem, 3.4vw, 3.25rem) 0 1.35rem; /* +aire arriba y abajo */
}

#footer.footer-v2 .footer-wrap{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(1.6rem, 3vw, 3rem);
  align-items: start;
  margin-bottom: 1.6rem;
}

#footer.footer-v2 .footer-brand img{
  height: 46px;
  width: auto;
  display:block;
  margin-bottom: 0.9rem;
}

#footer.footer-v2 .footer-kicker{
  color: rgba(212,175,55,0.95);
  font-weight: 850;
  font-size: 0.9rem;
  margin: 0 0 0.35rem;
}

/* Si se elimina el logo del footer, evitamos espacio “vacío” arriba */
#footer.footer-v2 .footer-brand img{display:none !important;}

#footer.footer-v2 .footer-meta{
  color: rgba(255,255,255,0.60);
  font-size: 0.85rem;
  margin: 0;
  line-height: 1.45;
}

#footer.footer-v2 .footer-title{
  font-size: 0.86rem;
  margin: 0 0 0.75rem;
  color: #D4AF37;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#footer.footer-v2 .footer-links{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.5rem;
}

#footer.footer-v2 .footer-links a{
  color: rgba(255,255,255,0.74);
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 700;
  transition: color .2s ease;
}

#footer.footer-v2 .footer-links a:hover{
  color: #D4AF37;
}

#footer.footer-v2 .footer-contact a{
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  text-decoration:none;
  font-weight: 750;
}

#footer.footer-v2 .footer-brand,
#footer.footer-v2 nav[aria-label="Enlaces rápidos"],
#footer.footer-v2 .footer-contact{
  justify-self: center;
}

#footer.footer-v2 .footer-wa{
  color: #25D366;
  font-size: 0.95rem;
  line-height: 1.15;
}

#footer.footer-v2 .footer-wa i{
  font-size: 1.05rem;
  width: 1.1em;
  text-align: center;
}

#footer.footer-v2 .footer-mail{
  color: rgba(255,255,255,0.72);
  font-size: 0.9rem;
  font-weight: 650;
}

#footer.footer.footer-v2 .footer-loc{
  color: rgba(255,255,255,0.55);
  font-size: 0.85rem;
  margin: 0.55rem 0 0;
}

#footer.footer-v2 .footer-bottom{
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 1.15rem;
  text-align:center;
  color: rgba(255,255,255,0.46);
  font-size: 0.84rem;
}

/* Laptop: columnas más parejas y que no “suba” enlaces */
@media (min-width: 981px) and (max-width: 1280px){
  #footer.footer-v2 .footer-wrap{
    grid-template-columns: 1fr 1fr;
    gap: 1.75rem;
  }
  #footer.footer-v2 .footer-brand{grid-column: 1 / -1; text-align:center;}
  #footer.footer-v2 nav[aria-label="Enlaces rápidos"],
  #footer.footer-v2 .footer-contact{justify-self:center; text-align:center;}
}

/* Tablet/móvil: stack */
@media (max-width: 980px){
  #footer.footer-v2 .footer-wrap{
    grid-template-columns: 1fr;
    gap: 1.35rem;
    text-align: center;
  }
  #footer.footer-v2 .footer-links{
    justify-items: center;
  }
  #footer.footer-v2 .footer-contact a{
    justify-content: center;
  }
  #footer.footer-v2 .footer-loc{
    margin-top: .35rem;
  }
}