/* Bloc « Bulles » — mêmes règles sur le site et dans l'aperçu de l'éditeur.
   Réglages du bloc : design (d-chiffre / d-carte / d-ligne / d-photo), alignement (a-centre / a-gauche),
   --cols (nombre de colonnes), --b-titre (couleur du titre), --b-fond (fond des bulles). */
.bulles-grille{display:flex;flex-wrap:wrap;gap:14px;max-width:1040px;--cols:3}
.bulles-grille.a-centre{justify-content:center;margin-inline:auto}
.bulle-el{flex:0 1 calc((100% - (var(--cols) - 1) * 14px) / var(--cols));min-width:0;box-sizing:border-box;
  background:var(--b-fond,#fff);border:1px solid #e2e1ef;border-radius:20px;padding:18px;color:#14163a}
.b-corps{min-width:0}
.b-titre{margin:0 0 4px;overflow-wrap:anywhere;font-weight:700;line-height:1.2;font-family:var(--f-display,"Livvic","Poppins",sans-serif)}
.b-texte{margin:0;overflow-wrap:anywhere;font-size:14px;color:#5d6080;line-height:1.55}
.b-visuel{border-radius:50%;display:grid;place-items:center;overflow:hidden;flex-shrink:0;
  background:color-mix(in srgb,#f7cc4a 30%,#fff)}
.b-visuel img{width:100%;height:100%;object-fit:cover;display:block}

/* Chiffre : grand chiffre en couleur */
.d-chiffre .b-visuel{width:44px;height:44px;font-size:22px;margin-bottom:10px}
.d-chiffre .b-titre{font-size:clamp(22px,2.6vw,30px);color:var(--b-titre,#ea4d6c)}
/* Carte : picto centré au-dessus */
.d-carte .bulle-el{text-align:center}
.d-carte .b-visuel{width:72px;height:72px;font-size:36px;margin:0 auto 12px}
.d-carte .b-titre{font-size:18px;color:var(--b-titre,#080d73)}
/* Ligne : picto à gauche, texte à droite */
.d-ligne .bulle-el{display:flex;gap:14px;align-items:center}
.d-ligne .b-visuel{width:56px;height:56px;font-size:28px}
.d-ligne .b-titre{font-size:17px;color:var(--b-titre,#080d73)}
/* Photo : grande image en haut */
.d-photo .bulle-el{padding:0;overflow:hidden}
.d-photo .b-visuel{width:100%;height:auto;aspect-ratio:4/3;border-radius:0;font-size:56px}
.d-photo .b-corps{padding:14px 16px 18px}
.d-photo .b-titre{font-size:18px;color:var(--b-titre,#080d73)}

.bulles-grille.coins-carres .bulle-el{border-radius:0}

@media (max-width:860px){.bulles-grille:not(.c1) .bulle-el{flex-basis:calc(50% - 7px)}}
@media (max-width:520px){.bulles-grille .bulle-el{flex-basis:100%}}