.theme-fidelidade #mainBanner a,
.theme-fidelidade #mainBanner button{
    background-color: var(--color-neutral-6);
    border-radius: 24px;
    padding: 8px 16px;
}



.theme-fidelidade #mainBanner a span:first-child,
.theme-fidelidade #mainBanner button span:first-child,
.theme-fidelidade-club #mainBanner a span:first-child,
.theme-fidelidade-club #mainBanner button span:first-child,
.theme-fidelidade-passaportes #mainBanner a span:first-child,
.theme-fidelidade-passaportes #mainBanner button span:first-child{
    color: var(--color-foundation-verde1);
}


.theme-fidelidade-club #mainBanner button, 
.theme-fidelidade-club #mainBanner a,
.theme-fidelidade-passaportes #mainBanner button,
.theme-fidelidade-passaportes #mainBanner a{
    background-color: var(--color-foundation-verde4);
    border-radius: 24px;
    padding: 8px 16px;
}

.fidelidade-icon-white, .fidelidade-icon-white img{
  filter: brightness(0) invert(1);
}


.fidelidade-wrapper-icon {
  mask: var(--icon-src) no-repeat center;
  mask-size: contain;
  -webkit-mask: var(--icon-src) no-repeat center;
  -webkit-mask-size: contain;
}

.fidelidade-wisewig p{
    font-size: 16px;
}

.fidelidade-wisewig ul{
    list-style: inside;
    padding: 0 4px;
}


@media only screen and (min-width: 768px) {
    .theme-fidelidade-passaportes #mainBanner p,
    .theme-fidelidade-passaportes #mainBanner h1{
        max-width: 60%;
    }
}

@media only screen and (max-width: 768px) {
    .theme-fidelidade-passaportes #mainBanner p,
    .theme-fidelidade-passaportes #mainBanner h1{
        text-align: left;
    }

    .theme-fidelidade-passaportes #mainBanner div:has(> button) {
        justify-content: flex-start;
    }
}