/* DataSAI - Éléments de réassurance des bootcamps ouverts : bande sous les formules (garantie, paiement,
   contact), étapes après le paiement, encadré « promotion fondatrice », sommaire des modules verrouillés.
   Balisage posé par rassurer.py. */

/* Bande sous les formules */
.rs-bande { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 26px 0 0; }
html[data-currency="XOF"] .rs-bande { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html[data-currency="XOF"] .rs-paiement { display: none; }
.rs-item { display: flex; gap: 14px; align-items: flex-start; padding: 18px 18px; border-radius: 16px;
  background: #fff; border: 1px solid rgba(15,21,35,.09); box-shadow: 0 8px 24px rgba(15,21,35,.06); }
.rs-ico { flex: none; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; }
.rs-ico svg { width: 21px; height: 21px; }
.rs-garantie .rs-ico { background: rgba(16,185,129,.12); color: #047857; }
.rs-paiement .rs-ico { background: rgba(0,153,204,.12); color: #0369a1; }
.rs-contact .rs-ico { background: rgba(245,158,11,.14); color: #b45309; }
.rs-item strong { display: block; font-size: 15px; color: #0f1523; margin-bottom: 3px; }
.rs-item p { margin: 0; font-size: 14px; line-height: 1.55; color: #4a5468; }
.rs-item a { color: #0369a1; font-weight: 700; text-decoration: none; }
.rs-item a:hover { text-decoration: underline; }
.rs-cartes { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.rs-cartes span { font-size: 11px; font-weight: 800; letter-spacing: .5px; color: #1f2a3d; padding: 3px 8px; border-radius: 6px;
  background: #f1f4f9; border: 1px solid rgba(15,21,35,.1); }

/* Étapes après le paiement */
.rs-etapes { margin: 22px 0 0; padding: 26px 26px 22px; border-radius: 20px; background: #0f1023; color: #e2e8f0;
  border: 1px solid rgba(255,255,255,.06); box-shadow: 0 18px 44px rgba(15,21,35,.18); }
.rs-etapes h3 { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; font-size: 24px; color: #fff; margin: 0 0 18px; }
.rs-etapes ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; counter-reset: rs; }
.rs-etapes li { position: relative; padding: 16px 16px 16px 58px; border-radius: 14px; background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.07); counter-increment: rs; }
.rs-etapes li::before { content: counter(rs); position: absolute; left: 16px; top: 16px; width: 30px; height: 30px; border-radius: 50%;
  display: grid; place-items: center; font-weight: 800; font-size: 14px; color: #04131c; background: linear-gradient(135deg, #00d4ff, #10b981); }
.rs-etapes li strong { display: block; color: #fff; font-size: 15px; margin-bottom: 4px; }
.rs-etapes li span { font-size: 14px; line-height: 1.55; color: rgba(255,255,255,.68); }
.rs-etapes .rs-rappel { margin: 16px 0 0; font-size: 14px; color: rgba(255,255,255,.7); }
.rs-etapes .rs-rappel b { color: #6ee7b7; }

/* Promotion fondatrice (sous le profil, section Équipe pédagogique) */
.rs-fondatrice { display: flex; gap: 16px; align-items: center; margin: 16px 0 0; padding: 18px 22px; border-radius: 16px;
  background: linear-gradient(90deg, rgba(245,220,176,.35), rgba(245,220,176,.12)); border: 1px solid rgba(180,83,9,.2); }
.rs-fondatrice .rs-ico { background: #fff; color: #b45309; }
.rs-fondatrice strong { display: block; font-size: 15px; color: #1a1206; margin-bottom: 2px; }
.rs-fondatrice p { margin: 0; font-size: 14.5px; line-height: 1.6; color: #4a3a1f; }

/* Sommaire visible des modules verrouillés (AI Engineering) */
.rs-sommaire { margin: 44px 0 0; }
.rs-sommaire .rs-som-tete { margin-bottom: 16px; }
.rs-sommaire .rs-som-tete h3 { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; font-size: 26px; margin: 0 0 6px; color: #0f1523; }
.rs-sommaire .rs-som-tete p { margin: 0; font-size: 15px; color: #4a5468; }
.rs-som-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.rs-som-bloc { display: flex; gap: 12px; padding: 16px; border-radius: 14px; background: #15152e; border: 1px solid rgba(255,255,255,.07); }
.rs-som-bloc b { flex: none; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; font-size: 14px;
  color: #04131c; background: linear-gradient(135deg, #c084fc, #00d4ff); }
.rs-som-bloc strong { display: block; color: #fff; font-size: 15px; margin-bottom: 6px; }
.rs-som-bloc ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.rs-som-bloc li { font-size: 12.5px; color: rgba(255,255,255,.78); padding: 4px 9px; border-radius: 7px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); }

@media (max-width: 900px) {
  .rs-bande, html[data-currency="XOF"] .rs-bande, .rs-etapes ol { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .rs-etapes { padding: 22px 18px 18px; }
  .rs-fondatrice { align-items: flex-start; padding: 16px; }
}