/* home.css — front-page only. Deferido (preload+onload) só em is_front_page().
 * CLS controlado: aspect-ratio em todos os containers, larguras/alturas em todas as imgs. */

.vd-home{padding-top:1rem}

/* ════ HERO ════ */
.vd-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:1.25rem;margin:1.5rem 0 2rem}
.vd-hero-main{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--texto);box-shadow:var(--sombra);border:1px solid var(--borda);transition:box-shadow .2s ease,transform .2s ease;position:relative}
.vd-hero-main:hover{box-shadow:var(--sombra-md);transform:translateY(-2px)}
.vd-hero-main-img{margin:0;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;background:var(--borda)}
.vd-hero-main-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}
.vd-hero-main:hover .vd-hero-main-img img{transform:scale(1.03)}
.vd-hero-main-body{padding:1.4rem 1.5rem 1.2rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.vd-hero-main-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.vd-hero-main-title{font-size:1.6rem;font-weight:800;line-height:1.3;color:var(--titulo);margin:0}
.vd-hero-main-excerpt{font-size:.92rem;color:var(--texto-sec);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.vd-hero-main-footer{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--texto-muted);margin-top:auto;flex-wrap:wrap}
.vd-hero-main-footer .vd-card-author{font-weight:600;color:var(--verde)}
.vd-hero-main-footer .meta-dot{opacity:.5}

.vd-hero-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-content:start}
.vd-hero-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--sombra);text-decoration:none;color:var(--texto);transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;border:1px solid var(--borda)}
.vd-hero-card:hover{box-shadow:var(--sombra-md);transform:translateY(-2px)}
.vd-hero-card-img{margin:0;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}
.vd-hero-card-img img{width:100%;height:100%;object-fit:cover}
.vd-hero-card-body{padding:.75rem .8rem .8rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.vd-hero-card-meta{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.vd-hero-card-title{font-size:.92rem;font-weight:700;color:var(--texto);line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.vd-hero-card-time{font-size:.72rem;color:var(--texto-muted)}
.vd-hero-card-foot{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--texto-muted);margin:auto 0 0;flex-wrap:wrap}
.vd-hero-card-foot .vd-card-author{font-weight:600;color:var(--verde)}
.vd-hero-card-foot .meta-dot{opacity:.5}

@media(max-width:1024px){
    .vd-hero{grid-template-columns:1fr;gap:1rem}
    .vd-hero-main-title{font-size:1.4rem}
    .vd-hero-sidebar{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
    .vd-hero-sidebar{grid-template-columns:1fr 1fr;gap:.7rem}
    .vd-hero-card-title{font-size:.85rem;-webkit-line-clamp:2}
    .vd-hero-main-title{font-size:1.25rem}
}

/* ════ QUICK LINKS (chips de categoria) ════ */
.vd-quick-links{background:var(--bg-card);border-radius:var(--radius);padding:1.25rem 1.5rem 1.4rem;margin:2rem 0;box-shadow:var(--sombra);border:1px solid var(--borda)}
.vd-quick-links-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--texto-sec);margin:0 0 .8rem}
.vd-quick-grid{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0;overflow-x:auto;scrollbar-width:none}
.vd-quick-grid::-webkit-scrollbar{display:none}
.vd-quick-grid li{margin:0;list-style:none;flex-shrink:0}
.vd-quick-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 1rem;border-radius:50px;font-size:.82rem;font-weight:600;color:#fff;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s ease,filter .15s ease;white-space:nowrap;min-height:36px}
.vd-quick-tag:hover{transform:translateY(-1px);filter:brightness(1.08);color:#fff}
.vd-quick-count{font-size:.72rem;opacity:.9;font-weight:500}

/* ════ SMART SECTION (Mais lidos) — overrides do single.css ════ */
.vd-home .vd-smart-section{background:var(--bg-card);border-radius:var(--radius);padding:1.25rem 1.5rem 1.5rem;margin:2rem 0;box-shadow:var(--sombra);border:1px solid var(--borda)}
.vd-home .vd-smart-section .vd-section-hdr{margin:0 0 1rem;padding:0;border:none}
.vd-home .vd-smart-card-rank{position:absolute;top:.4rem;left:.4rem;width:24px;height:24px;background:linear-gradient(135deg,var(--verde-claro),var(--verde));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;box-shadow:0 2px 6px rgba(0,0,0,.2);z-index:2}

/* ════ HOME GRID SECTION ════ */
.vd-home-grid-section{margin:2.5rem 0}

@media(max-width:768px){
    .vd-quick-links{padding:1rem 1.2rem}
    .vd-home-grid-section{margin:2rem 0}
}