:root {
    --max-tam-carrossel: 1200px;
    --cor-primaria: #c4faf5; /* Azul */
    --cor-secundaria: #009337; /* Cinza */
    --cor-terciaria: #E6E100; /* Cinza */
    --cor-quaternaria: #004796; /* Cinza */
    --cor-cinza: #777;
}


.site-footer {
    background-color: #f9f9f9;
    padding: 20px;
    text-align: center;
    border-top: 1px solid #ddd;
}

.footer-logo img {
    max-width: 150px;
    margin-bottom: 20px;
}

.footer-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}

.footer-links a {
    color: var(--cor-quaternaria);
    text-decoration: none;
    font-weight: bold;
}

.footer-social, .footer-payment {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

.footer-social a svg, .footer-payment a img {
    width: 50px;
    align-items: center;
    /* height: 30px; */
}

.footer-rights {
    color: var(--cor-cinza);
}

/* Movimentando a logo */

.image-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 20px; /* Para dar espaço entre o conteúdo do rodapé e a imagem animada */
    height: 100px; /* Altura para garantir que a imagem tenha espaço para se mover */
}

.moving-image {
    width: 100px; /* Defina uma largura para a imagem */
    height: 100px; /* Defina uma altura para a imagem */
}