/* ============================================================
   HEROS DES PAGES INTERNES — style "uniflow" : colonne CENTREE,
   proportionnelle mobile / tablette / ordinateur.
   Charge APRES pages.css. Annule l'ancien layout absolu.
   Garde le design (couleurs, typo) de Global Essor.
============================================================ */

/* ---------- PRÉSENCE DIGITALE (.pd-hero) ---------- */
main > .pd-hero { padding-left: 0 !important; padding-right: 0 !important; }
main > .pd-hero .container {
  max-width: 940px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

main > .pd-hero .pd-hero-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 940px !important;
  margin: 0 auto !important;
  padding: clamp(1.75rem, 4vw, 3.25rem) 1.25rem clamp(2.25rem, 5vw, 4rem) !important;
  min-height: 0 !important;
}

main > .pd-hero .pd-hero-text,
main > .pd-hero .pd-hero-btns {
  position: static !important;
  transform: none !important;
  width: 100% !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  text-align: center !important;
  left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
}

main > .pd-hero .hero-label-pill { margin: 0 auto 1.1rem !important; }
main > .pd-hero .pd-hero-text h1 { margin: 0 auto 1.15rem !important; white-space: normal !important; }
main > .pd-hero .pd-hero-text h1 br,
main > .pd-hero .pd-hero-sub br { display: none !important; }
main > .pd-hero .pd-hero-sub { margin: 0 auto 1.9rem !important; max-width: 700px !important; }

main > .pd-hero .pd-hero-btns {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.7rem !important;
  margin-top: 0 !important;
}
/* 2e bouton = action distincte "Appeler directement" (secondaire). */
main > .pd-hero .pd-hero-btns .btn-pd-note {
  background: #EAF0FF !important;
  background-color: #EAF0FF !important;
  border: none !important;
  box-shadow: none !important;
  color: #1F4FD8 !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  padding: 0.85rem 1.5rem !important;
  border-radius: 999px !important;
}
main > .pd-hero .pd-hero-btns .btn-pd-note:hover { background: #1F4FD8 !important; background-color: #1F4FD8 !important; color: #fff !important; }

/* Animation/visuel du hero : masque pour l'instant (code conserve). */
main > .pd-hero .pd-hero-visual { display: none !important; }

/* ---------- IDENTITÉ DE MARQUE (.bb-hero) ---------- */
main > .bb-hero { padding-left: 0 !important; padding-right: 0 !important; }
main > .bb-hero .bb-hero__inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 940px !important;
  margin: 0 auto !important;
  padding: clamp(1.75rem, 4vw, 3.25rem) 1.25rem clamp(2.25rem, 5vw, 4rem) !important;
  min-height: 0 !important;
}
main > .bb-hero .bb-hero__left {
  position: static !important;
  transform: none !important;
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
main > .bb-hero .bb-kicker { margin: 0 auto 1.1rem !important; display: block !important; }
main > .bb-hero .bb-hero__title { margin: 0 auto 1.15rem !important; white-space: normal !important; }
main > .bb-hero .bb-hero__title br,
main > .bb-hero .bb-hero__subtitle br { display: none !important; }
main > .bb-hero .bb-hero__subtitle { margin: 0 auto 1.9rem !important; max-width: 700px !important; }
main > .bb-hero .bb-hero__ctaRow {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.7rem !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 820px !important;
}
/* Visuel orbital : masque pour l'instant (code conserve). */
main > .bb-hero .bb-hero__right { display: none !important; }