/* ===== LIA · estilos del blog (compartido) ===== */
:root { --cyan:#5fe6ff; --bg:#02040a; --card:#070f1a; --line:rgba(95,230,255,.16); --txt:#eafcff; --mut:#8fb4c4; }
* { box-sizing:border-box; margin:0; }
body { background:var(--bg); color:var(--txt); font-family:Inter,sans-serif; line-height:1.7; -webkit-font-smoothing:antialiased; }
h1,h2,h3 { font-family:'Space Grotesk',sans-serif; letter-spacing:-.015em; text-wrap:balance; }
.wrap { max-width:760px; margin:0 auto; padding:0 22px; }
.glow { color:var(--cyan); text-shadow:0 0 30px rgba(95,230,255,.5); }
header { position:sticky; top:0; z-index:20; background:rgba(2,4,10,.8); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }
header .wrap { max-width:960px; display:flex; align-items:center; justify-content:space-between; padding:13px 22px; }
.logo { font-family:'Space Grotesk',sans-serif; font-weight:700; letter-spacing:.44em; font-size:17px; text-decoration:none; color:var(--txt); }
.logo span { color:var(--cyan); }
.btn { display:inline-block; background:linear-gradient(180deg,#7cebff,#22a7c9); color:#02141b; font-weight:800; padding:14px 30px; border-radius:10px; text-decoration:none; font-size:14.5px; font-family:'Space Grotesk',sans-serif; }
.eyebrow { font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.32em; color:#6fa8bd; text-transform:uppercase; }

/* Cabecera de artículo */
.post-head { padding:52px 0 20px; }
.post-head h1 { font-size:clamp(28px,4.6vw,42px); font-weight:600; line-height:1.14; margin:12px 0 14px; }
.post-head .meta { font-family:'JetBrains Mono',monospace; font-size:11.5px; color:#6fa8bd; letter-spacing:.04em; }
.post-head .lead { color:var(--mut); font-size:17px; margin-top:14px; }

/* Cuerpo del artículo */
.post { padding:8px 0 30px; }
.post h2 { font-size:clamp(20px,3vw,26px); font-weight:600; margin:34px 0 12px; }
.post h3 { font-size:18px; margin:24px 0 8px; }
.post p { color:#cfe3ec; font-size:16.5px; margin:14px 0; }
.post ul, .post ol { color:#cfe3ec; font-size:16.5px; margin:14px 0 14px 4px; padding-left:22px; }
.post li { margin:8px 0; }
.post a { color:var(--cyan); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.post a:hover { text-shadow:0 0 20px rgba(95,230,255,.5); }
.post strong { color:var(--txt); }
.post blockquote { border-left:2px solid var(--cyan); background:var(--card); padding:14px 18px; margin:20px 0; color:var(--txt); font-family:'Space Grotesk',sans-serif; font-size:17px; }
.post .src { color:#6fa8bd; font-size:13px; }
.post .callout { border:1px solid var(--line); background:var(--card); padding:18px 20px; margin:22px 0; }
.post .callout b { color:var(--cyan); }

/* Tablas dentro del artículo */
.tblwrap { overflow-x:auto; border:1px solid var(--line); background:var(--card); margin:20px 0; }
table { width:100%; border-collapse:collapse; font-size:14.5px; min-width:460px; }
th, td { padding:11px 14px; text-align:left; border-bottom:1px solid rgba(95,230,255,.09); }
thead th { background:rgba(95,230,255,.07); font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.1em; color:var(--mut); text-transform:uppercase; }
.ok { color:#7dffc8; } .x { color:#ff8fa0; }

/* FAQ */
details { border:1px solid var(--line); margin-bottom:10px; background:var(--card); }
summary { padding:15px 18px; cursor:pointer; font-weight:600; font-size:15px; list-style:none; font-family:'Space Grotesk',sans-serif; }
summary::after { content:'+'; float:right; color:var(--cyan); }
details[open] summary::after { content:'−'; }
details p { padding:0 18px 15px; color:var(--mut); font-size:14.5px; margin:0; }

/* CTA en artículo */
.post-cta { border:1px solid var(--line); background:linear-gradient(180deg,rgba(95,230,255,.06),transparent); padding:26px 22px; margin:30px 0; text-align:center; }
.post-cta h3 { font-size:20px; margin-bottom:6px; }
.post-cta p { color:var(--mut); font-size:14.5px; margin-bottom:16px; }

/* Índice del blog */
.blog-hero { padding:56px 0 20px; text-align:center; }
.blog-hero h1 { font-size:clamp(30px,5vw,44px); font-weight:600; }
.blog-hero p { color:var(--mut); max-width:560px; margin:14px auto 0; font-size:16.5px; }
.cat { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.16em; color:var(--cyan); text-transform:uppercase; margin:36px 0 4px; }
.plist { display:grid; gap:12px; }
.plist a { display:block; border:1px solid var(--line); background:var(--card); padding:18px 20px; text-decoration:none; color:var(--txt); transition:transform .2s, border-color .2s; }
.plist a:hover { transform:translateY(-3px); border-color:rgba(95,230,255,.45); }
.plist a b { font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:16.5px; }
.plist a span { display:block; color:var(--mut); font-size:14px; margin-top:5px; }

footer { border-top:1px solid var(--line); padding:28px 0 40px; text-align:center; color:#54788b; font-size:12.5px; margin-top:20px; }
footer a { color:#7fa9bd; }