/* Estilo geral do footer */
footer {
    background-color: #000000;
    color: rgb(255, 255, 255);
    padding: 10px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    margin-top: 10%;
    text-align: left;
}

/* Links no footer */
footer a {
    color: rgb(255, 0, 0);
    text-decoration: none;
    margin: 0 10px;
}
/* Estilo para links ativos no menu */
footer .menu-list a.active {
    font-weight: bold;
    color: rgb(255, 255, 255) !important;  /* Cor do texto do item ativo */
}
/* Estilo para os itens de menu e políticas */
footer .menu-list a,
footer .politicas-list a {
    color: #a3a3a3 !important;  /* Cinza claro */
}

/* Efeito hover nos links */
footer a:hover {
    text-decoration: underline;
    text-decoration-color: red; /* Sublinhado em vermelho no hover */
    color: lightgray; /* Mantém a cor do texto ao passar o mouse */
}

/* Imagens no footer */
footer .img-footer {
    width: 50%;  /* Tamanho da imagem de selos no desktop */
    height: auto;  /* Mantém a proporção da imagem */
    display: block;
    margin: 10px auto;  /* Centraliza a imagem */
}

/* Parágrafos no footer */
footer p {
    margin-top: 0px;
    font-size: 14px;
}

/* Estilo das colunas com linhas verticais separadoras dentro do footer */
footer .footer-col {
    border-right: 0px solid #666;  /* Linha separadora entre as colunas */
    padding-right: 20px;  /* Adiciona espaçamento nas colunas */
}

/* Remove a linha separadora da última coluna */
footer .footer-col:last-child {
    border-right: none;
}

/* Estilo para a linha do copyright */
footer .footer-copyright {
    background-color: #000000;  /* Cor de fundo do copyright */
    padding: 10px 0;  /* Espaçamento interno */
}

/* Adiciona a linha branca separadora entre a primeira e a segunda linha */
footer .row-separator {
    border-top: 1px solid white;  /* Linha branca separadora */
    margin: 20px 0;  /* Espaçamento entre as linhas */
}

/* Responsividade para tablets */
@media (max-width: 768px) {
    footer .img-footer {
        width: 100%;  /* Ajusta a largura da imagem para tablets */
    }

    footer .col-md-3 {
        border-right: none;  /* Remove a linha separadora em telas menores */
        padding-right: 0;  /* Remove o padding lateral nas colunas em telas menores */
    }
}

/* Responsividade para smartphones */
@media (max-width: 450px) {
    footer .img-footer {
        width: 100%;  /* Ajusta a largura da imagem para smartphones */
    }

    footer a {
        font-size: 14px;  /* Ajusta o tamanho do texto dos links */
    }

    footer p {
        font-size: 12px;  /* Ajusta o tamanho do texto do parágrafo */
    }

    footer .col-md-3 {
        border-right: none;  /* Remove a linha separadora em telas menores */
        padding-right: 0;  /* Remove o padding lateral nas colunas em telas menores */
    }

    /* Estilo para as listas de Menu e Políticas em mobile */
    footer .menu-list, footer .politicas-list {
        display: flex;
        flex-wrap: wrap;  /* Permite quebra de linha */
        justify-content: center;  /* Alinha itens ao centro */
        padding-left: 0;  /* Remove o padding à esquerda */
    }

    footer .menu-list li, footer .politicas-list li {
        margin: 5px 10px;  /* Espaçamento entre itens */
    }
}
/* Estilo geral da imagem de Formas de Pagamento */
#formas-pg {
    display: block;
    margin: 0 auto; /* Centraliza a imagem horizontalmente */
    max-width: 100%; /* Garante que a imagem não ultrapasse o tamanho da coluna */
    height: auto; /* Mantém a proporção da imagem */
}

/* Ajustes específicos para smartphones */
@media (max-width: 768px) {
    #formas-pg {
        width: 80%; /* Ajusta o tamanho da imagem para tablets */
    }
}

@media (max-width: 450px) {
    #formas-pg {
        width: 70%; /* Ajusta o tamanho da imagem para smartphones */
    }
}
/* Estilo geral da imagem de Formas de Pagamento */
#formas-pg-eduzz {
    display: block;
    margin: 0 auto; /* Centraliza a imagem horizontalmente */
    max-width: 60%; /* Garante que a imagem não ultrapasse o tamanho da coluna */
    height: auto; /* Mantém a proporção da imagem */
}

/* Ajustes específicos para smartphones */
@media (max-width: 768px) {
    #formas-pg-eduzz {
        width: 80%; /* Ajusta o tamanho da imagem para tablets */
    }
}

@media (max-width: 450px) {
    #formas-pg-eduzz {
        width: 70%; /* Ajusta o tamanho da imagem para smartphones */
    }
}