/* ── Alineación ────────────────────────────────── */
.post-body-container .ql-align-center  { text-align: center; }
.post-body-container .ql-align-right   { text-align: right; }
.post-body-container .ql-align-justify { text-align: justify; }
.post-body-container .ql-align-left    { text-align: left; }

/* ── Dirección RTL ─────────────────────────────── */
.post-body-container .ql-direction-rtl { direction: rtl; text-align: inherit; }

/* ── Indentación ───────────────────────────────── */
.post-body-container .ql-indent-1  { padding-left: 3em; }
.post-body-container .ql-indent-2  { padding-left: 6em; }
.post-body-container .ql-indent-3  { padding-left: 9em; }
.post-body-container .ql-indent-4  { padding-left: 12em; }
.post-body-container .ql-indent-5  { padding-left: 15em; }
.post-body-container .ql-indent-6  { padding-left: 18em; }
.post-body-container .ql-indent-7  { padding-left: 21em; }
.post-body-container .ql-indent-8  { padding-left: 24em; }

/* ── Tamaño de fuente ──────────────────────────── */
.post-body-container .ql-size-small  { font-size: 0.75em; }
.post-body-container .ql-size-large  { font-size: 1.5em; }
.post-body-container .ql-size-huge   { font-size: 2.5em; }

/* ── Familia de fuente ─────────────────────────── */
.post-body-container .ql-font-serif     { font-family: Georgia, 'Times New Roman', serif; }
.post-body-container .ql-font-monospace { font-family: Monaco, 'Courier New', monospace; }

/* ── Headings ──────────────────────────────────── */
.post-body-container h1 { font-size: 2em;    font-weight: bold; margin: 0.67em 0; }
.post-body-container h2 { font-size: 1.5em;  font-weight: bold; margin: 0.83em 0; }

/* ── Blockquote ────────────────────────────────── */
.post-body-container blockquote {
    border-left: 4px solid #ccc;
    margin: 1em 0;
    padding-left: 1em;
    color: #555;
    font-style: italic;
}

/* ── Code block ────────────────────────────────── */
.post-body-container pre.ql-syntax {
    background: #23241f;
    color: #f8f8f2;
    border-radius: 4px;
    padding: 1em;
    overflow-x: auto;
    font-family: Monaco, 'Courier New', monospace;
    font-size: 0.9em;
    white-space: pre-wrap;
}

/* ── Código inline ─────────────────────────────── */
.post-body-container code {
    background: #f0f0f0;
    border-radius: 3px;
    padding: 2px 5px;
    font-family: Monaco, 'Courier New', monospace;
    font-size: 0.9em;
}

/* ── Listas ────────────────────────────────────── */
.post-body-container ul,
.post-body-container ol {
    padding-left: 1.5em;
    margin: 0.5em 0;
}
.post-body-container li { margin: 0.25em 0; }

/* ── Superíndice / Subíndice ───────────────────── */
.post-body-container sub { vertical-align: sub; font-size: smaller; }
.post-body-container sup { vertical-align: super; font-size: smaller; }

/* ── Links ─────────────────────────────────────── */
.post-body-container a { color: #06c; text-decoration: underline; }
.post-body-container a:hover { color: #004a99; }

/* ── Párrafos y espaciado general ──────────────── */
.post-body-container p  { margin: 0 0 0.5em; line-height: 1.7; }
.post-body-container br { display: block; content: ''; margin: 0.25em 0; }