/* ==========================================================================
   /sponsors: raster van logokaarten (collectie sponsors) en de oproep.
   39 sponsors = 13 rijen van 3. Een onvolledige laatste rij (2 per rij op
   mobiel, of als de collectie groeit) staat gecentreerd.
   ========================================================================== */
/* de pagina-kop draagt de H1 op 44; de dankzin eronder is een rustige H2 in H4-maat */
.sponsors-kop .sectie-kop__intro { margin-top: 16px; }
.sponsors-raster { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--goot); }
.sponsors-kaart {
  flex: 0 0 calc((100% - 2 * var(--goot)) / 3);
  display: flex; align-items: center; justify-content: center;
  height: 200px; padding: 32px 40px;
  background: var(--wit); border: 1px solid transparent; border-radius: var(--r-kaart);
  transition: border-color var(--duur) var(--ease);
}
.sponsors-kaart:hover { border-color: var(--rood); }
/* elk logo vult hetzelfde vlak zonder vervorming, ongeacht de verhouding */
.sponsors-kaart__logo { width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 1023px) { .sponsors-kaart { height: 160px; padding: 24px; } }
@media (max-width: 767px) {
  .sponsors-kaart { flex-basis: calc((100% - var(--goot)) / 2); height: 120px; padding: 16px; }
}

/* Oproep sponsor worden: witte kaart, tekst links, foto rechts */
.sponsors-oproep {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch;
  background: var(--wit); border-radius: var(--r-kaart); overflow: hidden;
}
.sponsors-oproep__tekst { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 32px; padding: 64px; }
.sponsors-oproep__foto { width: 100%; height: 100%; min-height: 360px; max-height: 420px; object-fit: cover; object-position: 50% 55%; border-radius: var(--r-kaart); }
@media (max-width: 1023px) {
  .sponsors-oproep { grid-template-columns: minmax(0, 1fr); }
  .sponsors-oproep__tekst { padding: 40px; }
  .sponsors-oproep__foto { min-height: 0; max-height: none; height: auto; aspect-ratio: 16 / 9; }
}
@media (max-width: 767px) {
  .sponsors-oproep__tekst { padding: 24px; gap: 24px; }
  .sponsors-oproep__knop { white-space: normal; }
}