/* Componente Header - Prisma */
#prisma-header {
    background: #b99ddd;
}

#prisma-header p {
    color: #ffffff;
}

#prisma-header .btn {
    color: #ffffff;
    border-color: #362b5f;
    background-color: #362b5f;
}

#prisma-header .btn:hover,
#prisma-header .btn:active,
#prisma-header .btn:focus {
    border-color: #3465C7;
    background-color: #3465C7;
}

/* Componente Banner - Prisma */
@media (min-width: 769px) {
    #prisma-banner .varejista {
        top: 1rem;
        height: 150px;
        width: 150px;
    }

    #prisma-banner .texto-desconto {
        font-size: 6rem;
        right: 27rem;   
    }

    #prisma-banner .texto-porcentagem {
        font-size: 5rem;
    }

    #prisma-banner small {
        font-size: 2rem;
        margin-top: -2rem;
    }
}

@media (min-width: 769px) and (max-width: 1366px) {
    #prisma-banner .varejista {
        right: 7rem;
    }
}

@media (min-width: 1367px) {
    #prisma-banner .varejista {
        right: 12rem;
    }
}

#prisma-banner .texto-desconto, 
#prisma-banner-mobile .texto-desconto {
    color: #362b5f;
    font-weight: 900 !important;
}

#prisma-banner .varejista {
    object-fit: contain;
}

@media (max-width: 768px) {
    #prisma-banner .texto-desconto {
        font-size: 4rem;
        top: 0;
    }

    #prisma-banner .texto-porcentagem {
        font-size: 2.5rem;
        margin-top: .5rem;
    }

    #prisma-banner small {
        font-size: 1rem;
        margin-top: -1rem;
    }

    #prisma-banner .varejista {
        bottom: -.5rem;
        width: 75px;
        height: 75px;
    }
}

#prisma-banner-mobile .texto-desconto {
    font-size: 4rem;
    top: 0;
}

#prisma-banner-mobile .texto-porcentagem {
    font-size: 2.5rem;
    margin-top: .5rem;
}

#prisma-banner-mobile small {
    font-size: 1rem;
    margin-top: -1rem;
}

#prisma-banner-mobile .varejista {
    bottom: -.5rem;
    width: 75px;
    height: 75px;
}