/* ========================================
 * ESTILOS ESPECÍFICOS DO HEADER
 * ======================================== */

/* Controla tamanho das imagens no destaque de cursos */
@media (min-width:1025px) {
    .cursos-formacao_item:first-child {
        flex: 0 100%;
    }

    .cursos-livre_item:last-child {
        flex: 0 100%;
    }
}

@media screen and (max-width: 1022px) {
    .cursos-formacao_item:last-child {
        display: none;
    }

    .cursos-livre_item:last-child {
        display: none;
    }
}

/* Controla tamanho das fontes na responsividade */
html {
    font-size: 1rem;
}

@media screen and (max-width:1440px) {
    html {
        font-size: calc(0.39866369710467703rem + 0.6681514476614699vw);
    }
}

@media screen and (max-width:991px) {
    html {
        font-size: 1rem;
    }
}

/* Estilos específicos para template 2 */
.link-copy-button.clicked,
.link-copy-button:active {
    background: #00AEDB;
}

.card-valores-desc-formacao_wrapper {
    width: 100%;
}

.itens-inclusos {
    padding-left: 0;
}

.itens-inclusos li {
    background-image: url('../images/check.svg');
    background-repeat: no-repeat;
    padding-left: 1.5rem;
    background-position: 0 3px;
    list-style: none;
}

.n-incluso {
    background-image: url(https://cdn.prod.website-files.com/663e4e2…/67057b0…_check.svg);
    opacity: 40%;
    background-repeat: no-repeat;
    background-position: 0 3px;
    color: #c1c1c180;
    text-decoration: line-through;
}
