/* ==========================================================================
   KIPO - Styles propres à la page Partenaires
   (hero illustré, cartes d'avantages, candidature)
   ========================================================================== */

/* --- Hero ---------------------------------------------------------------- */
.partenaires-hero__blob-a { width: 420px; height: 420px; right: -140px; top: -90px; }
.partenaires-hero__blob-b { width: 240px; height: 240px; left: -110px; bottom: -90px; }
.partenaires-hero__sous { max-width: 44ch; }

.partenaires-visuel {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 360px;
}
.partenaires-visuel__photo {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: clamp(480px, 34vw, 640px);
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: var(--r-petale) var(--r-md) var(--r-petale) var(--r-md);
}
.partenaires-visuel__anneau {
    position: absolute;
    z-index: 0;
    width: min(96%, 480px);
    aspect-ratio: 1;
    border: 2px dashed rgba(94, 115, 33, .28);
    border-radius: 50%;
}
.partenaires-visuel__bulle {
    position: absolute;
    z-index: 2;
    top: -4px; right: 34px;
    width: 48px; height: 48px;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-pill) var(--r-pill) var(--r-pill) 5px;
    display: grid; place-items: center;
    color: var(--olive);
}
.partenaires-visuel__bulle .icon { width: 22px; }

/* --- Avantages ----------------------------------------------------------- */
.partenaires-avantages__blob { width: 260px; height: 260px; right: -120px; top: 60px; }
.avantages-grille { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.avantage {
    position: relative;
    display: flex; flex-direction: column; gap: 12px;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-md) var(--r-petale) var(--r-md) var(--r-petale);
    padding: 30px 28px;
}
.avantage--pale { background: var(--pale); border-color: transparent; }
.avantage__feuille { position: absolute; top: 14px; right: 16px; width: 22px; color: var(--green); transform: rotate(12deg); }
.avantage__icone {
    width: 52px; height: 52px;
    border-radius: var(--r-md) var(--r-sm) var(--r-md) var(--r-sm);
    background: var(--pale);
    color: var(--olive);
    display: grid; place-items: center;
}
.avantage--pale .avantage__icone { background: var(--white); }
.avantage__icone .icon { width: 26px; }
.avantage__titre { font-size: var(--fs-h3); }
.avantage__desc { color: var(--muted); font-size: var(--fs-sm); }
@media (max-width: 860px) {
    .avantages-grille { grid-template-columns: 1fr; max-width: 460px; margin-inline: auto; }
}

/* --- Étapes -------------------------------------------------------------- */
.partenaires-etapes__blob { width: 200px; height: 200px; left: -90px; top: 120px; }

/* --- Candidature --------------------------------------------------------- */
.partenaires-candidature__blob { width: 280px; height: 280px; right: -130px; top: 40px; }
.partenaires-candidature__intro { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.partenaires-candidature__media { position: relative; width: 100%; margin-bottom: 6px; }
.partenaires-candidature__photo {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: var(--r-petale) var(--r-md) var(--r-petale) var(--r-md);
}
.partenaires-candidature__media .partenaires-visuel__bulle { top: -10px; right: 22px; }
.partenaires-candidature__titre { font-size: var(--fs-h2); }
.partenaires-candidature__form { width: 100%; }