/* ============================================
   REDISEÑO 2026 — BLOG (index + posts)
   Listado editorial y prosa de artículo.
   ============================================ */
/* Listado */
.bhero{padding-block:56px 46px;border-bottom:1px solid var(--ink)}
.bhero .kick{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--acc);font-weight:500}
.bhero h1{font-family:"Unbounded","Space Grotesk",sans-serif;font-weight:700;font-size:clamp(30px,4.6vw,54px);line-height:1.1;margin:18px 0 12px}
.bhero p{color:var(--muted);font-size:16.5px;max-width:56ch;text-wrap:pretty}
.blist{padding-block:48px 72px;display:grid;gap:22px;max-width:900px;list-style:none}
.bcard{display:grid;grid-template-columns:230px 1fr;gap:24px;border:1px solid var(--line);padding:18px;align-items:center;transition:border-color .2s,translate .2s}
.bcard:hover{border-color:var(--ink);translate:0 -3px}
.bcard .th{border:1px solid var(--line);overflow:hidden}
.bcard .th img{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block}
.bcard .meta{display:flex;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px;flex-wrap:wrap}
.bcard .meta .cat{color:var(--acc);font-weight:700}
.bcard h2{font-family:"Unbounded","Space Grotesk",sans-serif;font-weight:500;font-size:17.5px;line-height:1.3;color:var(--ink)}
.bcard:hover h2{color:var(--acc-d)}
.bcard p{color:var(--muted);font-size:14.5px;margin-top:8px;text-wrap:pretty}
.bcard .read{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:600;color:var(--ink)}
@media(max-width:720px){.bcard{grid-template-columns:1fr}}
/* Artículo */
.postmain{overflow-x:clip}
.post-wrap{max-width:760px;margin:0 auto;padding:44px 24px 0}
.post-crumbs{font-size:12.5px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}
.post-crumbs a{color:var(--muted)}
.post-crumbs a:hover{color:var(--ink)}
.post-crumbs .sep{opacity:.5}
.post-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--acc);font-weight:700;margin-top:30px}
.post-title{font-family:"Unbounded","Space Grotesk",sans-serif;font-weight:700;font-size:clamp(23px,3.4vw,38px);line-height:1.18;letter-spacing:-.01em;margin:14px 0 14px;text-wrap:pretty}
.post-meta{color:var(--muted);font-size:13.5px;display:flex;gap:10px;flex-wrap:wrap}
.post-meta .dot{opacity:.5}
.post-body{margin-top:32px;font-size:16.5px;line-height:1.75}
.post-lead{font-size:18px;color:var(--muted);text-wrap:pretty}
.post-body p{margin:15px 0}
.post-body h2{font-family:"Unbounded","Space Grotesk",sans-serif;font-weight:500;font-size:20px;line-height:1.3;margin:40px 0 6px}
.post-body h3{font-weight:600;font-size:17px;margin:26px 0 4px}
.post-body ul,.post-body ol{margin:15px 0 15px 24px}
.post-body li{margin:7px 0}
.post-body a{text-decoration:underline}
.post-body strong,.post-body b{color:var(--ink)}
.post-body blockquote{border-left:3px solid var(--acc);padding:4px 18px;color:var(--muted);margin:20px 0}
.post-body table{width:100%;border-collapse:collapse;font-size:14.5px;margin:20px 0;line-height:1.5}
.post-body th,.post-body td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.post-body th{background:var(--hov);font-weight:600}
.post-body .tabla-scroll{overflow-x:auto}
.post-cta{border:1px solid var(--ink);box-shadow:10px 10px 0 var(--acc);padding:28px;margin:48px 0}
.post-cta-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--acc);font-weight:700}
.post-cta h2{font-family:"Unbounded","Space Grotesk",sans-serif;font-weight:700;font-size:21px;margin:10px 0 8px}
.post-cta p{color:var(--muted);font-size:15px;max-width:56ch}
.post-cta-btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--bg);padding:12px 22px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;font-weight:500;margin-top:16px;transition:background .2s,color .2s}
.post-cta-btn:hover{background:var(--acc);color:#fff}
.post-end{margin:36px 0 10px;font-size:11.5px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}
.post-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;border-top:1px solid var(--line);padding:22px 0 60px;align-items:start}
.post-nav-item{display:flex;flex-direction:column;gap:5px;color:var(--ink)}
.post-nav-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.post-nav-title{font-size:14px;font-weight:600;line-height:1.35}
.post-nav-item:hover .post-nav-title{color:var(--acc-d)}
.post-nav-back{align-self:center;justify-self:center;border:1px solid var(--ink);padding:10px 18px;font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}
.post-nav-back:hover{background:var(--ink);color:var(--bg)}
.post-nav-next{text-align:right;align-items:flex-end}
/* Legales */
.legal-wrap{max-width:800px;margin:0 auto;padding:48px 24px 64px;font-size:15.5px;line-height:1.7}
.legal-doc-header{margin-bottom:26px}
.legal-doc-header h1{font-family:"Unbounded","Space Grotesk",sans-serif;font-weight:700;font-size:clamp(24px,3.4vw,36px);line-height:1.15;margin:10px 0 8px}
.legal-doc-header .flex{display:flex;gap:10px}
.legal-doc-header span[data-i18n="legal.doc_tag"]{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--acc);font-weight:700}
.legal-doc-header p{font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.legal-panel{border:1px solid var(--line);padding:22px 24px;margin:14px 0}
.legal-h2{font-family:"Unbounded","Space Grotesk",sans-serif;font-weight:500;font-size:17px;display:flex;gap:12px;align-items:baseline;margin-bottom:8px}
.legal-num{color:var(--acc);font-weight:700;font-size:13px;flex:none}
.legal-text{color:var(--muted);margin:8px 0}
.legal-list{list-style:none;margin:10px 0;display:grid;gap:8px;color:var(--muted)}
.legal-key{font-weight:600;color:var(--ink)}
.legal-strong{color:var(--ink);font-weight:600}
.legal-link{text-decoration:underline;color:var(--ink)}
.legal-link:hover{color:var(--acc-d)}
[data-i18n="legal.doc_end"]{font-size:11.5px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:20px 0 0}
@media(max-width:720px){.post-nav{grid-template-columns:1fr}.post-nav-next{text-align:left;align-items:flex-start}.post-nav-back{justify-self:start}}