/* ============================================================
   SYT — BLOG (V3). Se suma a styles.css; no lo reemplaza.
   ============================================================ */
.preview-bar{background:var(--aubergine-deep);color:#E3D8E4;font-family:var(--display);font-size:11px;
  font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:8px 16px}
.post-head{padding:64px 0 44px;border-bottom:1px solid var(--hairline)}
.post-head-in{}
.crumbs{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--orange);margin-bottom:22px}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs span{color:var(--hairline);margin:0 10px}
.post-head h1{font-size:clamp(32px,3.9vw,50px);margin-bottom:22px;max-width:24ch}
.post-meta{font-size:15px;color:var(--slate)}
.post-meta span{margin:0 10px;color:var(--hairline)}
.post{padding:56px 0 88px}
.post-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:72px;align-items:start}
.post-body{max-width:70ch;font-size:18px;line-height:1.75;color:#2B252A}
.post-body p{margin-bottom:22px}
.post-body h2{font-size:clamp(24px,2.4vw,30px);margin:52px 0 18px;scroll-margin-top:96px;color:var(--ink)}
.post-body ul,.post-body ol{margin:0 0 24px;padding-left:0;list-style:none}
.post-body li{position:relative;padding-left:26px;margin-bottom:12px}
.post-body ul li::before{content:"";position:absolute;left:0;top:13px;width:11px;height:2px;background:var(--orange)}
.post-body ol{counter-reset:n}
.post-body ol li{counter-increment:n}
.post-body ol li::before{content:counter(n);position:absolute;left:0;top:1px;font-family:var(--display);
  font-weight:700;font-size:15px;color:var(--orange)}
.post-body strong{font-weight:600;color:var(--ink)}
.post-body a{color:var(--ember);text-decoration-thickness:1px;text-underline-offset:3px}
.post-body em{color:var(--slate)}
.answer{background:var(--bone);border-left:3px solid var(--orange);padding:28px 32px;margin-bottom:40px}
.answer .k,.post-toc .k{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--slate);display:block;margin-bottom:12px}
.answer p{font-size:19px;line-height:1.65;color:var(--ink);margin:0}
.tbl{overflow-x:auto;margin:8px 0 30px;border:1px solid var(--hairline)}
.tbl table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.55}
.tbl th{font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  text-align:left;background:var(--aubergine);color:#fff;padding:14px 16px}
.tbl td{padding:14px 16px;border-top:1px solid var(--hairline);vertical-align:top}
.tbl tr:nth-child(even) td{background:#FBFAF9}
.post-body h2#fuentes{font-size:20px;margin-top:64px;padding-top:28px;border-top:1px solid var(--hairline)}
.post-body h2#fuentes + ul{font-size:15px;line-height:1.6;color:var(--slate)}
.post-toc{position:sticky;top:100px;border-top:2px solid var(--ink);padding-top:20px}
.post-toc ol{list-style:none;counter-reset:t;margin-bottom:28px}
.post-toc li{counter-increment:t;padding:9px 0 9px 28px;position:relative;border-bottom:1px solid var(--hairline);
  font-size:14px;line-height:1.45}
.post-toc li::before{content:counter(t,decimal-leading-zero);position:absolute;left:0;top:10px;
  font-family:var(--display);font-size:11px;font-weight:600;color:var(--orange)}
.post-toc a{text-decoration:none;color:var(--ink)}
.post-toc a:hover{color:var(--orange)}
.toc-svc{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.04em;
  color:var(--orange)!important}
@media (max-width:960px){
  .post-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .post-toc{display:none}
}
@media (max-width:640px){
  .post-head{padding:40px 0 30px}
  .post{padding:36px 0 64px}
  .post-body{font-size:17px}
  .answer{padding:22px 22px}
  .answer p{font-size:17px}
  .tbl table{font-size:14px;min-width:560px}
}
@media (max-width:640px){
  .tbl{border:none;overflow:visible}
  .tbl table{min-width:0}
  .tbl thead{display:none}
  .tbl tr{display:block;border:1px solid var(--hairline);border-top:3px solid var(--orange);margin-bottom:14px}
  .tbl tr:nth-child(even) td{background:#fff}
  .tbl td{display:block;border-top:1px solid var(--hairline);padding:12px 16px}
  .tbl td:first-child{border-top:none;font-weight:600;color:var(--ink)}
  .tbl td::before{content:attr(data-label);display:block;font-family:var(--display);font-size:11px;
    font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-bottom:4px}
}


/* ---- Índice del blog (agregado en V3 por el encargo del sitio) ---- */
.post-list{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.post-card{display:flex;flex-direction:column;border:1px solid var(--hairline);
           padding:30px 30px 26px;text-decoration:none;color:inherit;
           transition:border-color .2s,box-shadow .2s}
.post-card:hover,.post-card:focus-visible{border-color:var(--ink);
           box-shadow:0 14px 44px -26px rgba(26,20,24,.4)}
.post-card-meta{font-family:var(--display);font-size:12px;font-weight:600;
           letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.post-card-meta span{margin:0 8px;color:var(--hairline)}
.post-card h2{font-size:21px;line-height:1.3;margin:14px 0 12px}
.post-card p{color:var(--slate);font-size:15px;margin-bottom:22px}
.post-card .go{margin-top:auto;font-family:var(--display);font-size:13px;font-weight:600;
           color:var(--orange)}
@media (max-width:860px){.post-list{grid-template-columns:1fr}}