/* ========================================================================== Itanguá — Tipografia auto-hospedada Metropolis (títulos) servida localmente para evitar dependência do CDN não-oficial (fonts.cdnfonts.com), que carregava de forma instável e fazia os títulos caírem para a fonte de sistema. Pesos declarados corretamente para que font-semibold (600) e font-bold (700) funcionem. O corpo (Source Sans 3) é carregado via Google Fonts no . ========================================================================== */ @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 400; font-display: swap; src: local('Metropolis'), url('fonts/Metropolis-Regular.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: italic; font-weight: 400; font-display: swap; src: local('Metropolis'), url('fonts/Metropolis-RegularItalic.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 500; font-display: swap; src: local('Metropolis'), url('fonts/Metropolis-Medium.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 600; font-display: swap; src: local('Metropolis'), url('fonts/Metropolis-SemiBold.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 700; font-display: swap; src: local('Metropolis'), url('fonts/Metropolis-Bold.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: italic; font-weight: 700; font-display: swap; src: local('Metropolis'), url('fonts/Metropolis-BoldItalic.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 800; font-display: swap; src: local('Metropolis'), url('fonts/Metropolis-ExtraBold.woff') format('woff'); } /* -------------------------------------------------------------------------- Refinamento tipográfico (aplicado a todas as páginas) - Antialiasing/optimizeLegibility deixam os textos mais nítidos e elegantes. - Leve aperto no espaçamento entre letras dos títulos dá um ar mais moderno e consistente. Usa seletor de elemento (h1–h3), de baixa especificidade, para NÃO sobrepor utilidades tracking-* do Tailwind (ex.: o wordmark "ITANGUÁ" e as etiquetas em uppercase mantêm o espaçamento próprio). - text-wrap: balance melhora as quebras de linha dos títulos. -------------------------------------------------------------------------- */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } h1, h2, h3 { letter-spacing: -0.012em; } h1, h2, h3, h4 { text-wrap: balance; }