* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Faz com que o padding não aumente a largura do elemento */
}

body {
    overflow-x: hidden; /* Garante que nada escape pela lateral do corpo do site */
}

footer {
    background: #031736;
    color: #ffffff;
    text-align: center;
    padding: 30px 10px;
    margin-top: auto;
    width: 100%;
}

footer h1 {
    font-size: 22px;
    margin-bottom: 25px; /* Ajuste esse valor conforme o seu gosto */
    line-height: 1.2;    /* Evita que as linhas do título fiquem coladas */
}

.p-footer {
    font-size: 10px;
    font-size: 1rem;
}

/* Novo: Container que segura as 3 colunas */
.footer-links {
    display: flex;
    justify-content: center; /* Centraliza as colunas */
    gap: 40px;               /* Espaço entre as colunas */
    max-width: 800px;        /* Evita que fiquem muito longe uma da outra */
    margin: 0 auto;         /* Centraliza o container no footer */
    flex-wrap: wrap;       /* permite que as colunas quebrem linha */
}

@media (max-width: 320px) {
    .footer-links {
        gap: 14px;
    }
    .footer-col {
        gap: 8px;
    }
    footer {
        padding: 20px 6px;
    }
}


/* Novo: Estilo de cada coluna */
.footer-col {
    display: flex;
    flex-direction: column; /* Faz os links ficarem um abaixo do outro */
    gap: 10px;              /* Espaço entre cada link da coluna */
    flex: 1 200; /* O '200px' é a largura mínima antes de quebrar linha */
    min-width: 250px; /* Garante que o texto não fique espremido */
}

footer a {
    color: #29c9ce;
    text-decoration: none;
    font-size: 0.9rem;
    margin: 0; /* Removido o margin lateral anterior para não desalinharem */
    font-size: 1rem;
}

footer a:hover {
    text-decoration: underline;
}