/* ============================================================ reset.css — Fase 0 (Baseline) Reset + prevenção de rolagem horizontal (spike Task 1.3) ============================================================ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; /* Zero overflow horizontal em qualquer resolução. Aplicado SÓ no (o elemento de rolagem raiz do documento) — colocar também em força overflow-y:auto nos DOIS elementos (regra do spec: overflow-x != visible => overflow-y vira auto), criando uma 2ª caixa de rolagem independente dentro da 1ª: no Windows isso aparece como "duas barras de rolagem", a de dentro rolando um punhado de pixels a mais que a de fora. */ width: 100%; overflow-x: hidden; } body { width: 100%; font-family: var(--font-body); font-size: 1rem; line-height: 1.6; color: var(--color-text-dark); background-color: var(--color-white); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img, picture, svg, video { display: block; max-width: 100%; height: auto; } a { color: inherit; text-decoration: none; } button, input, select, textarea { font: inherit; color: inherit; } ul, ol { list-style: none; } h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.2; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }