/* APIA — Page Partenaires (S7d) — Figma node 821:24426 (fichier B)
   Deps : apia-enjeu.css (c-renforcer, c-enjeu-btn) + apia-home.css + apia-association.css (c-asso-lead).
   Rythme vertical node (contenu-à-contenu) : hero→intro 176 · intro→nationaux 160 ·
   nationaux→régionaux 160 · régionaux→CTA 208 · CTA→footer 208. */

.s-part{padding:80px 16px}
.s-part--hero{padding:16px 16px 96px}
.s-part--cta{padding:128px 16px 208px}

/* 1. Hero (famille c-rej-hero/c-asso-hero — H1 33/36 ciel, ni puces ni bouton) */
.c-part-hero{max-width:1248px;margin-inline:auto;background:var(--apia-bleu-nuit);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:632px 1fr;align-items:stretch;min-height:434px}
.c-part-hero__col{display:flex;align-items:center;padding:48px 32px 48px 98px}
.c-part-hero__title{max-width:445px;margin:0;font-family:var(--apia-font);font-weight:600;font-size:33px;line-height:36px;color:var(--apia-bleu-ciel)}
.c-part-hero__media{position:relative;min-height:434px}
.c-part-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* 3/4. Titres de sections 48/52 nuit + grilles 4×251 gap 16 (rail 1052) */
.c-part-h2{max-width:1052px;margin:0 auto 48px;font-family:var(--apia-font);font-weight:600;font-size:48px;line-height:52px;color:var(--apia-bleu-nuit)}
.c-part-grid{max-width:1052px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}
.c-part-card{background:var(--apia-bleu-clair);border-radius:28px;display:flex;flex-direction:column}
.c-part-card__logo{background:#fff;border-radius:16px;margin:16px 16px 0;min-height:88px;padding:16px 20px;display:flex;align-items:center;justify-content:center}
.c-part-card__logo img{max-width:155px;max-height:65px;width:auto;height:auto;object-fit:contain}
.c-part-card__body{padding:12px 24px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.c-part-card__name{margin:0;font-family:var(--apia-font);font-weight:600;font-size:16px;line-height:22px;color:var(--apia-bleu-nuit)}
.c-part-card__pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--apia-bleu-ciel-15);border:.5px solid #9fb2c5;font-family:var(--apia-font);font-weight:500;font-size:14px;line-height:18px;color:var(--apia-gris-bleu)}
.c-part-card__btn{margin-top:8px;display:flex;align-items:center;justify-content:center;width:100%;padding:8px 16px;border-radius:12px;background:var(--apia-bleu);font-family:var(--apia-font);font-weight:600;font-size:16px;line-height:22px;color:var(--apia-bleu-clair);text-decoration:none}
.c-part-card__btn:hover{background:var(--apia-bleu-marine);color:var(--apia-blanc)}

@media(max-width:991px){
.s-part{padding:56px 16px}
.s-part--hero{padding:16px 16px 56px}
.s-part--cta{padding:72px 16px 120px}
.c-part-hero{grid-template-columns:1fr;min-height:0}
.c-part-hero__col{padding:40px}
.c-part-hero__title{font-size:28px;line-height:34px}
.c-part-hero__media{min-height:300px}
.c-part-h2{font-size:33px;line-height:38px}
.c-part-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
.s-part{padding:40px 16px}
.s-part--cta{padding:56px 16px 88px}
.c-part-hero__col{padding:32px 24px}
.c-part-h2{font-size:28px;line-height:34px}
.c-part-grid{grid-template-columns:1fr}
}
/* =====================================================================
   APIA — Mouvement (2026-08-28). Tokens : Bricks > Settings > Custom CSS.
   Un seul idiome : le fond s'assombrit vers le marine, l'element monte d'1px,
   le chevron avance de 3px ; au clic il redescend et se comprime a 99 %.
   Remplace les idiomes filter:brightness(). Zero JavaScript.
   ===================================================================== */

/* .c-part-card__btn:hover (marine + blanc) est deja correct : on ajoute la
   transition, l'elevation et l'etat clavier. */
.c-part-card{transition:transform var(--apia-dur-base) var(--apia-ease),box-shadow var(--apia-dur-base) var(--apia-ease)}
.c-part-card__btn{transition:background-color var(--apia-dur-fast) var(--apia-ease),color var(--apia-dur-fast) var(--apia-ease),transform var(--apia-dur-fast) var(--apia-ease),box-shadow var(--apia-dur-fast) var(--apia-ease)}
@media (hover:hover){
  .c-part-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(5,29,46,.11)}
  .c-part-card__btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,31,95,.20)}
}
.c-part-card__btn:active{transform:translateY(0) scale(.99);box-shadow:none}
.c-part-card__btn:focus-visible{outline:2px solid var(--apia-bleu-marine);outline-offset:2px}