/* ===== ESTILOS GLOBAIS ===== */
body {
    margin: 0;
    /*font-family: 'Poppins', sans-serif;*/
    font-family: 'Roboto', sans-serif;  /* <-- MUDAR PARA ROBOTO */
    color: #333;
    background-color: #f9f9f9;

    display: flex;
    flex-direction: column;

    /* 🔹 MODIFICAÇÃO 🔹
       Define a altura mínima como 100vh (viewport height) como fallback.
       Em seguida, usa 100svh (small viewport height) que é a
       altura da tela *descontando* as barras do navegador mobile.
       Isso corrige o rodapé cortado.
    */
    min-height: 100vh; 
    min-height: 100svh; 
}