/* B22 : Outbound au résultat (/generation-de-leads/prospection-b2b/), 05/10/2026. Complète load-gabarit-offres.css */

/* Sur-titre du haut de page */
main .hero__surtitre{margin:0 0 var(--e-2);font-family:var(--f-menu);font-weight:600;font-size:var(--t-mini);letter-spacing:var(--ls-capitales);text-transform:uppercase;color:#9A4A00}

/* Ancres sous l'en-tête fixe */
main section[id]{scroll-margin-top:96px}

/* Rendez-vous qualifié tenu : trois conditions en cartes, puis motif exclu */
main #rendez-vous-qualifie .etapes{margin-top:var(--e-4)}
main #rendez-vous-qualifie .rdv-motif{margin-top:var(--e-4)}
main #rendez-vous-qualifie .note{margin-top:var(--e-4)}

/* Paragraphes de définition successifs */
main #definition .definition+.definition{margin-top:var(--e-3)}

/* Prix : cartes sans texte additionnel, trois colonnes compris / payé par vous / pas compris */
main #tarif .roles .role__prix{margin-top:var(--e-2)}
main #tarif .comparer--trois{margin-top:var(--e-5);grid-template-columns:repeat(3,1fr)}
main #tarif .comparer--trois>.comparer__vous{border-top-color:var(--c-orange,#e07b00)}
@media (width<=900px){main #tarif .comparer--trois{grid-template-columns:1fr}}

/* Bandeau « offre en bref » : libellés longs sur deux lignes */
main .tarif__prix.tarif__prix--long{white-space:normal;text-align:right;max-width:60%}

/* Déroulement en cinq étapes : trois puis deux sur écran moyen */
@media (900px<width<=1100px){main #deroulement .etapes li{flex:0 0 calc(33.333% - var(--e-3))}}