/* Fix para barra de rolagem horizontal e vertical duplicada */
html, body {
    max-width: 100%;
    width: 100%;
    overflow-x: hidden !important;
    /* Garantir apenas uma barra de rolagem vertical */
    overflow-y: auto !important;
    height: auto !important;
}

/* Garantir que o html tenha altura mínima da viewport */
html {
    min-height: 100vh;
}

/* Apenas o body deve ter a barra de rolagem principal */
body {
    scrollbar-width: thin; /* Para Firefox */
}

/* Remover barras de rolagem internas */
body > div, 
main, 
section, 
header, 
footer,
.container {
    max-width: 100%;
    box-sizing: border-box;
    overflow: visible !important; /* Prevenir barras de rolagem internas */
}

/* Desabilitar barra de rolagem horizontal */
::-webkit-scrollbar-horizontal {
    display: none;
    height: 0;
}

/* Estilizar apenas uma barra de rolagem vertical */
::-webkit-scrollbar {
    width: 8px;
    background: #141414;
}

::-webkit-scrollbar-thumb {
    background: #FF0000;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #BE0000;
}

/* Ajuste para todos elementos não ultrapassarem seus contêineres */
* {
    max-width: 100%;
    box-sizing: border-box;
}

/* Evitar que texto cause overflow */
p, h1, h2, h3, h4, h5, h6, span {
    overflow-wrap: break-word;
    word-wrap: break-word;
}