/* =========================================
   COMISION DELEGADA – FFIB
   Integrado con style.css existente
========================================= */

/* Header de sección */
.comision-header{
  margin-bottom: 10px;
}

.comision-header h3{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:4px;
}

.comision-subtitle{
  margin:0;
  opacity:.75;
  font-size:14px;
}

/* GRID CLUBES */
.clubs-grid{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:16px;
}

/* CARD CLUB */
.club-card{
  background:#fff;
  border-radius:8px; /* igual que sections */
  border:1px solid rgba(0,0,0,.08);
  padding:18px 12px 16px;
  text-align:center;
  transition:all .18s ease;
  position:relative;
}

.club-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(0,0,0,.10);
  border-color:#0b3c6d33;
}

/* Círculo escudo */
.club-badge{
  width:90px;
  height:90px;
  margin:0 auto 12px;
  border-radius:50%;
  background:#f4f6f8; /* mismo fondo body */
  display:grid;
  place-items:center;
  border:1px solid rgba(0,0,0,.08);
  overflow:hidden;
}

.club-badge img{
  width:70px;
  height:70px;
  object-fit:contain;
  display:block;
}

/* Nombre club */
.club-name{
  margin:0;
  font-size:14px;
  font-weight:700;
  line-height:1.25;
  color:#0b3c6d; /* azul corporativo */
}

/* Código club */
.club-code{
  display:block;
  margin-top:6px;
  font-size:12px;
  opacity:.6;
  font-weight:600;
}

/* Animación suave al cargar */
.club-card{
  animation:fadeUp .4s ease both;
}
@keyframes fadeUp{
  from{opacity:0; transform:translateY(10px)}
  to{opacity:1; transform:translateY(0)}
}

/* ===== Mobile extra ===== */
@media (max-width:768px){
  .club-card{
    padding:16px 10px;
  }
  .club-name{
    font-size:13px;
  }
}