/* Blog de Golden Floors — complementa style.css (mismas variables de marca). */

/* Índice: tarjetas */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.post-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:var(--shadow-sm);transition:transform var(--ease),box-shadow var(--ease)}
.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.post-card a{display:flex;flex-direction:column;height:100%}
.post-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.post-card-body{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}
.post-card-meta{font-size:.82rem;color:var(--text-soft);margin-bottom:10px}
.post-card h3{font-size:1.24rem;margin-bottom:.5em}
.post-card p{color:var(--text-soft);font-size:.96rem;flex:1}
.post-card .textlink{align-self:flex-start;margin-top:8px}

/* Artículo */
.post-hero .pagehero-bg img{object-position:center 55%}
.post-hero h1{max-width:22ch}
.post-meta{font-size:.95rem!important;color:rgba(255,255,255,.75)!important}
.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.post-body{max-width:72ch;font-size:1.06rem}
.post-body h2{font-size:clamp(1.55rem,2.6vw,2.05rem);margin-top:1.6em}
.post-body h3{margin-top:1.3em}
.post-body ul,.post-body ol{padding-left:1.3em;margin:0 0 1.2em}
.post-body li{margin-bottom:.45em}
.post-body a{color:var(--gold-deep);border-bottom:1px solid var(--gold-light)}
.post-body a:hover{color:var(--ink);border-color:var(--gold)}
.post-body b{color:var(--ink)}
.post-note{background:var(--warm);border-left:4px solid var(--gold);border-radius:var(--radius-sm);
  padding:18px 22px;margin:1.4em 0;color:var(--text)}
.post-table{overflow-x:auto;margin:1.4em 0}
.post-table table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
.post-table th,.post-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.post-table th{font-family:var(--font-display);color:var(--ink);background:var(--warm)}
.post-cta{margin-top:2.4em;background:var(--charcoal);color:var(--text-dark);border-radius:var(--radius-lg);padding:30px 32px}
.post-cta b{display:block;color:#fff;font-family:var(--font-display);font-size:1.3rem;margin-bottom:.4em}
.post-cta p{color:var(--text-dark);margin-bottom:1.2em}
.post-cta a.btn{border:0}
.post-side{position:sticky;top:calc(var(--header-h) + 24px)}
.post-side-card{background:var(--warm);border-radius:var(--radius-lg);padding:24px 26px}
.post-side-card h4{margin-bottom:.8em}
.post-related{list-style:none;display:grid;gap:12px}

@media (max-width:980px){
  .post-grid{grid-template-columns:repeat(2,1fr)}
  .post-layout{grid-template-columns:minmax(0,1fr);gap:36px}
  .post-side{position:static}
}
@media (max-width:640px){
  .post-grid{grid-template-columns:1fr}
  .post-cta{padding:24px}
}