/* Blog de LinceCAD — estilos sobre estilo.css (usa sus tokens de color/tema claro-oscuro) */

.lista-posts { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 20px; }
.post-resumen { background: var(--superficie); border: 1px solid var(--borde); border-radius: 10px; padding: 18px 20px; }
.post-resumen h2 { margin: 0 0 4px; font-size: 1.3rem; }
.post-resumen h2 a { color: var(--texto); text-decoration: none; }
.post-resumen h2 a:hover { color: var(--enlace); }
.post-resumen p { margin: 6px 0 0; color: var(--suave); }

.meta { font-size: .9rem; color: var(--suave); margin: 0 0 12px; }
.leer-mas { font-weight: 600; }

/* Artículo */
.articulo { max-width: 44em; }
.articulo .volver { margin: 0 0 8px; }
.articulo h1 { margin: 4px 0 2px; line-height: 1.2; }
.articulo h2 { margin: 28px 0 8px; font-size: 1.4rem; }
.articulo p, .articulo li { line-height: 1.7; }
.articulo ul, .articulo ol { padding-left: 1.3em; }
.articulo li { margin: 4px 0; }
.articulo code { background: var(--fondo); border: 1px solid var(--borde); border-radius: 4px; padding: 1px 5px; font-size: .92em; }
.articulo .cta { margin-top: 28px; padding: 14px 18px; border-left: 4px solid var(--acento); background: var(--superficie); border-radius: 0 8px 8px 0; }
.articulo h3 { margin: 22px 0 4px; font-size: 1.12rem; }
.tabla-desplazable { overflow-x: auto; margin: 12px 0; }
.articulo table { border-collapse: collapse; width: 100%; font-size: .95rem; }
.articulo th, .articulo td { border: 1px solid var(--borde); padding: 6px 10px; text-align: left; vertical-align: top; }
.articulo th { background: var(--superficie); }
.articulo .captura { margin: 18px 0; }