@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";
.blog{--bg:#f8f9fb;--surface:#fff;--surface-2:#f8f9fb;--ink:#0a0a0a;--ink-2:#2a2a2a;--ink-3:#555;--ink-4:#888;--border:#e4e7ec;--border-2:#eef0f3;--accent:#00e5a0;--accent-ink:#00815c;--accent-soft:#00e5a01f;--serif:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;min-height:100vh}.blog *{box-sizing:border-box}.blog a{color:inherit;text-decoration:none}.blog-nav{justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;padding:26px 28px;display:flex}.blog-nav .marca{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:11px;font-size:15px;font-weight:700;display:flex}.blog-nav .marca svg{display:block}.blog-nav .volver{font-family:var(--mono);color:var(--ink-3);font-size:13px}.blog-nav .volver:hover{color:var(--accent-ink)}.blog-head{max-width:1080px;margin:0 auto;padding:40px 28px 24px}.blog-head .eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 14px;font-size:13px}.blog-head h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(34px,5vw,52px);font-weight:800;line-height:1.05}.blog-head p{color:var(--ink-2);max-width:60ch;margin:16px 0 0;font-size:19px;line-height:1.55}.blog-grupos{flex-direction:column;gap:44px;max-width:1080px;margin:0 auto;padding:24px 28px 90px;display:flex}.tanda-label{align-items:center;gap:14px;margin:0 0 18px;display:flex}.tanda-label .barra{background:var(--accent);border-radius:2px;width:3px;height:20px}.tanda-label span{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:14px;font-weight:500}.tanda-intro{color:var(--ink-2);max-width:70ch;margin:0 0 22px;font-size:16.5px;line-height:1.55}.blog-lista{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:720px){.blog-lista{grid-template-columns:1fr 1fr}}.tarjeta{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:24px 26px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 1px 2px #10181d0a}.tarjeta:hover{border-color:var(--accent-soft);transform:translateY(-2px);box-shadow:0 14px 34px -18px #10181d47}.tarjeta .paso{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);font-size:11px;font-weight:600}.tarjeta h2{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:23px;font-weight:700;line-height:1.2}.tarjeta .resumen{color:var(--ink-2);flex-grow:1;margin:0;font-size:15.5px;line-height:1.5}.tarjeta .meta{font-family:var(--mono);color:var(--ink-4);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.tarjeta .meta .tag{background:var(--accent-soft);color:var(--accent-ink);letter-spacing:.04em;border-radius:20px;padding:2px 8px}.articulo{max-width:720px;margin:0 auto;padding:24px 28px 100px}.articulo .eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 18px;font-size:13px;display:flex}.articulo .eyebrow .sep{color:var(--ink-4)}.articulo h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(32px,4.6vw,46px);font-weight:800;line-height:1.08}.articulo .meta{font-family:var(--mono);color:var(--ink-4);flex-wrap:wrap;gap:10px;margin:20px 0 0;font-size:12.5px;display:flex}.articulo .meta .tag{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:3px 10px}.articulo .regla-tope{background:var(--border);height:1px;margin:30px 0 6px}.cuerpo{color:var(--ink);font-size:18.5px;line-height:1.72}.cuerpo h2{letter-spacing:-.02em;text-wrap:balance;margin:44px 0 4px;font-size:27px;font-weight:700;line-height:1.2}.cuerpo h3{margin:32px 0 2px;font-size:20px;font-weight:700}.cuerpo p{margin:18px 0}.cuerpo strong{color:var(--ink);font-weight:700}.cuerpo em{font-style:italic}.cuerpo code{font-family:var(--mono);background:var(--surface);border:1px solid var(--border);color:var(--ink-2);border-radius:5px;padding:1px 6px;font-size:.85em}.cuerpo a{color:var(--accent-ink);text-underline-offset:2px;text-decoration:underline}.cuerpo ul,.cuerpo ol{margin:18px 0;padding-left:26px}.cuerpo li{margin:8px 0}.cuerpo blockquote{background:var(--surface);border-left:3px solid var(--accent);color:var(--ink);letter-spacing:-.01em;text-wrap:pretty;border-radius:0 10px 10px 0;margin:30px 0;padding:20px 26px;font-size:22px;font-weight:600;line-height:1.4}.cuerpo hr{background:var(--border);border:none;height:1px;margin:40px 0 24px}.cuerpo hr+p{color:var(--ink-3);font-size:14.5px;font-style:italic;line-height:1.6}.tabla-scroll{border:1px solid var(--border);border-radius:12px;margin:24px 0;overflow-x:auto}.cuerpo table{border-collapse:collapse;width:100%;font-family:var(--mono);font-variant-numeric:tabular-nums;min-width:440px;font-size:14px}.cuerpo thead th{text-align:left;background:var(--surface-2);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:500}.cuerpo tbody td{border-bottom:1px solid var(--border-2);color:var(--ink-2);padding:11px 16px}.cuerpo tbody tr:last-child td{border-bottom:none}.articulo-pie{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-top:26px;display:flex}.articulo-pie .volver{font-family:var(--mono);color:var(--accent-ink);font-size:14px}.articulo-pie .dom{font-family:var(--mono);color:var(--ink-4);font-size:13px}.blog :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.blog .cuerpo h2,.blog .cuerpo h3{scroll-margin-top:24px;position:relative}.blog .cuerpo .ancla{color:var(--ink-4);opacity:0;margin-left:.45em;font-weight:400;text-decoration:none;transition:opacity .15s}.blog .cuerpo h2:hover .ancla,.blog .cuerpo h3:hover .ancla,.blog .cuerpo .ancla:focus-visible{opacity:1}.blog .cuerpo .ancla:hover{color:var(--accent-ink)}@media (hover:none){.blog .cuerpo .ancla{opacity:.35}}.blog .indice{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin:0 0 32px;padding:16px 18px}.blog .indice-rot{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);margin:0 0 10px;font-size:10px}.blog .indice ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.blog .indice a{color:var(--ink-2);border-radius:6px;align-items:baseline;gap:12px;margin:0 -8px;padding:7px 8px;font-size:14.5px;line-height:1.4;text-decoration:none;transition:background .15s,color .15s;display:flex}.blog .indice a:hover{background:var(--accent-soft);color:var(--ink)}.blog .indice .n{font-family:var(--mono);color:var(--accent-ink);flex-shrink:0;min-width:18px;font-size:11px}.blog .bloque-codigo{background:var(--ink);border-radius:10px;margin:28px 0;position:relative;overflow:hidden}.blog .bloque-codigo .lenguaje{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffff6b;font-size:9.5px;position:absolute;top:10px;right:14px}.blog .bloque-codigo pre{font-family:var(--mono);color:#e6e8ec;margin:0;padding:18px 20px;font-size:12.5px;line-height:1.72;overflow-x:auto}.blog .bloque-codigo code{color:inherit;background:0 0;padding:0;font-family:inherit}.blog .terminal{background:#0d1117;border:1px solid #ffffff17;border-radius:11px;margin:30px 0;overflow:hidden;box-shadow:0 1px 2px #0000003d,0 10px 26px -14px #00000080}.blog .terminal .barra{background:#161b22;border-bottom:1px solid #ffffff12;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.blog .terminal .punto{border-radius:50%;flex:none;width:10px;height:10px}.blog .terminal .punto.rojo{background:#ff5f57}.blog .terminal .punto.ambar{background:#febc2e}.blog .terminal .punto.verde{background:#28c840}.blog .terminal .titulo{font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;color:#fff6;white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:10.5px;overflow:hidden}.blog .terminal pre{font-family:var(--mono);color:#c9d1d9;font-variant-numeric:tabular-nums;white-space:pre;tab-size:4;margin:0;padding:17px 20px 19px;font-size:12.5px;line-height:1.78;overflow-x:auto}.blog .terminal code{color:inherit;background:0 0;border:0;padding:0;font-family:inherit}.blog .terminal .prompt{color:#00e5a0;font-weight:700}.blog .terminal .tecleado{color:#f0f6fc;font-weight:600}.blog .terminal .cab{color:#6e7681;text-transform:uppercase;letter-spacing:.06em;font-size:.92em}.blog .terminal .num{color:#f2b757}.blog .terminal .bien{color:#3fb950;font-weight:600}.blog .terminal .mal{color:#ff7b72;font-weight:600}.blog .terminal .anota{color:#6e7681;font-style:italic}.blog .terminal figcaption{background:var(--surface);border-top:1px solid var(--border);color:var(--ink-3);padding:13px 18px;font-size:14.5px;line-height:1.58}.blog .terminal figcaption:before{content:"↳";color:var(--ink-4);font-family:var(--mono);margin-right:9px}.blog .terminal figcaption code{background:var(--surface-2);border:1px solid var(--border);color:var(--ink-2);border-radius:4px;padding:1px 5px;font-size:.88em}.blog .terminal figcaption strong{color:var(--ink-2);font-weight:650}@media (max-width:640px){.blog .terminal pre{padding:14px 14px 16px;font-size:11px;line-height:1.7}.blog .terminal figcaption{padding:12px 14px;font-size:13.5px}}.blog .cifra-destacada{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent-ink);border-radius:10px;margin:34px 0;padding:22px 24px}.blog .cifra-destacada .valor{font-family:var(--mono);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(2rem,8vw,2.9rem);font-weight:700;line-height:1;display:block}.blog .cifra-destacada .pie{color:var(--ink-3);margin-top:10px;font-size:14.5px;line-height:1.5;display:block}.blog .grafica-barras{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:14px;margin:30px 0;padding:20px 22px;display:grid}.blog .fila-barra{grid-template-columns:minmax(84px,30%) 1fr auto;align-items:center;gap:12px;display:grid}.blog .fila-barra .et{color:var(--ink-2);font-size:13.5px;line-height:1.3}.blog .fila-barra .pista{background:var(--border-2);border-radius:5px;height:10px;overflow:hidden}.blog .fila-barra .relleno{background:var(--accent-ink);border-radius:5px;height:100%;display:block}.blog .fila-barra .val{font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;font-size:13px;font-weight:500}.blog .fila-barra .nota-barra{color:var(--ink-4);grid-column:2/-1;margin-top:-6px;font-size:12px;line-height:1.4}@media (max-width:620px){.blog .fila-barra{grid-template-columns:1fr auto;grid-template-areas:"et val""pista pista";gap:6px 10px}.blog .fila-barra .et{grid-area:et}.blog .fila-barra .val{grid-area:val}.blog .fila-barra .pista{grid-area:pista}.blog .fila-barra .nota-barra{grid-column:1/-1;margin-top:0}.blog .bloque-codigo pre{padding:16px 14px;font-size:11.5px}.blog .indice{padding:14px 15px}}.serie-nav{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:14px;margin:44px 0 0;padding:22px 24px;display:grid}.serie-nav .donde{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);font-size:11.5px}.serie-nav a{color:var(--ink);text-decoration:none;display:block}.serie-nav a .rotulo{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);font-size:11px}.serie-nav a .titulo{letter-spacing:-.015em;margin-top:4px;font-size:19px;font-weight:700;line-height:1.25;display:block}.serie-nav a:hover .titulo{text-underline-offset:3px;text-decoration:underline}