/*
 * Correções pontuais sobre o bundle de CSS legado (assets/legacy-css/),
 * medidas ao vivo contra o site original em 2026-08-21.
 *
 * O bundle é a concatenação das folhas de estilo de 5 páginas-amostra
 * (harvest da Fase 3). Quando duas amostras trazem a mesma regra genérica com
 * valores diferentes, quem vence é simplesmente a última do arquivo -- que não
 * é necessariamente o valor real do tema. As regras abaixo restauram os
 * valores medidos no original. Este arquivo é enfileirado DEPOIS do bundle
 * (functions.php, prioridade 27), então ganha no empate de especificidade.
 */

/* Padding padrão de seção. O bundle terminava com `.dnd-section{padding:60px 20px}`
   (default antigo do layout da HubSpot que sobrou numa das amostras); o valor
   real do tema é `var(--hsElevate--section--medium__verticalPadding)
   var(--hsElevate--section--horizontalPadding)` = 96px 32px, conferido no
   original. Era isso que deixava as seções mais baixas e mais estreitas. */
.dnd-section {
	padding: var(--hsElevate--section--medium__verticalPadding, 96px)
	         var(--hsElevate--section--horizontalPadding, 32px);
}

/* Largura máxima do contêiner de seção: o bundle fixava 1200px vindo de uma
   amostra; no original é o token do tema (1296px). */
.dnd-section > .row-fluid,
.hs-elevate-content-wrapper {
	/* O fallback é 1200px (default da HubSpot quando o tema não define o
	   token), não 1296px: as landing pages do template antigo não têm o token
	   e no original medem 1200px. Quem tem o token recebe 1296px por ele, e
	   `visual/fix_content_wrapper_width.py` grava um override por página onde
	   o valor global não bate com o medido no original. */
	max-width: var(--hsElevate--contentWrapper--wide__maxWidth, 1200px);
	margin-left: auto;
	margin-right: auto;
}

/* O WordPress aplica `margin-block-start: 1.2rem` a todo filho de um
   contêiner com layout de fluxo. O <main> é o segundo filho de
   `.wp-site-blocks` (vem depois do header), então recebia 19,2px de margem
   acima -- uma faixa em branco entre o header e a primeira seção que não
   existe no original. As páginas que querem margem própria (single.html) a
   declaram inline e continuam vencendo esta regra. */
.wp-site-blocks > main.wp-block-group {
	margin-block-start: 0;
}

/* Tamanho do corpo de texto. O bundle terminava com `body{font-size:16px}`
   (vindo do bloco de CSS de formulário de uma das amostras, onde
   `--hsf-global__font-size: 1rem`); no original o valor que vence é o token do
   tema, `--hsElevate--body__fontSize: 1.125rem` = 18px -- medido ao vivo
   (getComputedStyle(document.body).fontSize === "18px"). Como quase todo texto
   migrado herda daqui, os 2px faltando encolhiam praticamente toda seção. */
body {
	font-size: var(--hsElevate--body__fontSize, 1.125rem);
}