/* TEMA "ASFALTO E SINAL" — SITE DO PRODUTO (08/10/2026, aprovado pelo dono na prévia).
   Carregado DEPOIS de assets/locapronto.css nas páginas do LocaFácil (locafacil.html, cadastro.html).
   Troca o marinho e o vermelho pelo grafite e verde-limão, tira os degradês e brilhos e troca as
   fontes. Estrutura, planos (que vêm do painel) e formulário continuam iguais.
   Para desfazer: apagar o <link ... tema-asfalto-site.css> das páginas. */
:root {
  --lp-navy: #0E1A24;
  --lp-navy-2: #0E1A24;
  --lp-navy-3: #1B2A36;
  --lp-linha: rgba(255, 255, 255, 0.09);
  --lp-vermelho: #D4F04A;
  --lp-vermelho-2: #C3DE3A;
  --lp-verde: #7FD69F;
  --lp-verde-2: #1F7A4D;
  --lp-texto-claro: #C9D3DA;
  --lp-texto-suave: #93A3AE;
  --lp-fundo-claro: #F3F5F2;
  --lp-texto: #0E1A24;
  --lp-cinza: #52606B;
  --lp-fonte: 'Figtree', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  --la-titulo: 'Bricolage Grotesque', 'Segoe UI', system-ui, sans-serif;
  --la-sinal-texto: #3E5200;
}

body.lp h1, body.lp h2, body.lp h3, body.lp .lp-cabecalho h2 { font-family: var(--la-titulo); letter-spacing: -0.02em; }

/* Fundo do topo: grafite liso, sem os brilhos vermelho e azul */
.lp-hero { background: var(--lp-navy) !important; }
.lp-secao-escura-2 { background: var(--lp-navy); }

/* Botões de ação: verde-limão com texto grafite, sem degradê nem sombra colorida */
.lp-botao-vermelho,
body.lp .plano .plano-rodape .botao,
body.lp .lp-cadastro #botaoCadastrar {
  background: #D4F04A !important;
  color: #0E1A24 !important;
  box-shadow: none !important;
}
.lp-botao-vermelho:hover,
body.lp .plano .plano-rodape .botao:hover,
body.lp .lp-cadastro #botaoCadastrar:hover { background: #C3DE3A !important; box-shadow: none !important; }
body.lp .plano:not(.plano-destaque) .plano-rodape .botao { background: #1B2A36 !important; color: #fff !important; }
body.lp .plano:not(.plano-destaque) .plano-rodape .botao:hover { background: #D4F04A !important; color: #0E1A24 !important; }
.lp-botao-verde { background: #1F7A4D; box-shadow: none; }

/* Selo "Mais escolhido" e números dos passos */
body.lp .plano.plano-destaque::before { background: #D4F04A; color: #0E1A24; }
.lp-passo-numero { background: #0E1A24; color: #D4F04A; }

/* Textos que eram vermelhos: sobre fundo claro viram verde-oliva escuro (lê bem); sobre escuro, limão */
.lp-secao-clara .lp-rotulo, .lp-secao-clara .lp-cabecalho .lp-rotulo,
body.lp .lp-trocar, .lp-cadastro .lp-trocar,
.lp-secao-clara .lp-vermelho-txt, body.lp .lp-secao-clara .plano .plano-limite { color: var(--la-sinal-texto); }
body.lp .lp-cadastro textarea:focus, body.lp .lp-cadastro input:focus, body.lp .lp-cadastro select:focus {
  border-color: #0E1A24; box-shadow: 0 0 0 3px rgba(212, 240, 74, 0.55);
}

/* Faixa de ajuda: grafite com o botão branco */
.lp-ajuda { background: #1B2A36; }
.lp-ajuda .lp-botao-branco { color: #0E1A24 !important; }

/* Ícones dos recursos: um só tom, sem o azul e o verde alternados */
.lp-recurso .lp-icone,
.lp-recurso:nth-child(3n+2) .lp-icone,
.lp-recurso:nth-child(3n) .lp-icone { background: #0E1A24; color: #D4F04A; }
.lp-secao-clara .lp-faq summary::after, .lp-faq summary::after { color: var(--la-sinal-texto); }
.lp-secao-escura .lp-faq summary::after, .lp-secao-escura-2 .lp-faq summary::after { color: #D4F04A; }
.lp-flutuante svg { color: var(--la-sinal-texto); }
.lp-contato-item a:hover { color: var(--la-sinal-texto); }
/* Cartão do plano é branco: o limite de veículos vira verde-oliva (o limão some no branco) */
body.lp .plano .plano-limite { color: var(--la-sinal-texto); }
/* Sem brilho vermelho em volta dos blocos */
.lp-ajuda, .lp-passo-numero, body.lp .plano.plano-destaque { box-shadow: none !important; }
.lp-recurso:hover { border-color: #0E1A24; }
.lp-tela { box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.06) !important; background: #1B2A36 !important; }