/* Blog técnico: tipografía de los artículos que se escriben en el CRM
   (HTML saneado del editor Quill: títulos, negrita, cursiva, listas, citas,
   links, imágenes y alineado). */

.contenido-articulo { font: 500 17px/1.85 Montserrat, system-ui, sans-serif; color: #26364F; overflow-wrap: break-word; }
.contenido-articulo > * { margin: 0 0 1.1em; }
.contenido-articulo > *:last-child { margin-bottom: 0; }
.contenido-articulo h2 { font: 800 clamp(21px, 2.4vw, 26px)/1.25 Montserrat, sans-serif; color: #0C1B33; letter-spacing: -.01em; margin: 1.7em 0 .55em; text-wrap: balance; }
.contenido-articulo h3 { font: 800 clamp(18px, 2vw, 21px)/1.3 Montserrat, sans-serif; color: #0C1B33; margin: 1.5em 0 .5em; }
.contenido-articulo h4 { font: 700 17px/1.4 Montserrat, sans-serif; color: #0C1B33; margin: 1.4em 0 .4em; }
.contenido-articulo strong, .contenido-articulo b { font-weight: 800; color: #0C1B33; }
.contenido-articulo a { color: #0B5FD4; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.contenido-articulo a:hover { color: #083F8F; }
.contenido-articulo ul, .contenido-articulo ol { padding-left: 1.3em; }
.contenido-articulo li { margin: .35em 0; padding-left: .2em; }
.contenido-articulo li::marker { color: #0B5FD4; font-weight: 800; }
.contenido-articulo blockquote { margin: 1.6em 0; padding: 18px 22px; border-left: 4px solid #0B5FD4; background: #F6F9FE; border-radius: 0 16px 16px 0; font-style: italic; color: #2B4A76; }
.contenido-articulo img { display: block; width: 100%; height: auto; border-radius: 18px; margin: 1.6em 0; }
.contenido-articulo figure { margin: 1.6em 0; }
.contenido-articulo figcaption { font-size: 13px; color: #5A7296; text-align: center; margin-top: 8px; }
.contenido-articulo pre, .contenido-articulo code { font-family: ui-monospace, Consolas, monospace; font-size: .9em; background: #F2F6FC; border-radius: 8px; }
.contenido-articulo code { padding: 2px 6px; }
.contenido-articulo pre { padding: 14px 16px; overflow-x: auto; }
.contenido-articulo hr { border: 0; border-top: 1px solid #E2EAF6; margin: 2em 0; }
.contenido-articulo .ql-align-center { text-align: center; }
.contenido-articulo .ql-align-right { text-align: right; }
.contenido-articulo .ql-align-justify { text-align: justify; }
.contenido-articulo .ql-indent-1 { padding-left: 2em; }
.contenido-articulo .ql-indent-2 { padding-left: 4em; }

.compartir { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 26px 0 8px; font: 700 13px Montserrat, sans-serif; color: #5A7296; }
.compartir-boton { padding: 10px 16px; min-height: 42px; font-size: 13px; }

.paginacion-blog { display: flex; gap: 14px; align-items: center; justify-content: center; flex-wrap: wrap; margin: 30px 0 0; font: 600 13px Montserrat, sans-serif; color: #5A7296; }