* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    appearance: none;
    border: none;
    outline: none;
    font-family: 'Poppins', sans-serif;
    /*Todos os comandos acima são para tirar os estilos padrões do navegador*/
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;/* Evita ajuste automático no Safari */
    -moz-text-size-adjust: 100%;/* Previne ajuste automático no Firefox */
    -ms-text-size-adjust: 100%;/* Previne ajuste automático no Internet Explorer */
    text-size-adjust: 100%;/* Previne ajuste automático em outros navegadores */

}

main {
    min-height: 100dvh;
    padding-bottom: 20px;
    /*Deixa o container do tamanho da tela na vertical*/
}

body {
    background-color: #18191a; /* Cor de fundo */
    margin: 0; /* Remove margens */
    min-height: 100dvh; /* Garante altura mínima */
}

/* Remove os controles de incremento/decremento no Chrome, Safari e Edge */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Aumenta o tamanho do input do tipo date no Chrome, Safari e Edge */
input[type="date"]::-webkit-calendar-picker-indicator {
    width: 30px;
    height: 30px;
}

input[type="checkbox"] {
    appearance: auto;
    /* Restaura a aparência padrão dos checkboxes */
}

a {
    -webkit-tap-highlight-color: transparent;
    /* Remove a cor de destaque no iPhone */
    color: inherit;
    /* Herdar a cor do texto ao redor */
    text-decoration: none;
    /* Remover o sublinhado */
}

a:link,
a:visited {
    color: inherit;
    /* Para links não visitados e visitados */
}

a:focus,
a:hover {
    color: inherit;
    outline: none;
    /* Remove o contorno de foco */
}

select,
input[type="date"],
input[type="time"],
input[type='datetime-local'],
button {
    -webkit-appearance: none;
    /* Remove o estilo padrão do iOS */
    appearance: none;
    /* Remove o estilo padrão em navegadores modernos */
    color: inherit;
    /* Herdar a cor do elemento pai */
    border: none;
    /* Remover bordas, caso seja necessário */
    outline: none;
}

.rodape {
    display: flex;
    justify-content: center;
}

[type="checkbox"] {
    width: 20px;
    height: 20px;
}

:root {
    /* CORES */
    --body-color: #E4E9F7;
    --sidebar-color: #FFF;
    --primary-color: #695CFE;
    --primary-color-light: #F6F5FF;
    --toggle-color: #DDD;
    --text-color: #707070;

    /* TRANSIÇÕES */
    --tran-02: all 0.2s ease;
    --tran-03: all 0.3s ease;
    --tran-04: all 0.4s ease;
    --tran-05: all 0.5s ease;
    --tran-10: all 1s ease;
}