/* ============================================================
   Dealer Solutions · blog y artículos
   Se carga después de site.css, solo en /blog
   ============================================================ */

/* --- índice del blog --- */
.blog-head{padding:56px 0 0}
.blog-head h1{font-size:clamp(2rem,4vw,3rem); margin-top:14px}
.blog-head p{color:var(--muted); margin-top:16px; max-width:58ch; font-size:1.05rem}
.blog-list{padding:38px 0 20px; display:grid; gap:1px; background:var(--line); border:1px solid var(--line)}
.post{background:var(--surface); display:grid; grid-template-columns:150px 1fr; gap:32px; padding:28px; text-decoration:none}
.post:hover{background:var(--surface-2)}
.post .meta{font-family:"IBM Plex Mono",monospace; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); display:grid; gap:6px; align-content:start}
.post .meta .cat{color:var(--accent)}
.post h2{font-size:1.42rem; font-variation-settings:"wdth" 110; margin-bottom:9px}
.post p{color:var(--muted); font-size:.97rem}
.post .go{margin-top:14px; display:inline-block; font-size:.88rem; font-weight:600; color:var(--accent-ink); border-bottom:1px solid var(--accent); padding-bottom:2px}
@media (max-width:760px){.post{grid-template-columns:1fr; gap:12px; padding:24px 22px}}
/* --- artículo --- */
.crumbs{padding:26px 0 0; font-family:"IBM Plex Mono",monospace; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted)}
.crumbs a{color:var(--muted); text-decoration:none}
.crumbs a:hover{color:var(--text)}
.art-head{padding:20px 0 0; max-width:80ch}
.art-head h1{font-size:clamp(1.95rem,4vw,3rem); margin-top:14px}
.art-meta{margin-top:20px; padding-top:14px; border-top:2px solid var(--accent); display:flex; flex-wrap:wrap; gap:8px 30px; font-family:"IBM Plex Mono",monospace; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted)}
.art{display:grid; grid-template-columns:1fr 230px; gap:56px; align-items:start; padding:38px 0 70px}
@media (max-width:960px){.art{grid-template-columns:1fr; gap:30px}}
.art-toc{position:sticky; top:80px; border-top:1px solid var(--line); padding-top:14px; order:2}
@media (max-width:960px){.art-toc{position:static; order:0}}
.art-toc h2{font-family:"IBM Plex Mono",monospace; font-size:.66rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); font-weight:500; margin-bottom:12px}
.art-toc ul{margin:0; padding:0; list-style:none; display:grid; gap:9px; font-size:.87rem}
.art-toc a{color:var(--muted); text-decoration:none}
.art-toc a:hover{color:var(--text)}
.body{max-width:70ch; order:1}
.body h2{font-size:1.42rem; font-variation-settings:"wdth" 110; margin:34px 0 12px; scroll-margin-top:90px}
.body h2:first-child{margin-top:0}
.body h3{font-size:1.06rem; margin:22px 0 8px}
.body p{color:var(--muted); margin-bottom:14px; font-size:1.01rem; line-height:1.68}
.body strong{color:var(--text); font-weight:600}
.body a{color:var(--text); border-bottom:1px solid var(--accent); text-decoration:none}
.body ul,.body ol{margin:0 0 16px; padding-left:1.2em; color:var(--muted); display:grid; gap:8px; font-size:1rem}
.body li::marker{color:var(--accent)}
.tldr{background:var(--surface); border:1px solid var(--line); border-left:3px solid var(--accent); padding:20px 22px; margin-bottom:28px}
.tldr h2{font-size:.7rem!important; font-family:"IBM Plex Mono",monospace; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin:0 0 10px!important; font-weight:500}
.tldr p{margin-bottom:8px; font-size:1.02rem; color:var(--text)}
.tldr p:last-child{margin-bottom:0}
.tabla{overflow-x:auto; margin:0 0 20px; border:1px solid var(--line)}
table{border-collapse:collapse; width:100%; background:var(--surface); font-size:.94rem}
th,td{text-align:left; padding:11px 14px; border-bottom:1px solid var(--line)}
th{font-family:"IBM Plex Mono",monospace; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); font-weight:500; background:var(--surface-2)}
td{color:var(--muted)}
td:first-child{color:var(--text); font-weight:500}
td.num{font-variant-numeric:tabular-nums; text-align:right; white-space:nowrap}
tr:last-child td{border-bottom:0}
.aviso{background:rgba(76,134,204,.09); border-left:3px solid var(--bull); padding:16px 20px; margin:0 0 20px}
.aviso p{margin:0; font-size:.96rem}
.fuentes{margin-top:34px; padding-top:16px; border-top:1px solid var(--line); font-size:.86rem; color:var(--muted)}
.fuentes h2{font-size:.68rem!important; font-family:"IBM Plex Mono",monospace; letter-spacing:.14em; text-transform:uppercase; margin:0 0 10px!important; color:var(--muted); font-weight:500}
.fuentes ul{padding-left:1.1em; gap:6px; font-size:.86rem}
.art-cta{margin-top:36px; background:var(--deep); color:var(--on-deep); padding:28px 30px}
.art-cta h2{color:var(--on-deep); margin:0 0 10px; font-size:1.3rem}
.art-cta p{color:var(--on-deep-muted); margin-bottom:18px}