/* SmidigLab — lectura del blog */
.articulo { padding: 44px 0 70px; }
.articulo .container { max-width: 760px; }
.articulo .volver { display: inline-block; margin-bottom: 18px; font-size: .9rem; color: #1a4d7a; text-decoration: none; }
.articulo h1 { font-size: 2.1rem; line-height: 1.25; color: #0A2A4A; margin-bottom: 8px; }
.articulo .meta { color: #5c6b78; font-size: .9rem; margin-bottom: 30px; }
.articulo h2 { font-size: 1.45rem; color: #0A2A4A; margin: 36px 0 10px; }
.articulo h3 { font-size: 1.15rem; color: #0A2A4A; margin: 26px 0 8px; }
.articulo p, .articulo li { color: #2c3e50; line-height: 1.75; margin-bottom: 14px; }
.articulo ul, .articulo ol { padding-left: 24px; margin-bottom: 18px; }
.articulo a { color: #1a4d7a; }
.articulo blockquote { border-left: 4px solid #d9822b; background: #fff; padding: 14px 18px; margin: 22px 0; border-radius: 4px; }
.articulo blockquote p { margin: 0; color: #0A2A4A; }
.articulo code { background: #eef2f6; padding: 1px 5px; border-radius: 3px; font-size: .92em; }
.articulo hr { border: 0; border-top: 1px solid #e3e8ee; margin: 34px 0; }
.articulo table { width: 100%; border-collapse: collapse; margin: 18px 0; font-size: .94rem; }
.articulo th, .articulo td { text-align: left; padding: 9px 12px; border-bottom: 1px solid #e8edf2; }
.articulo th { background: #f3f6f9; color: #0A2A4A; }
.llamada { background: #0A2A4A; color: #fff; border-radius: 12px; padding: 26px; margin-top: 44px; }
.llamada p { color: #dbe6f0; }
.llamada .btn { display: inline-block; margin: 8px 10px 0 0; }
.tarjeta { background: #fff; border: 1px solid #e3e8ee; border-radius: 10px; padding: 22px; margin-bottom: 16px; }
.tarjeta h2 { font-size: 1.2rem; margin: 4px 0 8px; }
.tarjeta h2 a { color: #0A2A4A; text-decoration: none; }
.tarjeta .leer { font-size: .9rem; color: #d9822b; text-decoration: none; font-weight: 600; }

/* ---------- Tema oscuro del blog ---------- */
html[data-tema="oscuro"] body { background: #0d1b26; color: #dbe6f0; }
html[data-tema="oscuro"] .articulo h1,
html[data-tema="oscuro"] .articulo h2,
html[data-tema="oscuro"] .articulo h3 { color: #eaf2f8; }
html[data-tema="oscuro"] .articulo p,
html[data-tema="oscuro"] .articulo li { color: #c3d2df; }
html[data-tema="oscuro"] .articulo .meta { color: #90a5b6; }
html[data-tema="oscuro"] .articulo a { color: #5fb3ea; }
html[data-tema="oscuro"] .tarjeta { background: #132230; border-color: #24405a; }
html[data-tema="oscuro"] .articulo blockquote { background: #132230; border-color: #d9822b; color: #cfdde9; }
html[data-tema="oscuro"] .articulo table th { background: #1b2c3b; color: #eaf2f8; }
html[data-tema="oscuro"] .articulo table td { border-color: #1f3446; color: #cfdde9; }