/* ============================================================ PÁGINA INICIAL — complemento de css/styles.css Escopado em `.page-home` (classe no de index.html). Nenhum token é redefinido e nenhuma regra global é sobrescrita: as outras páginas do site não são afetadas por este arquivo. Direção: elevar a execução dentro do sistema existente — navy #0b1320 / latão #b8960c / osso #f0ebe2, Cormorant + DM Sans. Sem cores novas, sem fontes novas. ============================================================ */ /* ============================================================ 1. HERO — índice de triagem no lugar do checklist genérico O card lateral do hero listava documentos como se fossem um processo em 4 passos (01/02/03/04), mas a lista não é uma sequência — é uma checklist. O card vira o que a leitora realmente procura ao abrir a home: "qual é o meu caso", com cada linha levando direto à página que trata dele. ============================================================ */ .page-home .hero-triage-list { display: block; margin: 0; padding: 0; list-style: none; } .page-home .hero-triage-list li { border-top: 1px solid var(--line) } .page-home .hero-triage-list li:first-child { border-top: 0 } .page-home .hero-triage-list a { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 14px 0; font-size: 14px; line-height: 1.4; color: var(--text-2); transition: color .2s; } .page-home .hero-triage-list a::after { content: "→"; color: var(--gold); flex-shrink: 0; transform: translateX(0); transition: transform .2s; } .page-home .hero-triage-list a:hover { color: var(--text) } .page-home .hero-triage-list a:hover::after { transform: translateX(4px) } /* ============================================================ 2. CARDS DE ÁREA — a norma no lugar do número decorativo As seis áreas não são passos de um processo: são um menu. O card-number (01–06) era puramente decorativo — um número grande que não significa nada. O rótulo agora é a base legal que efetivamente rege cada situação, já usada e revisada nas páginas internas correspondentes: informação que a leitora usa, não decoração. ============================================================ */ .page-home .card-tag { display: block; font-family: var(--body); font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--gold); margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid var(--gold-line); } @media (prefers-reduced-motion: reduce) { .page-home .hero-triage-list a, .page-home .hero-triage-list a::after { transition: none } }