/* Styles customizados e otimização para Core Web Vitals */

/* Smooth scroll nativo */
html {
    scroll-behavior: smooth;
    font-size: 16px;
}

/* Evita layout shift (CLS 0) de imagens */
img {
    max-width: 100%;
    height: auto;
    content-visibility: auto;
}

/* Scrollbar estilizada */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Melhora contraste e legibilidade de textos longos */
article p {
    line-height: 1.8;
}



/* Esconde a barra de rolagem mas mantém o scroll */
.hide-scrollbar {
    -ms-overflow-style: none;  /* IE e Edge */
    scrollbar-width: none;     /* Firefox */
}
.hide-scrollbar::-webkit-scrollbar {
    display: none;             /* Chrome, Safari e Opera */
}