@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 :root {
    --text-font-family-heading: 'Exo', sans-serif!important;
}

.c-module-video__titles .c-topic-title h1,
.c-card-video__description h2 {
    font-family: 'Exo', sans-serif!important;
}

:root {
    --text-font-family-heading: var(--font-families-default-font);
}

.box-legenda {
    margin-top: 32px;
}

.linha-legenda-feedback {
    border: 0px;
    border-top: 1px solid var(--colors-default-neutral-30)
}

.text-legenda {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: var(--color-neutral-70);
}

.theme-text-bg-true,
.prof-background,
.theme_text_bg_colaboradores {
    background-color: transparent !important;
}

.c-cover-module__content-wrapper>img {
    width: 50% !important;
}

.c-table_edit {
    display: table !important;
    width: 100% !important;
}

.c-table--border .c-table__thead .c-table__theader:first-child {
    border-left: 1px solid var(--c-table--thead-border)!important;
}

.c-table--border .c-table__tbody .c-table__tdata:first-child {
    border-left: 1px solid var(--c-table--tdata-border);
}

table#line tr:nth-child(1) td:first-child {
    border-top: 1px solid var(--c-table--tdata-border)!important;
}

.c-table__trow.bt .c-table__tdata {
    border-top: 1px solid var(--c-table--tdata-border) !important;
}

.drag-item,
.drag-item2,
.drag-item3 {
    padding: 8px;
    color: var(--colors-default-neutral-0);
    background-color: var(--color-accent-70);
    border-radius: 3px;
    cursor: move;
    white-space: nowrap;
    display: inline-block;
}

#dragWords .drag-item,
#dragWords2 .drag-item2,
#dragWords3 .drag-item3 {
    margin-right: 5px;
    margin-bottom: 5px;
}

#dragWords,
#dragWords3 {
    display: block;
}

.drop-zone,
.drop-zone2,
.drop-zone3 {
    min-width: 4em;
    min-height: 2em;
    border: 1px solid #a5a5a5;
    border-radius: 3px;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: middle;
    background-color: var(--colors-default-neutral-0);
    margin: 4px 0;
}

.divResposta {
    float: inherit;
    margin-top: 100px;
}

.correct {
    background-color: var(--colors-default-success-90);
}

.incorrect {
    background-color: var(--colors-default-error-90);
}

.verificaButton {
    text-align: right;
}

.varDesk {
    display: block;
}

.varMob {
    display: none;
}

.varDesk .material-icons {
    vertical-align: middle;
}

.button-container {
    display: flex;
    gap: 10px;
    margin: 20px;
    justify-content: center;
    padding-top: 20px;
}

.collapse-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    background-color: var(--colors-default-neutral-10);
    margin-top: 10px;
    padding: 0 10px;
    border-radius: 8px;
}

.collapse-content p {
    color: var(--colors-default-neutral-70) !important;
    margin: 10px 0;
}

.collapse-content.show {
    max-height: fit-content;
    padding: 10px 20px;
}

.indClique {
    text-align-last: center;
}

.bgCollapse {
    /* background: radial-gradient(circle, var(--color-primary-70) 0%, var(--color-primary-90) 100%); */
    background-color: var(--color-primary-90);
    padding: 30px 0;
}

.bgCollapse h2,
.bgCollapse h3,
.bgCollapse p,
.bgCollapse .material-icons {
    color: var(--colors-default-neutral-0);
}

.bgCollapse h2,
.bgCollapse h3 {
    text-align: center;
}

.o-timeline .c-timeline-item__icon {
    font-family: "Material Symbols Outlined";
}

.theme-definition div.row:nth-child(2) {
    display: none;
}

.theme-definition div.row {
    margin-bottom: 1rem !important;
}

.c-collapse .c-collapse__content {
    background-color: var(--color-primary-30);
    padding: 20px 40px !important;
}

html.dark .c-collapse .c-collapse__content {
    background-color: var(--color-primary-60) !important;
}

html.dark .corbranca {
    color: #ffffff !important;
}

@media (min-width:300px) and (max-width:768px) {
    .c-card-destaque__body .o-image {
        border-radius: 0px !important;
    }
    .c-card-destaque__body .c-image {
        margin: 0px -33px !important;
        width: auto !important;
        border-radius: 0px;
    }
    .full {
        margin: 32px -40px !important;
    }
    .theme-text-bg-true,
    .prof-background,
    .theme_text_bg_colaboradores {
        background-color: var(--color-primary-90) !important;
    }
    .c-table_edit {
        display: block !important;
        width: auto !important;
    }
    .c-cover-module__content-wrapper>img {
        width: 100% !important;
    }
}