/*LANDING RVCC*/
#cc_landing_rvcc {
    background-color: #037866;

    #cc_landing_rvcc_h1,
    .cc_landing_h4 {
        color: #C9F8F1;
    }

    .cc_certifica_button {
        border: #C9F8F1 2.5px solid;
        color: #F9F6EE;
        background-color: rgb(51, 51, 51, 0.05);

        &:hover {
            background-color: #C9F8F1;
            color: #037866;
        }
    }

    .cc_landing_img {
        background-image: url(../source/img/imagemCQ.png);
        background-color: #F9F6EE;
    }
}


/*QUALIFICAÇÕES*/
#cc_qualificacoes_rvcc {
    background-color: #F9F6EE;
    justify-content: center;

    .cc_qualificacao {
        border: 0.5px solid #333333;
        border-radius: 24pt;
        max-height: 350px;
        min-width: calc(300px - 16px);
        width: calc(50vw - 48px - 120px);
        padding: 24px;
        flex-wrap: nowrap;
        align-items: center;

        div{
            width: 300px;
        }

        img {
            /* max-width: 310px; */
            max-width: 200px;
            min-width: 100px;
            width: 50%;
            height: auto;
        }

        .cc_qualificacao_p1 {
            font-weight: 500;
            padding-bottom: 4px;
        }

        .cc_qualificacao_p2 {
            font-weight: 200;
            font-size: 16px;
            padding-bottom: 16px;
            line-height: 20px;
        }

        .cc_qualificacao_p3 {
            display: none;
            font-size: 16px;
            font-weight: 300;
        }
    }
}

/*GALERIA*/
#cc_galeria {
    background-color: #037866;

    #cc_galeria_h2 {
        color: #C9F8F1;
    }

    #ver_mais {
        display: none;
        border: #C9F8F1 2.5px solid;

        &:hover {
            background-color: #C9F8F1;
            color: #037866;
        }
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    .cc_landing_rvcc {
        flex-direction: column;

        .cc_landing_img {
            min-height: 350px;
            width: 100vw;
            min-width: 100px;
            background-position: 0 -78px;
        }
    }

    #cc_qualificacoes_rvcc {
        justify-content: center;

        & .cc_qualificacao {
            width: calc(100vw - 160px);
            justify-content: center;
            gap: 32px;
        }
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {

    .cc_landing_rvcc {
        .cc_landing_img {
            background-position: center;
        }
    }

    #cc_qualificacoes_rvcc {
        & .cc_qualificacao {
            min-width: calc(100vw - 48px - 32px);
            flex-wrap: wrap;
            max-height: fit-content;

            img {
                height: 50%;
                width: auto;
            }

            div {
                width: 100%;
            }
        }
    }

}