/* ===== Patrocinantes ===== */
.section-sponsors{
  padding: clamp(56px, 8vw, 96px) 0;
  background: var(--bg-section);
  overflow: hidden;
}

.sponsors-title{
  margin: 0 0 clamp(22px, 4vw, 36px);
  font-weight: 700;
  letter-spacing: -.4px;
  text-align: center;
  font-size: clamp(34px, 7vw, 70px);
}

/* Grid responsive */
.sponsors-grid{
  list-style: none; margin: 0; padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(16px, 2.8vw, 28px);
}

/* Tarjeta glass */
.sponsor-card{
  position: relative;
  border-radius: 18px;
  /*padding: clamp(22px, 3vw, 32px);*/
  display: grid; place-items: center;
  min-height: clamp(150px, 20vh, 220px);

  background:
    linear-gradient(103.53deg,
      rgba(0, 0, 0, 0.4) 1.86%,
      rgba(0, 0, 0, 0.4) 50%,
      rgba(0, 0, 0, 0.4) 98.14%);
  border: 1px solid rgba(255,255,255,0.14);
  backdrop-filter: blur(1px) saturate(1.05);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 12px 34px rgba(0,0,0,.28);
  transition: transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);
  will-change: transform;
}

.sponsor-card.big{
  position: relative;
  border-radius: 18px;
  padding: clamp(22px, 3vw, 32px);
  display: grid; place-items: center;
  min-height: clamp(150px, 20vh, 220px);

  background:
    linear-gradient(103.53deg,
      rgba(0, 0, 0, 0.4) 1.86%,
      rgba(0, 0, 0, 0.4) 50%,
      rgba(0, 0, 0, 0.4) 98.14%);
  border: 1px solid rgba(255,255,255,0.14);
  backdrop-filter: blur(1px) saturate(1.05);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 12px 34px rgba(0,0,0,.28);
  transition: transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);
  will-change: transform;
}

/* Hover: se “alza” un poquito */
.sponsor-card:hover{
  transform: translateY(-6px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 18px 44px rgba(0,0,0,.38);
  border-color: rgba(255,255,255,0.22);
}

/* Logo dentro */
.sponsor-card img{
  min-height: 100%;    /* antes 48px/6.2vh */
  width: 100%;
  height: auto;
}

/* Motion reduce */
@media (prefers-reduced-motion: reduce){
  .sponsor-card{ transition: none; }
  .sponsor-card:hover{ transform: none; }
}

/* Breakpoints */
@media (max-width: 1024px){
  .sponsors-grid{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px){
  .relleno {
    display: none;
  }
  .sponsors-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 420px){
  .sponsors-grid{ grid-template-columns: 1fr; }
}

/* Fina-tuning en breakpoints para que no se vayan de escala */
@media (max-width: 1024px){
  .sponsor-card{ min-height: clamp(140px, 20vh, 200px); }
  .sponsor-card img{ max-height: clamp(58px, 9vh, 96px); }
}
@media (max-width: 720px){
  .sponsor-card{ min-height: clamp(130px, 18vh, 180px); }
  .sponsor-card img{ max-height: clamp(54px, 8.5vh, 88px); }
}