/* Encart « honoraires et prise en charge » — page d'accueil de hugobourdon.com
   Feuille externe : une balise <style> dans le bloc HTML se fait battre par les
   feuilles du thème, que la spécificité seule ne suffit pas à dépasser.
   Portée sous #hb-honoraires : rien ne peut atteindre le reste du site.
   Le bouton n'est pas restylé ici — il reprend les classes de boutons du site
   (Spectra), donc il suivra automatiquement vos futurs changements de charte. */
#hb-honoraires{
  --hb-bleu:#1E88E5; --hb-encre:#1F2D3D; --hb-ardoise:#41526A; --hb-voile:#EFF6FC;
  background:var(--hb-voile); border-radius:24px; padding:52px 40px;
  margin:0 auto!important; max-width:1000px; text-align:center!important;
  font-family:"Open Sans",-apple-system,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
#hb-honoraires .hb-sur,
#hb-honoraires h2,
#hb-honoraires p{ text-align:center!important; margin-left:auto!important; margin-right:auto!important; }

#hb-honoraires .hb-sur{
  font-size:12.5px!important; letter-spacing:.08em; text-transform:uppercase;
  font-weight:700; color:var(--hb-bleu)!important; margin-top:0!important;
  margin-bottom:10px!important; max-width:none!important;
}
#hb-honoraires h2{
  font-size:clamp(24px,2.4vw,32px)!important; line-height:1.25; font-weight:700;
  color:var(--hb-bleu)!important; margin-top:0!important; margin-bottom:16px!important;
  font-family:inherit; max-width:none!important;
}
#hb-honoraires p{
  font-size:17px!important; line-height:1.65; color:var(--hb-ardoise)!important;
  margin-top:0!important; margin-bottom:12px!important; max-width:66ch;
  font-family:inherit;
}
#hb-honoraires p strong{ color:var(--hb-encre)!important; font-weight:600; }

#hb-honoraires .hb-social{
  display:block; margin:20px auto 4px!important; padding:12px 22px;
  background:#fff; border:1px solid #D3E2EF; border-radius:12px;
  font-size:15.5px!important; line-height:1.55; color:var(--hb-encre)!important;
  max-width:62ch;
}
#hb-honoraires .hb-social strong{ font-weight:700; color:var(--hb-encre)!important; }

/* le bouton du site, simplement recentré */
#hb-honoraires .uagb-button__wrapper{
  display:flex!important; justify-content:center!important; margin-top:24px;
}

@media(max-width:600px){
  #hb-honoraires{ padding:38px 22px; border-radius:18px; }
  #hb-honoraires p{ font-size:16px!important; }
  #hb-honoraires .hb-social{ font-size:14.5px!important; padding:11px 16px; }
}