/* Página genérica (page.php): Contato e páginas legais. Só tokens de cor; o texto vem do editor do WordPress. */

.m-pagina__topo { padding-block: 88px 72px; }
.m-pagina__topo .m-titulo { margin: 0; max-width: 18ch; color: var(--cor-contraste); }
.m-pagina__lua { width: 180px; height: 360px; right: 0; top: -40px; }

.m-pagina__corpo { padding-block: 72px 96px; }
.m-pagina__conteudo { color: var(--cor-preto); }
.m-pagina__conteudo h2,
.m-pagina__conteudo h3 { color: var(--cor-contraste); letter-spacing: var(--tracking-titulo); line-height: 1.15; }
.m-pagina__conteudo h2 { font-size: var(--tipo-subtitulo-tamanho); margin-top: 2em; }
.m-pagina__conteudo h3 { font-size: 19px; margin-top: 1.6em; }
.m-pagina__conteudo ul,
.m-pagina__conteudo ol { padding-left: 1.2em; }
.m-pagina__conteudo li + li { margin-top: 0.4em; }
.m-pagina__conteudo a { color: var(--cor-contraste); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.m-pagina__conteudo a:hover { color: var(--cor-apoio-1); }
.m-pagina__conteudo strong { font-weight: 600; }
.m-pagina__conteudo table { width: 100%; border-collapse: collapse; display: block; overflow-x: auto; }
.m-pagina__conteudo th,
.m-pagina__conteudo td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--cor-off-white-2); }

/* Página não encontrada (404.php): os dois caminhos de volta e a busca. */
.m-pagina__botoes { display: flex; flex-wrap: wrap; gap: 12px; }
.gpc .m-pagina__conteudo a.m-btn--escuro { color: var(--cor-branco); }
.gpc .m-pagina__conteudo a.m-btn--traco { color: var(--cor-contraste); }
.m-pagina__conteudo .m-busca { margin-top: 8px; }

@media (max-width: 600px) {
	.m-pagina__topo { padding-block: 64px 48px; }
	.m-pagina__lua { width: 110px; height: 220px; top: -30px; }
	.m-pagina__corpo { padding-block: 48px 72px; }
}

/* Formulário do WPForms (página Contato): mesmos componentes do formulário da home, sem o visual padrão do plugin. */
.m-pagina__conteudo .wpforms-container .wpforms-field-label { font-weight: 600; color: var(--cor-contraste); font-size: var(--tipo-legenda-tamanho); }
.m-pagina__conteudo .wpforms-container .wpforms-required-label { color: var(--cor-contraste); }
.m-pagina__conteudo .wpforms-container input[type="text"],
.m-pagina__conteudo .wpforms-container input[type="email"],
.m-pagina__conteudo .wpforms-container input[type="tel"],
.m-pagina__conteudo .wpforms-container textarea {
	border: 0; border-bottom: 1.5px solid var(--cor-contraste); border-radius: 0; background: var(--cor-off-white-1);
	box-shadow: none; padding: 10px 2px; font: inherit; color: var(--cor-preto); max-width: 100%;
}
.m-pagina__conteudo .wpforms-container input:focus,
.m-pagina__conteudo .wpforms-container textarea:focus { outline: 2px solid var(--cor-apoio-2); outline-offset: 2px; }
.m-pagina__conteudo .wpforms-container button[type="submit"],
.m-pagina__conteudo .wpforms-container .wpforms-submit {
	background: var(--cor-contraste); color: var(--cor-branco); border: 0; border-radius: 0 999px 999px 0;
	padding: 14px 34px 14px 22px; font: 600 16px/1 var(--fonte-sans); box-shadow: none; cursor: pointer;
}
.m-pagina__conteudo .wpforms-container button[type="submit"]:hover { background: var(--cor-apoio-1); }
/* O WPForms moderno pinta botão e campos por variáveis próprias: aponta essas variáveis para os tokens da marca. */
.m-pagina__conteudo .wpforms-container {
	--wpforms-button-background-color: var(--cor-contraste);
	--wpforms-button-background-color-alt: var(--cor-contraste);
	--wpforms-button-text-color: var(--cor-branco);
	--wpforms-button-border-radius: 0 999px 999px 0;
	--wpforms-field-border-radius: 0;
	--wpforms-label-color: var(--cor-contraste);
}
