/* ════════════════════════════════════════════════════════════════
   BANDE LOGOS — « Ils organisent · En lien avec » (styles v3)
   À ajouter à pages-v3.css. Placer la composition avant le footer.
   ════════════════════════════════════════════════════════════════ */
.pf-orgs { padding: 72px 0; background: var(--navy-050); border-top: 1px solid var(--rule); }
.pf-orgs__inner { max-width: var(--maxw, 1180px); margin: 0 auto; padding: 0 var(--pad, 40px); }
.pf-orgs__group + .pf-orgs__group { margin-top: 48px; padding-top: 40px; border-top: 1px solid var(--rule); }
.pf-orgs__label {
  display: block; text-align: center; margin-bottom: 30px;
  font-size: 12px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--primary);
}
.pf-orgs__row {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 44px 56px;
}
.pf-orgs__logo { display: block; flex: none; }
.pf-orgs__logo img {
  display: block; width: auto; object-fit: contain;
  /*filter: grayscale(1); opacity: .6;*/
  transition: filter .25s, opacity .25s;
}
.pf-orgs__logo:hover img { filter: none; opacity: 1; }
/* tailles : organisateurs plus présents que les ressources */
.pf-orgs__group--main .pf-orgs__logo img { max-height: 68px; max-width: 180px; }
.pf-orgs__group--tools .pf-orgs__logo img { max-height: 40px; max-width: 150px; }
/*.pf-orgs__logo img {
  background-color: var(--rule);
  border-radius: 5px;
  padding: 5px;
}
.pf-orgs__logo.lourdes img {
  background-color: #1d333c;
}*/

@media (max-width: 640px) {
  .pf-orgs { padding: 52px 0; }
  .pf-orgs__row { gap: 32px 36px; }
  .pf-orgs__group--main .pf-orgs__logo img { max-height: 52px; }
}