body, html
{
    background: var(--cinza-escuro);
}
#garantia {
    width: 100%;
    margin: 0;
    padding: 0;

}

.marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 300px;
}

.marquee-content {
    display: flex;
    align-items: center;
    width: 200%; /* O dobro do tamanho da tela para criar o loop */
    animation: marquee-scroll 120s linear infinite;
}

.marquee img {
    height: 300px;
    width: auto;
    flex-shrink: 0;
}

/* Animação contínua corrigida */
@keyframes marquee-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* Move metade para suavizar */
}

.garantia-text
{
    padding: 50px 100px;
}

.garantia-text h1
{
    font-size: 3rem;
    color: var(--branco);
}

.garantia-text p
{
    color: var(--branco);
    margin-top: 50px;
}