/* =============================================================================
   Home — o que existe só nesta página.
   =============================================================================
   Carrega depois de css/otimizer.css e obedece à regra do projeto: só classes
   NOVAS, prefixadas por .home-. Nada aqui redefine seletor do padrão.

   Encolheu quando o cartão de formulário virou bloco compartilhado: `.home-form*`,
   `.home-campo` e `.home-hp` viraram `.pc-form*`, `.pc-campo` e `.pc-hp` na folha
   padrão, porque a página de contato passou a usar o mesmo cartão.

   A versão anterior deste arquivo não seguia essa regra: abria com
   `.lp{background:var(--bg)}`, mesma especificidade (0,1,0) de
   `.lp-site-header{background:var(--ink-deep)}` do padrão. Como o header carrega
   as duas classes e o CSS da página vem por último, o empate era decidido por
   ordem: o header ficava branco só na home, e a logo (que é a versão branca)
   sumia. Prefixo próprio não tem como colidir com o padrão — é essa a razão da
   regra, e não estética.
   ========================================================================== */

/* ---- mapa do Brasil -------------------------------------------------------
   A arte (só o mapa, com os pinos) sem cartão em volta: a moldura do .pc-card
   competiria com o contorno do próprio mapa. A lista dos estados é texto, no
   cartão escuro ao lado — abaixo do mapa no celular, em duas colunas. */
.home-mapa { max-width: 980px; margin-inline: auto; display: grid; gap: 1.5rem; align-items: center }
.home-mapa-arte img { width: 100%; max-width: 620px; height: auto; display: block; margin-inline: auto }
.home-mapa-lista { background: var(--pc-navy); color: #fff; border-radius: 18px; padding: 1.5rem 1.5rem 1.6rem; box-shadow: 0 10px 30px rgba(15, 32, 39, .12) }
.home-mapa-titulo { margin: 0 0 1rem; color: #fff; font-size: 1.15rem; font-weight: 700; line-height: 1.3 }
.home-mapa-lista ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: .6rem 1rem }
.home-mapa-lista li { position: relative; padding-left: 1.1rem; font-size: 1rem; line-height: 1.35 }
.home-mapa-lista li::before { content: ""; position: absolute; left: 0; top: .5em; width: 8px; height: 8px; border-radius: 50%; background: var(--pc-laranja) }
@media (min-width: 768px) {
  .home-mapa { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 2.5rem }
  .home-mapa-lista { padding: 1.75rem 2rem 1.9rem }
  .home-mapa-lista ul { grid-template-columns: 1fr }
}