/* Estilos compartilhados por todas as páginas da Axípeto.
   Estilos específicos de uma página ficam no <style> dela. */

html { scroll-behavior: smooth; }

/* Compensa a navbar fixa ao navegar por âncoras */
[id] { scroll-margin-top: 6rem; }

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Rede de segurança para os títulos: mesmo com o tamanho fluido, uma palavra
   longa nunca deve vazar da tela. hyphens quebra na sílaba (o lang é pt-BR);
   break-word só entra se nem hifenizar resolver. */
h1, h2, h3 {
    overflow-wrap: break-word;
    hyphens: auto;
    /* Distribui as linhas em comprimentos parecidos, em vez de encher cada
       linha até o limite e deixar uma palavra órfã na última. */
    text-wrap: balance;
}

.magnetic-btn { transition: transform .3s ease-out, box-shadow .3s ease-out; }
.magnetic-btn:hover { transform: scale(1.05); box-shadow: 0 0 24px rgba(254, 183, 0, .28); }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #F1F1F1; }
::-webkit-scrollbar-thumb { background: #D4D4D4; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #FEB700; }

/* Respeita quem prefere menos movimento */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}