.banners-duplo {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 40px auto;
    width: 100%;
    max-width: 1180px;
    padding: 0 20px;
    box-sizing: border-box;
}

.banners-duplo img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

/* Responsividade - Regras reforçadas */
@media (max-width: 768px) {
    .banners-duplo {
        flex-direction: column !important; /* Força o empilhamento para evitar sobreposição de outras regras */
        align-items: center;
        gap: 15px;
    }

    .banners-duplo .banner-wrapper {
        width: 100%;
    }

    .banners-duplo .banner-wrapper a {
        display: block;
    }
}