/* Reset básico */ *, *::before, *::after { box-sizing: border-box; } /* Alias local do marinho da paleta, só pra encurtar o uso em sombra. A cor de verdade mora no theme.json (slug "marinho"), porque também é cor de conteúdo — é ela que colore os links do menu. */ :root { --nv-marinho: var(--wp--preset--color--marinho); /* Escala de título de seção. Existe porque cada seção nova vinha inventando o próprio clamp: a LP do PA27 chegou a ter seis títulos de seção em seis tamanhos (28, 34, 35.2, 38.4, 43.2 e 44.8px), sem que nenhuma diferença dessas significasse alguma coisa. --nv-titulo-secao título de seção de largura cheia --nv-titulo-faixa faixa compacta, que não deve competir com as seções */ --nv-titulo-secao: clamp(1.9rem, 3.2vw, 2.6rem); --nv-titulo-faixa: 1.5rem; } /* Scroll suave e transições só pra quem não pediu movimento reduzido no SO (prefers-reduced-motion) — requisito de acessibilidade (WCAG 2.3.3). */ @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } /* Compensa o header sticky ao rolar pra uma âncora do sumário do post */ .entry-content h2, .entry-content h3 { scroll-margin-top: 96px; } /* Cor padrão de título é navy (#151544, definida no theme.json > elements.heading) e vale em fundo claro. Em qualquer contexto de fundo escuro — grupo com texto branco (textColor) ou seção com fundo escuro da paleta — o título volta a HERDAR a cor do ambiente (branca), pra não sair navy sobre escuro. Herança em vez de branco fixo cobre também o caso de um card claro dentro de uma seção escura (o título herda o texto do card, não o da seção). Título com cor própria (classe .has-*-color do editor) ganha via !important e não é afetado. */ .on-dark :is(h1, h2, h3, h4, h5, h6), .has-white-color :is(h1, h2, h3, h4, h5, h6), [class*="has-ink-background-color"] :is(h1, h2, h3, h4, h5, h6), [class*="has-marinho-background-color"] :is(h1, h2, h3, h4, h5, h6), [class*="has-secondary-background-color"] :is(h1, h2, h3, h4, h5, h6), [class*="has-accent-background-color"] :is(h1, h2, h3, h4, h5, h6), [class*="has-primary-background-color"] :is(h1, h2, h3, h4, h5, h6), [class*="has-dark-background-color"] :is(h1, h2, h3, h4, h5, h6) { color: inherit; } img, video { max-width: 100%; height: auto; } /* Header sticky — o position:sticky precisa ficar no wrapper
gerado pelo próprio wp:template-part, não no .site-header interno. O sticky só "flutua" dentro da altura do seu pai direto; como esse wrapper tem exatamente a mesma altura do header (é um wrapper 1:1, sem folga), aplicar sticky no filho não tem espaço pra funcionar e o header simplesmente rola com a página. */ header.wp-block-template-part { position: sticky; top: 0; z-index: 100; } /* Branco puro, não o creme (--background) do resto do site: o header é uma superfície à parte, que se separa do conteúdo pela sombra. */ .site-header { position: relative; background: var(--wp--preset--color--white); box-shadow: 0 6px 14px rgba(40, 40, 91, 0.03); } /*
e