/**
 * Estilos scoped para contenido HTML enriquecido (Bienvenida, Centro de ayuda).
 * Clases permitidas por WelcomeHtmlSanitizer; no usar fuera de .bm-rich-content.
 */
.bm-rich-content {
    line-height: 1.55;
    color: inherit;
}

.bm-rich-content :first-child {
    margin-top: 0;
}

.bm-rich-content :last-child {
    margin-bottom: 0;
}

/* Pasos numerados con círculos (ol.bm-content-steps) */
.bm-rich-content ol.bm-content-steps {
    list-style: none;
    margin: 1rem 0;
    padding: 0;
    counter-reset: bm-step;
}

.bm-rich-content ol.bm-content-steps > li {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin: 0 0 0.85rem;
    padding: 0;
    counter-increment: bm-step;
}

.bm-rich-content ol.bm-content-steps > li::before {
    content: counter(bm-step);
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: #1f2937;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 2rem;
    text-align: center;
}

.bm-rich-content ol.bm-content-steps > li:last-child {
    margin-bottom: 0;
}

/* Título con fondo suave */
.bm-rich-content .bm-content-title-bg,
.bm-rich-content h1.bm-content-title-bg,
.bm-rich-content h2.bm-content-title-bg,
.bm-rich-content h3.bm-content-title-bg,
.bm-rich-content h4.bm-content-title-bg {
    display: block;
    margin: 1rem 0;
    padding: 0.65rem 1rem;
    background: #f1f1f1;
    border-radius: 12px;
    text-align: center;
    font-weight: 700;
}

/* Texto / párrafo con fondo */
.bm-rich-content .bm-content-text-bg,
.bm-rich-content p.bm-content-text-bg {
    display: block;
    margin: 0.75rem 0;
    padding: 0.65rem 1rem;
    background: #f1f1f1;
    border-radius: 10px;
}

/* Caja informativa */
.bm-rich-content .bm-content-info-box,
.bm-rich-content blockquote.bm-content-info-box {
    display: block;
    margin: 1rem 0;
    padding: 0.75rem 1rem;
    background: #eef6ff;
    border: 1px solid #c7ddfc;
    border-radius: 10px;
    border-left: 4px solid #3b82f6;
    color: inherit;
}

.bm-rich-content blockquote.bm-content-info-box {
    quotes: none;
}

.bm-rich-content blockquote.bm-content-info-box::before,
.bm-rich-content blockquote.bm-content-info-box::after {
    content: none;
}