body {
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
    color: var(--text-color);
}

#politicas {
    background-color: var(--body-bg);
    padding: 20px;
    border-radius: 10px;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2rem;
    margin: 0 auto; /* Alterado para centralizar o conteúdo */
    max-width: 1200px; /* Adicionado para limitar a largura máxima */
}

#politicas .texto {
    flex: 1;
    min-width: 300px; /* Adicionado para evitar que o texto fique muito estreito */
}

#politicas img {
    width: 100%;
    max-width: 25%;
    border-radius: 10px;

}

#politicas h1 {
    font-size: 2.2rem;
    margin-bottom: 1rem;
    font-weight: bold;
    text-align: left;
}

#politicas p {
    font-size: 1.3rem;
    line-height: 1.8;
    margin-bottom: 1rem;
    text-align: justify;
}

/* Media Queries para responsividade */
@media (max-width: 1200px) {
    #politicas {
        margin: 0 50px; /* Reduz a margem lateral */
    }
}

@media (max-width: 768px) {
    #politicas {
        margin: 0 20px; /* Reduz ainda mais a margem lateral */
        gap: 1rem; /* Reduz o espaçamento entre os elementos */
    }

    #politicas img {
        max-width: 50%; /* Aumenta a largura da imagem em telas menores */
    }

    #politicas h1 {
        font-size: 1.8rem; /* Reduz o tamanho da fonte do título */
    }

    #politicas p {
        font-size: 1.1rem; /* Reduz o tamanho da fonte do parágrafo */
    }
}

@media (max-width: 480px) {
    #politicas {
        margin: 0 10px; /* Margem mínima para telas muito pequenas */
        padding: 10px; /* Reduz o padding */
    }

    #politicas img {
        max-width: 100%; /* Faz a imagem ocupar a largura total */
        margin-bottom: 1rem; /* Adiciona espaço abaixo da imagem */
    }

    #politicas h1 {
        font-size: 1.5rem; /* Reduz ainda mais o tamanho da fonte do título */
    }

    #politicas p {
        font-size: 1rem; /* Reduz ainda mais o tamanho da fonte do parágrafo */
    }
}