/* Página inicial pública (2026-11-06) — por cima de legal.css. */
.landing { max-width: 880px; }
.landing nav { align-items: center; }
.nav-cta { background: var(--accent); color: #fff !important; text-decoration: none; font-weight: 800; border-radius: 999px; padding: 6px 14px; }
.hero { padding: 24px 0 8px; }
.eyebrow { color: var(--accent-text); font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; font-size: 13px; margin: 0; }
.hero h1 { font-size: clamp(30px, 6vw, 46px); line-height: 1.1; margin: 10px 0 14px; }
.lead { font-size: 18px; color: var(--muted); max-width: 640px; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin: 18px 0 6px; }
.hero-actions .cta { font-size: 17px; padding: 12px 24px; margin: 0; }
.hero-actions .link { font-weight: 800; }
.features { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.features .card { margin: 0; }
.features .card h3 { margin-top: 0; }
.features .card p { margin-bottom: 0; color: var(--muted); }
.tips li { margin: 10px 0; }
.tips b { color: var(--text); }
.bottom-cta { text-align: center; margin: 48px 0 8px; padding: 28px 16px; background: var(--panel); border: 1px solid var(--border); border-radius: 20px; }
.bottom-cta h2 { margin-top: 0; }

/* Guias (/guides/…, gerados por scripts/build-guides.mjs). */
.guide { max-width: 760px; }
.guide article h1 { font-size: clamp(28px, 5vw, 38px); line-height: 1.15; }
.guide article h2 { margin-top: 36px; }
.guide article p, .guide article li { font-size: 17px; line-height: 1.7; }
.guide article li { margin: 6px 0; }
.guide article blockquote { margin: 18px 0; padding: 12px 16px; border-left: 3px solid var(--accent); background: var(--panel); border-radius: 0 12px 12px 0; color: var(--muted); }
.breadcrumb { font-size: 14px; margin: 0; }
.guide-list { padding-left: 18px; }
.guide-cards { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin-top: 18px; }
.guide-card { display: block; margin: 0; text-decoration: none; color: var(--text); }
.guide-card h3 { margin-top: 0; color: var(--text); }
.guide-card p { color: var(--muted); font-size: 15px; }
.guide-card span { color: var(--accent-text); font-weight: 800; font-size: 14px; }