@media (min-width: 0px) and (max-width: 295px) {
    .final {
        background-image: url(/imagens/detail-full.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 12vh;
        width: 100%;
    }
    .space {
        margin-top: 1rem;
    }
    .card-1 {
        background-color: #ed3d7f;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-2 {
        background-color: #50b748;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-3 {
        background-color: #fcb813;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-4 {
        background-color: #374ea1;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-5 {
        background-color: #50b748;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-6 {
        background-color: #0e1d42;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .img-card-0 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -6rem;
    }

    .img-card-0-1 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -6rem;
    }

    .img-card-1 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -6rem;
    }

    .img-card-2 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -6rem;
    }

    .img-card-3 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -6rem;
    }

    .img-card-3-1 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -6rem;
    }

    .img-card-4 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -6rem;
    }

    .img-card-5 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -6rem;
    }

    .img-card-5-1 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -6rem;
    }

    .valor-r {
        color: white;
        font-size: 20px;
        text-align: left;
        padding-left: 1.5rem;
        margin-top: 0rem;
        padding-top: 1rem;
    }

    .valor-num {
        color: white;
        margin-top: -3.5rem;
        margin-left: 6rem;
        font-size: 70px;
    }

    .font-button {
        font-size: 25px;
    }

    .font-new3 {
        font-size: 16px /* Tamanho maior para telas de notebook e maiores */
    }
}

@media (min-width: 295px) and (max-width: 370px) {
    .final {
        background-image: url(/imagens/detail-full.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 12vh;
        width: 100%;
    }
    .space{
        margin-top: 1rem;
    }
    .card-1 {
        background-color: #ed3d7f;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-2 {
        background-color: #50b748;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-3 {
        background-color: #fcb813;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-4 {
        background-color: #374ea1;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-5 {
        background-color: #50b748;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-6 {
        background-color: #0e1d42;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .img-card-0 {
        width: 40%;
        margin-left: 13.5rem;
        margin-top: -2.99rem;
    }

    .img-card-0-1 {
        width: 40%;
        margin-left: 13.5rem;
        margin-top: -2.99rem;
    }

    .img-card-1 {
        width: 40%;
        margin-left: 13.5rem;
        margin-top: -2.99rem;
    }

    .img-card-2 {
        width: 40%;
        margin-left: 13.5rem;
        margin-top: -2.99rem;
    }

    .img-card-3 {
        width: 40%;
        margin-left: 13.5rem;
        margin-top: -4.99rem;
    }

    .img-card-3-1 {
        width: 40%;
        margin-left: 13.5rem;
        margin-top: -4.99rem;
    }

    .img-card-4 {
        width: 40%;
        margin-left: 13.5rem;
        margin-top: -2.99rem;
    }

    .img-card-5 {
        width: 40%;
        margin-left: 13.5rem;
        margin-top: -0.8rem;
    }

    .img-card-5-1 {
        width: 40%;
        margin-left: 13.5rem;
        margin-top: -0.8rem;
    }

    .valor-r {
        color: white;
        font-size: 20px;
        text-align: left;
        padding-left: 1.5rem;
        margin-top: 0rem;
        padding-top: 1rem;
    }

    .valor-num {
        color: white;
        margin-top: -3.5rem;
        margin-left: 6rem;
        font-size: 70px;
    }

    .font-button {
        font-size: 25px;
    }

    .font-new3 {
        font-size: 16px /* Tamanho maior para telas de notebook e maiores */
    }
}

@media (min-width: 370px) and (max-width: 395px) {
    .final {
        background-image: url(/imagens/detail-full.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 12vh;
        width: 100%;
    }
    .space {
        margin-top: 1rem;
    }
    .card-1 {
        background-color: #ed3d7f;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-2 {
        background-color: #50b748;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-3 {
        background-color: #fcb813;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-4 {
        background-color: #374ea1;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-5 {
        background-color: #50b748;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-6 {
        background-color: #0e1d42;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .img-card-0 {
        width: 40%;
        margin-left: 15.3rem;
        margin-top: -4.99rem;
    }

    .img-card-0-1 {
        width: 40%;
        margin-left: 15.3rem;
        margin-top: -4.99rem;
    }

    .img-card-1 {
        width: 40%;
        margin-left: 15.3rem;
        margin-top: -4.99rem;
    }

    .img-card-2 {
        width: 40%;
        margin-left: 15.3rem;
        margin-top: -4.99rem;
    }

    .img-card-3 {
        width: 40%;
        margin-left: 15.3rem;
        margin-top: -4.99rem;
    }

    .img-card-3-1 {
        width: 40%;
        margin-left: 15.3rem;
        margin-top: -4.99rem;
    }

    .img-card-4 {
        width: 40%;
        margin-left: 15.3rem;
        margin-top: -4.99rem;
    }

    .img-card-5 {
        width: 40%;
        margin-left: 15.3rem;
        margin-top: -4.99rem;
    }

    .img-card-5-1 {
        width: 40%;
        margin-left: 15.3rem;
        margin-top: -4.99rem;
    }

    .valor-r {
        color: white;
        font-size: 20px;
        text-align: left;
        padding-left: 1.5rem;
        margin-top: 0rem;
        padding-top: 1rem;
    }

    .valor-num {
        color: white;
        margin-top: -3.5rem;
        margin-left: 6rem;
        font-size: 70px;
    }

    .font-button {
        font-size: 30px;
    }

    .font-new3 {
        font-size: 16px /* Tamanho maior para telas de notebook e maiores */
    }
}

@media (min-width: 395px) and (max-width: 450px) {
    .final {
        background-image: url(/imagens/detail-full.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 12vh;
        width: 100%;
    }
    .space {
        margin-top: 1rem;
    }
    .card-1 {
        background-color: #ed3d7f;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-2 {
        background-color: #50b748;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-3 {
        background-color: #fcb813;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-4 {
        background-color: #374ea1;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-5 {
        background-color: #50b748;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-6 {
        background-color: #0e1d42;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .img-card-0 {
        width: 40%;
        margin-left: 16.5rem;
        margin-top: -4.99rem;
    }

    .img-card-0-1 {
        width: 40%;
        margin-left: 16.5rem;
        margin-top: -4.99rem;
    }

    .img-card-1 {
        width: 40%;
        margin-left: 16.5rem;
        margin-top: -4.99rem;
    }

    .img-card-2 {
        width: 40%;
        margin-left: 16.5rem;
        margin-top: -4.99rem;
    }

    .img-card-3 {
        width: 40%;
        margin-left: 16.5rem;
        margin-top: -4.99rem;
    }

    .img-card-3-1 {
        width: 40%;
        margin-left: 16.5rem;
        margin-top: -4.99rem;
    }

    .img-card-4 {
        width: 40%;
        margin-left: 16.5rem;
        margin-top: -4.99rem;
    }

    .img-card-5 {
        width: 40%;
        margin-left: 16.5rem;
        margin-top: -2.99rem;
    }

    .img-card-5-1 {
        width: 40%;
        margin-left: 16.5rem;
        margin-top: -2.99rem;
    }

    .valor-r {
        color: white;
        font-size: 20px;
        text-align: left;
        padding-left: 1.5rem;
        margin-top: 0rem;
        padding-top: 1rem;
    }

    .valor-num {
        color: white;
        margin-top: -3.5rem;
        margin-left: 6rem;
        font-size: 70px;
    }

    .font-button {
        font-size: 30px;
    }

    .font-new3 {
        font-size: 16px /* Tamanho maior para telas de notebook e maiores */
    }
}

@media (min-width:450px) and (max-width: 540px) {
    .final {
        background-image: url(/imagens/detail-full.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 12vh;
        width: 100%;
    }
    .space {
        margin-top: 1rem;
    }
    .card-1 {
        background-color: #ed3d7f;
        width: 100%;
        height: 315px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-2 {
        background-color: #50b748;
        width: 100%;
        height: 315px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-3 {
        background-color: #fcb813;
        width: 100%;
        height: 315px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-4 {
        background-color: #374ea1;
        width: 100%;
        height: 315px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-5 {
        background-color: #50b748;
        width: 100%;
        height: 315px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-6 {
        background-color: #0e1d42;
        width: 100%;
        height: 315px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .img-card-0 {
        width: 40%;
        margin-left: 18.4rem;
        margin-top: -2.5rem;
    }

    .img-card-0-1 {
        width: 40%;
        margin-left: 18.4rem;
        margin-top: -2.5rem;
    }

    .img-card-1 {
        width: 40%;
        margin-left: 18.4rem;
        margin-top: -2.5rem;
    }

    .img-card-2 {
        width: 40%;
        margin-left: 18.4rem;
        margin-top: -2.5rem;
    }

    .img-card-3 {
        width: 40%;
        margin-left: 18.4rem;
        margin-top: -2.5rem;
    }

    .img-card-3-1 {
        width: 40%;
        margin-left: 18.4rem;
        margin-top: -2.5rem;
    }

    .img-card-4 {
        width: 40%;
        margin-left: 18.4rem;
        margin-top: -2.5rem;
    }

    .img-card-5 {
        width: 40%;
        margin-left: 18.4rem;
        margin-top: -0.6rem;
    }

    .img-card-5-1 {
        width: 40%;
        margin-left: 18.4rem;
        margin-top: -0.6rem;
    }

    .valor-r {
        color: white;
        font-size: 20px;
        text-align: left;
        padding-left: 1.5rem;
        margin-top: 0rem;
        padding-top: 1.5rem;
    }

    .valor-num {
        color: white;
        margin-top: -3.5rem;
        margin-left: 6rem;
        font-size: 70px;
    }

    .font-button {
        font-size: 30px;
    }

    .font-new3 {
        font-size: 16px /* Tamanho maior para telas de notebook e maiores */
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .final {
        background-image: url(/imagens/detail-full.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 12vh;
        width: 100%;
    }
    .space {
        margin-top: 1rem;
    }
    .card-1 {
        background-color: #ed3d7f;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-2 {
        background-color: #50b748;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-3 {
        background-color: #fcb813;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-4 {
        background-color: #374ea1;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-5 {
        background-color: #50b748;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-6 {
        background-color: #0e1d42;
        width: 100%;
        height: 260px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .img-card-0 {
        width: 30%;
        margin-left: 26rem;
        margin-top: -3.9rem;
    }

    .img-card-0-1 {
        width: 30%;
        margin-left: 26rem;
        margin-top: -4.1rem;
    }

    .img-card-1 {
        width: 30%;
        margin-left: 26rem;
        margin-top: -3.9rem;
    }

    .img-card-2 {
        width: 30%;
        margin-left: 26rem;
        margin-top: -3.9rem;
    }

    .img-card-3 {
        width: 30%;
        margin-left: 26rem;
        margin-top: -3.9rem;
    }

    .img-card-3-1 {
        width: 30%;
        margin-left: 15.6rem;
        margin-top: -4rem;
    }

    .img-card-4 {
        width: 30%;
        margin-left: 15.6rem;
        margin-top: -4rem;
    }

    .img-card-5 {
        width: 30%;
        margin-left: 26rem;
        margin-top: -1.9rem;
    }

    .img-card-5-1 {
        width: 30%;
        margin-left: 26rem;
        margin-top: -1.9rem;
    }

    .valor-r {
        color: white;
        font-size: 20px;
        text-align: left;
        padding-left: 1.5rem;
        margin-top: 0rem;
        padding-top: 1rem;
    }

    .valor-num {
        color: white;
        margin-top: -3.5rem;
        margin-left: 6rem;
        font-size: 70px;
    }

    .font-button {
        font-size: 30px;
    }

    .font-new3 {
        font-size: 16px /* Tamanho maior para telas de notebook e maiores */
    }
}

@media (min-width: 767px)and (max-width: 990px) {
    .final {
        background-image: url(/imagens/detail-full.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 12vh;
        width: 100%;
    }
    .final {
        background-image: url(/imagens/detail-full.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 40vh;
        width: 100%;
    }
    .space {
        margin-top: 1rem;
    }
    .card-1 {
        background-color: #ed3d7f;
        width: 100%;
        height: 315px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-2 {
        background-color: #50b748;
        width: 100%;
        height: 315px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-3 {
        background-color: #fcb813;
        width: 100%;
        height: 315px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-4 {
        background-color: #374ea1;
        width: 100%;
        height: 315px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-5 {
        background-color: #50b748;
        width: 100%;
        height: 315px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-6 {
        background-color: #0e1d42;
        width: 100%;
        height: 315px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .img-card-0 {
        width: 40%;
        margin-left: 12.5rem;
        margin-top: -4.5rem;
    }

    .img-card-0-1 {
        width: 40%;
        margin-left: 12.5rem;
        margin-top: -1.8rem;
    }

    .img-card-1 {
        width: 40%;
        margin-left: 12.3rem;
        margin-top: -1.9rem;
    }

    .img-card-2 {
        width: 40%;
        margin-left: 12.5rem;
        margin-top: -1.8rem;
    }

    .img-card-3 {
        width: 40%;
        margin-left: 12.5rem;
        margin-top: -4.8rem;
    }

    .img-card-3-1 {
        width: 40%;
        margin-left: 12.5rem;
        margin-top: -4.8rem;
    }

    .img-card-4 {
        width: 40%;
        margin-left: 12.5rem;
        margin-top: -1.8rem;
    }

    .img-card-5 {
        width: 40%;
        margin-left: 12.5rem;
        margin-top: -2.6rem;
    }

    .img-card-5-1 {
        width: 40%;
        margin-left: 12.5rem;
        margin-top: -2.6rem;
    }

    .valor-r {
        color: white;
        font-size: 20px;
        text-align: left;
        padding-left: 1.5rem;
        margin-top: 0rem;
        padding-top: 1.5rem;
    }

    .valor-num {
        color: white;
        margin-top: -3.5rem;
        margin-left: 6rem;
        font-size: 70px;
    }

    .font-button {
        font-size: 30px;
    }

    .font-new3 {
        font-size: 16px /* Tamanho maior para telas de notebook e maiores */
    }
}

@media (min-width: 990px)and (max-width: 1200px) {
    .final {
        background-image: url(/imagens/detail-full.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 40vh;
        width: 100%;
    }
    .card-1 {
        background-color: #ed3d7f;
        width: 100%;
        height: 400px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-2 {
        background-color: #50b748;
        width: 100%;
        height: 400px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-3 {
        background-color: #fcb813;
        width: 100%;
        height: 400px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-4 {
        background-color: #374ea1;
        width: 100%;
        height: 400px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-5 {
        background-color: #50b748;
        width: 100%;
        height: 400px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-6 {
        background-color: #0e1d42;
        width: 100%;
        height: 400px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .img-card-0 {
        width: 40%;
        margin-left: 11rem;
        margin-top: -0.2rem;
    }

    .img-card-0-1 {
        width: 40%;
        margin-left: 11rem;
        margin-top: 2.6rem;
    }

    .img-card-1 {
        width: 40%;
        margin-left: 11rem;
        margin-top: 2.8rem;
    }

    .img-card-2 {
        width: 40%;
        margin-left: 11rem;
        margin-top: -0.2rem;
    }

    .img-card-3 {
        width: 40%;
        margin-left: 11rem;
        margin-top: -3.2rem;
    }

    .img-card-3-1 {
        width: 40%;
        margin-left: 11rem;
        margin-top: -3.2rem;
    }

    .img-card-4 {
        width: 40%;
        margin-left: 11rem;
        margin-top: -0.2rem;
    }

    .img-card-5 {
        width: 40%;
        margin-left: 11rem;
        margin-top: 1.8rem;
    }

    .img-card-5-1 {
        width: 40%;
        margin-left: 11rem;
        margin-top: 1.8rem;
    }

    .valor-r {
        color: white;
        font-size: 20px;
        text-align: left;
        padding-left: 1.5rem;
        margin-top: 0rem;
        padding-top: 1rem;
    }

    .valor-num {
        color: white;
        margin-top: -2.7rem;
        margin-left: 6rem;
        font-size: 55px;
    }

    .font-button {
        font-size: 30px;
    }

    .font-new3 {
        font-size: 16px /* Tamanho maior para telas de notebook e maiores */
    }
}

@media (min-width: 1200px)and (max-width: 1400px) {
    .final {
        background-image: url(/imagens/detail-full.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 40vh;
        width: 100%;
    }
    .font-new {
        font-size: 48px; /* Tamanho maior para telas de notebook e maiores */
    }

    .font-new2 {
        font-size: 1.5rem /* Tamanho maior para telas de notebook e maiores */
    }

    .font-new3 {
        font-size: 18px /* Tamanho maior para telas de notebook e maiores */
    }

    .card-1 {
        background-color: #ed3d7f;
        width: 100%;
        height: 300px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-2 {
        background-color: #50b748;
        width: 100%;
        height: 300px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-3 {
        background-color: #fcb813;
        width: 100%;
        height: 300px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-4 {
        background-color: #374ea1;
        width: 100%;
        height: 300px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-5 {
        background-color: #50b748;
        width: 100%;
        height: 300px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-6 {
        background-color: #0e1d42;
        width: 100%;
        height: 300px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .img-card-0 {
        width: 40%;
        margin-left: 13.4rem;
        margin-top: -6.5rem;
    }

    .img-card-0-1 {
        width: 40%;
        margin-left: 13.4rem;
        margin-top: -3.6rem;
    }

    .img-card-1 {
        width: 40%;
        margin-left: 13.4rem;
        margin-top: -3.5rem;
    }

    .img-card-2 {
        width: 40%;
        margin-left: 13.4rem;
        margin-top: -3.5rem;
    }

    .img-card-3 {
        width: 40%;
        margin-left: 13.4rem;
        margin-top: -6.5rem;
    }

    .img-card-3-1 {
        width: 40%;
        margin-left: 13.4rem;
        margin-top: -4.5rem;
    }

    .img-card-4 {
        width: 40%;
        margin-left: 13.4rem;
        margin-top: -3.5rem;
    }

    .img-card-5 {
        width: 40%;
        margin-left: 13.4rem;
        margin-top: -4.5rem;
    }

    .img-card-5-1 {
        width: 40%;
        margin-left: 13.4rem;
        margin-top: -6.3rem;
    }

    .valor-r {
        color: white;
        font-size: 25px;
        text-align: left;
        padding-left: 1.5rem;
        margin-top: 0rem;
        padding-top: 1rem;
    }

    .valor-num {
        color: white;
        margin-top: -3.5rem;
        margin-left: 6rem;
        font-size: 70px;
    }

    .font-button {
        font-size: 30px;
    }
}

@media (min-width: 1400px) {
    .final {
        background-image: url(/imagens/detail-full.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 40vh;
        width: 100%;
    }
    .font-new {
        font-size: 48px; /* Tamanho maior para telas de notebook e maiores */
    }
    .font-new2 {
        font-size: 1.5rem /* Tamanho maior para telas de notebook e maiores */
    }
    .font-new3 {
        font-size: 18px /* Tamanho maior para telas de notebook e maiores */
    }
    .card-1 {
        background-color: #ed3d7f;
        width: 100%;
        height: 335px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-2 {
        background-color: #50b748;
        width: 100%;
        height: 335px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-3 {
        background-color: #fcb813;
        width: 100%;
        height: 335px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-4 {
        background-color: #374ea1;
        width: 100%;
        height: 335px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-5 {
        background-color: #50b748;
        width: 100%;
        height: 335px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .card-6 {
        background-color: #0e1d42;
        width: 100%;
        height: 335px;
        margin-top: -4rem;
        border-top-right-radius: 100px
    }

    .img-card-0 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -5.88rem;
    }

    .img-card-0-1 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -2.9rem;
    }

    .img-card-1 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -2.88rem;
    }

    .img-card-2 {
        width: 40%;
        margin-left: 15.5rem;
        margin-top: -3rem;
    }

    .img-card-3 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -6rem;
    }

    .img-card-3-1 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -4rem;
    }

    .img-card-4 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -2.88rem;
    }


    .img-card-5 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -4rem;
    }

    .img-card-5-1 {
        width: 40%;
        margin-left: 15.6rem;
        margin-top: -6rem;
    }

    .valor-r {
        color: white;
        font-size: 25px;
        text-align: left;
        padding-left: 2.5rem;
        margin-top: 0rem;
        padding-top: 1rem;
    }

    .valor-num {
        color: white;
        margin-top: -3.5rem;
        margin-left: 6rem;
        font-size: 70px;
    }

    .font-button {
        font-size: 30px;
    }
}