/* VARIAIES PRINCIPAIS */
:root{
    --FontePadrao: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
    --Cor01: #157C8C;
    --Cor02: #FE793C;
    --Cor03: #00AAB3;
    --Cor04: #FFAE00;
    --CorBranco: #FFFFFF;
    --CorCinza: #E9E9E9;
    --CorPreto: #000000;
}

/* ######################################## */

/* Cores */
.Cor01 {
    color: var(--Cor01);
}
.Cor02 {
    color: var(--Cor02);
}
.Cor03 {
    color: var(--Cor03);
}
.Cor04 {
    color: var(--Cor04);
}

/* Texto padrão */
.Texto{
    font-family: var(--FontePadrao);
    font-size: 1.5em;
    color: var(--CorPreto);
    line-height: 22px;
    /* font-weight: bold; */
}

/* ApresentacaoCurso */
.TituloApresentacao{
    font-family: var(--FontePadrao);
    font-size: 1.5em;
    color: var(--Cor01);
    font-weight: bold;
}
.TituloApresentacao::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900; 
    content: "\f03a";
}


/* ##### RECURSOS ##### */
/* Titulo */
.TituloRecursoGrid{
    font-family: var(--FontePadrao);
    font-size: 2em;
    color: var(--Cor01);
    font-weight: bold;
    padding-bottom: 20px;
    /* border-bottom: 5px solid var(--Cor02); */
}
.TituloRecursoGrid::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900; 
    content: "\f03a";
}


/* ##### CURSOS ##### */
/* Texto dos cursos */
.CursoTexto {
    font-family: var(--FontePadrao);
    font-size: 1.8em;
    color: var(--CorPreto);
    font-weight: lighter;
    padding: 1em;
}

/* Texto que fica dentro do recurso */
.CursoTextoRecurso {
    font-family: var(--FontePadrao);
    font-size: 1.8em;
    color: var(--CorPreto);
    font-weight: lighter;
    padding: 0.5em;
    border-bottom: 2px solid var(--Cor04);
}

.IconTextoRecurso { 
    color: var(--Cor04);
    font-size: 5em;
    padding: 0.2em;
    text-align: center
}

/* Texto do recurso livro */
.TextoLivro {
    font-family: var(--FontePadrao);
    font-size: 1.8em;
    color: var(--CorPreto);
    font-weight: lighter;
    line-height: 1.5em;
    padding: 0.5em;
}

.TextoWhite{
    color: var(--CorBranco) !important; 
}