/*
 * Ajustes da landing page /projeto-arquitetonico/ (pagina estatica, sem Avada).
 * Achados da auditoria de responsividade de 28/10/2026.
 */

/* Numeros do topo: no celular a legenda ficava com 9,5px, ilegivel */
@media (max-width: 860px) {
	.hero-stats span { font-size: 12px !important; letter-spacing: .5px !important; }
}

/* Rotulos do formulario, prazo de cada etapa e etiqueta dos perfis:
 * 11 a 11,5px e pouco para ler no celular */
@media (max-width: 860px) {
	.field label { font-size: 12.5px !important; letter-spacing: .8px !important; }
	.stp .prazo, .perfil .tag { font-size: 12px !important; letter-spacing: 1px !important; }
}

/* Links pequenos do rodape: area de toque maior sem mudar o desenho */
@media (max-width: 860px) {
	footer a { position: relative; }
	footer a::after { content: ""; position: absolute; inset: -12px -6px; }
}

/* Contraste (28/10, Acessibilidade 100): em fundo claro o dourado vira bronze
   escuro; no fundo escuro (topo, faixa final) fica o dourado de sempre.
   Botao dourado ganha letra escura. */
:root{--gold-d:#8a5a26;--muted:#6b645e}
.eyebrow,.strip p,.stp .n,.perfil .tag,summary::after{color:#8a5a26}
.bg-dark .eyebrow,.close-sec .eyebrow,.hero .eyebrow{color:var(--gold)}
.btn{color:#141414}