/* Ponte do layout antigo para o novo (repaginação de 20/10/2026).

   Carregada por inc/header.php depois do site.css, nas páginas que ainda usam
   os componentes antigos (/chatbot, /gestao, /imoveis, /hospedagem,
   /privacidade, 404 e as páginas públicas do /admin). A paleta e as fontes já
   eram as mesmas; o que muda aqui é o que separava as duas versões:
   - container de 1200px, alinhado com o cabeçalho novo (assets/v2/casca.css);
   - rótulos sem CAIXA ALTA espaçada (o layout novo não usa sobretítulo);
   - títulos com o peso e o espaçamento do layout novo;
   - cartões e botões no mesmo raio. */

.wrap { max-width: 1248px; padding: 0 24px; }
@media (max-width: 639px) { .wrap { padding: 0 16px; } }

/* rótulos */
.tag {
  font-family: var(--texto); font-size: 15px; font-weight: 600; letter-spacing: 0;
  text-transform: none; color: var(--azul-escuro);
}
.sec--escuro .tag { color: var(--azul-claro); }
.selo {
  font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none;
  color: #b6c6d6; border-color: rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .03); padding: 8px 16px;
}

/* títulos */
.hero h1 { font-weight: 700; letter-spacing: -.035em; line-height: 1.05; font-size: clamp(2.3rem, 5vw, 4rem); }
.cab h2, .final h2 { font-weight: 700; letter-spacing: -.03em; line-height: 1.1; }
.cab h2 { font-size: clamp(1.9rem, 3.6vw, 3rem); }
.final h2 { font-size: clamp(2.1rem, 4.6vw, 3.6rem); }

/* superfícies */
.plano, .faq details, .area, .sistema { border-radius: 14px; }
.final { text-align: left; background: radial-gradient(60% 70% at 20% 30%, rgba(47, 132, 197, .2), transparent 70%), var(--navy); padding: 112px 0; }
.final p { margin-left: 0; }
.final .ctas { justify-content: flex-start; }