@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("../fonts/Raleway-Thin.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Raleway-Thin.woff") format("woff"), url("../fonts/Raleway-Thin.ttf") format("truetype"),
        url("../fonts/Raleway-Thin.svg#Raleway") format("svg");
}

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Raleway.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway.woff") format("woff"),
        url("../fonts/Raleway.ttf") format("truetype"), url("../fonts/Raleway.svg#Raleway") format("svg");
}

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/Raleway-Medium.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Raleway-Medium.woff") format("woff"), url("../fonts/Raleway-Medium.ttf") format("truetype"),
        url("../fonts/Raleway-Medium.svg#Raleway") format("svg");
}

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/Raleway-SemiBold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Raleway-SemiBold.woff") format("woff"), url("../fonts/Raleway-SemiBold.ttf") format("truetype"),
        url("../fonts/Raleway-SemiBold.svg#Raleway") format("svg");
}

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Raleway-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Raleway-Bold.woff") format("woff"), url("../fonts/Raleway-Bold.ttf") format("truetype"),
        url("../fonts/Raleway-Bold.svg#Raleway") format("svg");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"),
        url("../fonts/Roboto-Regular.svg#Raleway") format("svg");
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#barrauol {
    position: absolute !important;
    top: 0;
}
#barrauol .containerUOL {
    width: 100% !important;
    max-width: 1280px !important;
}
#barrauol .containerUOL .menu-services ul li a i{
    max-height: 100%;
    width: 30px;
}
#DEBGIMG {
    top: 44px !important;
    position: fixed !important;
}
#area-site {
    margin: auto;
    background-color: #FFF;
    position: relative;
    padding-top: 44px;
    min-height: 1500px;
}
#banner-1x1-area {
    height: 0 !important;
}
body {
    margin: 0;
}
header {
    background-color: #FFF;
    width: 100%;
}
.padrao-be {
    background: linear-gradient(90deg,#00bb6f 0,#00d780 100%);
}
.disciplinas {
    background: linear-gradient(90deg, #ffbe3a 0%, #ffd041 100%);
}
.materia-disciplinas {
    color: #ffbe3a;
    fill: #ffbe3a;
}
.especiais {
    background: linear-gradient(90deg, #30A1DE 0%, #3DCEFD 100%);
}
.materia-especiais {
    color: #30A1DE;
    fill: #30A1DE;
}
.pesquisas {
    background: linear-gradient(90deg, #E13EB4 0%, #FF69D5 100%);
}
.materia-pesquisas {
    color: #E13EB4;
    fill: #E13EB4;
}
.enem {
    background: linear-gradient(90deg, #70D106 0%, #92EE03 100%);
}
.materia-enem {
    color: #70D106;
    fill: #70D106;
}
.br-escola {
    background: linear-gradient(90deg,#00bb6f 0,#00d780 100%);
}
.materia-br-escola {
    color: #00bb6f;
    fill: #00bb6f;
}
.vestibular {
    background: linear-gradient(90deg, #FF761A 0%, #FF954F 100%);
}
.materia-vestibular {
    color: #FF761A;
    fill: #FF761A;
}
.educador {
    background: linear-gradient(90deg, #4294FF 0%, #80B7FF 100%);
}
.materia-educador {
    color: #4294FF;
    fill: #4294FF;
}
.o-que-e {
    background: linear-gradient(90deg, #F383FF 0%, #F69DFF 100%);
}
.materia-o-que-e {
    color: #F383FF;
    fill: #F383FF;
}
.exercicios {
    background: linear-gradient(90deg, #DC5454 0%, #F57979 100%);
}
.materia-exercicios {
    color: #DC5454;
    fill: #DC5454;
}
.monografias {
    background: linear-gradient(90deg, #2FC1D6 0%, #62CFDE 100%);
}
.materia-monografias {
    color: #2FC1D6;
    fill: #2FC1D6;
}
.escola-kids {
    background: linear-gradient(90deg, #2BD076 0%, #4CFC9C 100%);
}
.materia-escola-kids {
    color: #2BD076;
    fill: #2BD076;
}
.video {
    background: linear-gradient(90deg, #735BA7 0%, #BDA1F8 100%);
}
.materia-video {
    color: #735BA7;
    fill: #735BA7;
}
.canais {
    background: linear-gradient(90deg, #CEBA02 0%, #EED701 100%);
}
.materia-canais {
    color: #CEBA02;
    fill: #CEBA02;
}
.matematica {
    background: linear-gradient(90deg,#ff2e2e 0,#db0e0e 100%);
}
.materia-matematica{
    color: #ff2e2e;
    fill: #ff2e2e;
}
.bg-interna {
    background-color: #f7f7f7;
}
.breadcrumb {
    font-size: 14px;
    color: #707070;
}
.bread-active {
    color: #00bb6f;
    font-weight: 600;
}
.bread-active-videos {
    color: #7a00cc;
    font-weight: 600;
}
.centro {
    max-width: 1280px;
    width: 100%;
    margin: auto;
}

.gradient-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #ffffff20 -1%, #000000FF 99%);
    border-radius: 8px;
}


.video-home-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
 }


.gradient-bg-soft {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #ffffff00 40%, #000000b5 80%);
    border-radius: 8px;
}

.gradient-menu {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #ffffff20 -10%, #000000FF 95%);
}

.topo {
    background-color: #FFF;
    height: 100px;
}
.topo.centro{
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.topo-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
    padding: 0 10px;
}

.topo-logo img {
    width: 200px;
    height: 102px;
}

.topo-social {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 33.333%;
    padding: 0 10px;
}
.social-medias {
    display: flex;
    gap: 15px;
    width: 100%;
}
.social-media-bg {
    height: 50px;
    width: 50px;
    background: linear-gradient(90deg, #00bb6f 0%, rgba(0, 215, 128, 1) 100%);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-media-bg img {
    width: 25px;
    height: 25px;
}
.top-search{
    display: flex!important;
    margin: auto!important;
    padding: 0!important;
    overflow: hidden;
    align-items: center;
    justify-content: flex-end;
    width: 25%;
}
.form-search-top{
    position: relative;
    transition: 1s;
}
.top-search-input{
    border-radius: 8px!important;
    height: 52px!important;
}
.go-search{
    transition: 1s;
    position: absolute;
    top: 0;
    right: 5%;
    margin-top: 20px;
}
.topo-tools {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.33333%;
    padding: 0 10px;
}
.topo-tools-not {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 8.33333%;
    padding: 0 10px;
}
.area-notifications {
    position: relative;
    z-index: 6;
    width: 50px;
    height: 50px;
    background: #f1f1f1;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 2px solid #fac300;
}
.not-unread {
    position: absolute;
    bottom: 2px;
    right: 2px;
    height: 10px;
    width: 10px;
    border-radius: 5px;
    background-color: #FF0000;
}
.nots-list_area {
    position: absolute;
    top: 55px;
    right: 0;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f1f1f1;
    width: 300px;
    box-shadow: #1f1e2033 0px 20px 25px;
}
.not-item {
    width: 100%;
    padding: 10px 5px;
    display: flex;
    border-radius: 6px;
    flex-direction: column;
    align-items: flex-start;
    font-size: 12px;
    color: #505050;
    border-bottom: 1px solid #dadada;
}
a.not-item {
    text-decoration: none;
}
.not-item_top {
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.not-item__msg {
    width: 100%;
    transition: 0.3s;
    padding-left: 10px;
}
.not-item_link {
    padding: 0 10px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    color: #fdbd00;
    text-decoration: none;
    font-weight: 500;
}
.not-item:hover {
    background-color: #e5e5e5;
}
#perfil-img1,
#perfil-img2{
    width: 30px!important;
    height: 30px!important;
    border-radius: 50%;
}
.but-back{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height:50px;
}
.x-search{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.x-search:hover{
    transition: 1.5s ease;
    transform: rotate(360deg);
}
.search-but{
    width: 50px;
    height: 50px;
    background: linear-gradient(90deg, rgb(255, 190, 58) 0%, rgb(255, 208, 65) 100%);
    margin-left: 0.3rem;
    margin-right: 0.3rem;
    border-radius: 8px;
    cursor: pointer;
}
.search-mobile {
    display: none;
}
.search-mobile img {
    width: 30px;
}
.menu-sandwitch img {
    width: 30px;
    height: 30px;
    display: none;
}
body.ov-hidden{
    overflow: hidden;
}
.side-menu {
    background: linear-gradient(180deg, #236837 0%, #28c970 100%);
    position: absolute;
    left: -700px;
    top: 0px;
    color: #FFF;
    width: 100vw;
    max-width: 700px;
    height: 100vh;
    z-index: 15;
    transition: 0.5s;
    padding: 20px;
    overflow: scroll;
}
.side-search {
    background: linear-gradient(180deg, #236837 0%, #28c970 100%);
    position: fixed;
    right: -700px;
    top: 0px;
    color: #FFF;
    width: 100vw;
    max-width: 700px;
    height: 100vh;
    z-index: 10;
    transition: 0.5s;
    padding: 20px;
    overflow: scroll;
}
.form-search-mobile {
    margin-top: 40px;
}
.side-menu-opened {
    left: 0;
    transition: 0.5s;
}
.close-menu img,
.close-search img {
    width: 18px;
    height: 18px;
}
.login-mobile,
.signin-mobile,
.perfil-item{
    display: flex;
}
.perfil-item{
    margin-top: 15px;
    position: relative;
}
.social{
    display: block;
}
.login-mobile img,
.signin-mobile img  {
    width: 25px;
    height: 25px;
    margin-right: 15px;
}
.login-mobile p,
.signin-mobile p {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    width: fit-content;
}
.login-card{
    display: flex;
    margin-top: -10px;
}
.login-mobile.card-attention{
    margin: auto;
    margin-bottom: 15px;
}
.login-mobile.card-attention p{
    color: #5c5c5c;
}
@media screen and (min-width: 992px){
    .login-card-desk{
        display: flex!important;
    }
    .login-card{
        display: none;
    }
    .logo-footer{
        width: 26%!important;
    }
    .coluna-footer{
        width: 37%!important;
    }
    .box-social:hover .box-social__icons-box--options{
        left: 0!important;
        transition: left 0.25s ease-in;
    }
    header,
    .area-menu nav{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .area-menu .area-menu--items{
        max-width: 1280px;
    }
}
.menu-itens {
    padding: 0;
    list-style: none;
}
.item-mobile {
    margin-bottom: 15px;
}
.item-mobile a {
    color: #FFF;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
}
.item-mobile a:hover{
    color: #FFF!important;
}
.icon-mobile {
    width: 25px;
    height: 25px;
    margin-right: 15px;
}
.open-item {
    width: auto;
    margin-top: auto;
    margin-bottom: auto;
    transition: 0.5s;
}
.open-item.rotate-icon{
    transform: rotate(90deg);
    transition: 0.5s;
}
.item-arrow {
    display: flex;
    justify-content: space-between;
}
.inner-items {
    padding: 0;
    list-style: none;
}
.inner--item {
    margin: 10px 0;
}
#email-mobile,
#password-mobile,
#search-mobile {
    background-color: #FFF;
    border: 1px solid #cacaca;
    height: 44px;
    border-radius: 22px;
    width: 100%;
    margin: 5px 0;
    padding-left: 15px;
    font-size: 18px;
}
#email-mobile:focus,
#password-mobile:focus,
#search-mobile:focus {
    outline: 1px solid #009357;
}
#submit-search-mobile {
    width: 100%;
    height: 44px;
    border-radius: 22px;
    background: linear-gradient(45deg, #ffbe3a 0%, #ffd041 100%);
    border: none;
    color: #FFF;
    font-weight: 700;
    box-shadow: 0 2px 2px 2px #00000020;
    margin-top: 10px;
}
.form-search-mobile p {
    margin: 20px 0 0 0;
    font-size: 14px;
    color: #FFF;
}
.outside-login {
    width: 100%;
    height: 30%;
}
/* MENU ------------------------------------------------------ */
.area-menu {
    position: relative;
    width: 100%;
    height: 50px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f7f7f7;
    margin-top: 10px;
}
.img-box{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-menu-topo {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.menu-item-link {
    color: #FFF;
    text-decoration: none;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px;
    border-radius: 8px 8px 0 0;
}
.menu-item-link.img-box{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}
.menu-item-link span{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: 8px 8px 0 0;
}
.area-menu a:hover {
    color: #FFF;
}
.area-menu nav {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    max-width: 1280px;
}
.area-menu--items {
    padding: 0;
    margin: 0;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    color: #FFF;
    font-weight: 700;
    overflow: auto;
    cursor: pointer;
}
.menu-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 106px;
    justify-content: flex-end;
}
.menu-drop {
    cursor: default;
    display: none;
    position: absolute;
    z-index: 5;
    top: 100%;
    left: 0;
    width: 100%;
    min-height: 300px;
    height: fit-content;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 5px 2px #00000020;
}
.menu-drop--disciplinas {
    background: linear-gradient(180deg, #ffbe3a 0%, #ffd041 100%);
}
.menu-drop--especial {
    background: linear-gradient(180deg, #30A1DE 0%, #3DCEFD 100%);
}
.menu-drop--tire_duvidas {
    background: linear-gradient(180deg, #9d45e5 0%, #9862c4 100%);
}
.menu-drop--pesquisas {
    background: linear-gradient(180deg, #E13EB4 0%, #FF69D5 100%);
}
.menu-drop--enem {
    background: linear-gradient(180deg, #70D106 0%, #87be22 100%);
}
.menu-drop--vestibular {
    background: linear-gradient(180deg, #FF761A 0%, #FF954F 100%);
}
.menu-drop--educador {
    background: linear-gradient(180deg, #4294FF 0%, #80B7FF 100%);
}
.menu-drop--o_que_e {
    background: linear-gradient(180deg, #F383FF 0%, #F69DFF 100%);
}
.menu-drop--exercicios {
    background: linear-gradient(180deg, #DC5454 0%, #F57979 100%);
}
.menu-drop--monografias {
    background: linear-gradient(180deg, #2FC1D6 0%, #62CFDE 100%);
}
.menu-drop--escola_kids {
    background: linear-gradient(180deg, #2BD076 0%, #4CFC9C 100%);
}
.menu-drop--videos {
    background: linear-gradient(180deg, #735BA7 0%, #BDA1F8 100%);
}
.menu-drop--canais {
    background: linear-gradient(180deg, #CEBA02 0%, #EED701 100%);
}
.menu-drop--disciplinas .menu-drop--item a:hover  {
    color: #ffd041;
    background-color: #FFF;
}
.menu-drop--tire_duvidas .menu-drop--item a:hover  {
    color: #9d45e5;
    background-color: #FFF;
}
.menu-drop--especial .menu-drop--item a:hover  {
    color: #3DCEFD;
    background-color: #FFF;
}
.menu-drop--pesquisas .menu-drop--item a:hover  {
    color: #FF69D5;
    background-color: #FFF;
}
.menu-drop--enem .menu-drop--item a:hover  {
    color: #70D106;
    background-color: #FFF;
}
.menu-drop--vestibular .menu-drop--item a:hover  {
    color: #FF761A;
    background-color: #FFF;
}
.menu-drop--educador .menu-drop--item a:hover  {
    color: #4294FF;
    background-color: #FFF;
}
.menu-drop--o_que_e .menu-drop--item a:hover  {
    color: #F383FF;
    background-color: #FFF;
}
.menu-drop--exercicios .menu-drop--item a:hover  {
    color: #DC5454;
    background-color: #FFF;
}
.menu-drop--monografias .menu-drop--item a:hover  {
    color: #2FC1D6;
    background-color: #FFF;
}
.menu-drop--escola_kids .menu-drop--item a:hover  {
    color: #2BD076;
    background-color: #FFF;
}
.menu-drop--videos .menu-drop--item a:hover  {
    color: #735BA7;
    background-color: #FFF;
}
.menu-drop--canais .menu-drop--item a:hover  {
    color: #CEBA02;
    background-color: #FFF;
}
.menu-drop--items {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 10px !important;
}
.menu-drop--item {
    margin: 10px 0;
    width: 25%;
    list-style: none;
}
.submenu-link {
    display: flex;
    width: 100%;
    padding: 5px 10px;
    text-align: left !important;
    text-decoration: none;
    color: #FFF;
    border-radius: 4px;
}
/*CONTEUDOS ESPECIAIS------------------------------------------------*/

.fullwidth{
    max-width: 1280px;
    width: 100%;
    height: 998px;
    background-color: #fff;
    clear: both;
    border-radius: 20px;
    margin-bottom: 15px;
    overflow: hidden;
}

.fullwidth-content-inner iframe {
    width: 100%;
    height: 100%;
  }


.fullwidth-content-inner img {
 max-width: 100%;
}

/* PUBLICIDADE ----------------------------------------------- */
.pub_insert_content{
    margin-bottom: 20px;
}
.publi-inner :only-child{
    margin: auto;
}
.area-publi-topo {
    width: 100%;
    height: 266px;
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.publi-topo {
    width: fit-content;
    height: fit-content;
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pp-fixa {
    position: fixed;
    justify-content: center;
    align-items: center;
    top: 0;
    background-color: #e9ebf2;
    z-index: 15;
}
.timer-publi {
    width: fit-content;
    height: fit-content;
    color: #cacaca;
}
.omnia-center div {
    text-align: center;
    margin: 0 auto;
}
.publi-bot-mobile{
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #fff;
    z-index: 1000;
}
/* DESTAQUES ------------------------------------------------- */
.destaques {
    position: relative;
    z-index: 0;
}
.destaque-publi {
    background-color: #e5e5e5;
    border: 1px solid #cecece;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
}
.layer-area-publi {
    width: 300px;
    height: 250px;
    border: 1px solid #000;
    margin: 30px auto 0 auto;
}
.destaques h1,
.noticias h2,
.mais-vistos h2,
/*.principais-autores h2,*/
.recomendados h2,
.cards-box h2{
    padding-left: 15px;
    font-weight: 700;
    color: #505050;
    font-size: 38px;
    margin: 0;
    margin-right: 20px;
    white-space: nowrap;
}
.detaques-topo,
.noticias-topo,
.mais-vistos-topo,
.cards-materias {
    display: flex;
    align-items: center;
    position: relative;
}
hr.dashed-line {
    border: none;
    border-top: 2px dotted #00bb6f;
    color: #fff;
    background-color: #fff;
    height: 1px;
    width: 100%;
    opacity: 1;
    margin-top: 25px;
}
.destaques-grid a {
    text-decoration: none;
}
.detaques-topo ul,
.ultimas-noticias ul,
.mais-vistos-topo ul {
    display: flex;
    justify-content: end;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 5px;
}
.detaques-topo ul li,
.ultimas-noticias-topo ul li,
.mais-vistos-topo ul li {
    color: #505050;
    margin-right: 20px;
}
.destaques-active,
.ultimas-noticias-active,
.mais-vistos-active {
    font-weight: 700;
    color: #00bb6f !important;
}
.abas-home {
    border: none !important;
    width: 300px;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    outline: none;
    border-top-right-radius: 8px;
    color: #00bb6f !important;
    font-weight: 700;
}
.nav-tabs .nav-link {
    border: none !important;
}
.nav-link {
    color: #505050 !important;
    background-color: #FFF;
}
.detaques-topo ul li,
.ultimas-noticias-topo ul li,
.mais-vistos-topo ul li {
    margin: 0 !important;
}
.janela-noticia-destaque {
    width: 100%;
}
.mais-visto-card a{
    text-decoration: none;
}
.janela-conteudo {
    border-radius: 8px;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    border: 1px solid #cecece;
}
.janela-conteudo-categoria {
    position: relative;
    z-index: 2;
    padding-inline: 15px;
    margin-top: 15px;
    width: fit-content;
    border-radius: 0 25px 25px 0;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: 600;
    font-size: 14px;
}
.janela-conteudo-materia {
    margin-inline: 15px;
    margin-top: 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.janela-conteudo-materia p {
    margin-bottom: 0;
}
.janela-conteudo img {
    border-radius: 8px;
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.janela-conteudo-info {
    position: relative;
    z-index: 2;
}
.janela-conteudo-titulo .janela-titulo {
    margin-inline: 15px;
    color: #FFF;
    font-size: 26px;
}
.janela-conteudo-titulo .janela-descricao {
    margin-inline: 15px;
    color: #FFF;
    line-height: 22px;
    font-size: 16px;
}
.conteudo-saiba-mais {
    margin-inline: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background: linear-gradient(0deg,#009a5b 0,#00bb6f 100%);
    color: #FFF;
    text-decoration: none;
    border-radius: 6px;
    transition: all ease 0.3s;
}
.conteudo-saiba-mais:hover {
    background: linear-gradient(0deg,#00bb6f 0,#00bb6f 100%);
    color: #FFF;
}

/* NOTICIAS */
.short-noticias {
    display: flex;
    flex-direction: column;
}
.noticia {
    display: flex;
    text-decoration: none;
}
.img-short-noticia {
    position: relative;
    width: 120px;
    min-width: 120px;
    height: 150px;
    border-radius: 10px;
    border: 1px solid #cecece;
}
.img-short-noticia img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.info-short-noticia {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
    padding: 10px;
    background-color: #f7f7f7;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}
.noticia-tipo {
    padding: 5px 15px;
    color: #FFF;
    border-radius: 17px;
    width: fit-content;
    font-size: 12px;
    font-weight: 600;
}
.noticia-titulo {
    font-size: 15px;
    font-weight: 700;
    color: #606060;
    line-height: 20px;
}
.noticia-tema {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.noticia-tema span {
    display: flex;
    align-items: center;
}
.noticia-tema p {
    margin-bottom: 0;
}
.big-noticia-tema-data {
    position: relative;
    bottom: 15px;
    z-index: 2;
    font-size: 14px;
    margin-top: 15px;
    margin-inline: 15px;
}
.big-noticia-tema-data span {
    display: flex;
    align-items: center;
}
.big-noticia-tema-data p {
    margin-bottom: 0;
}
.grid-2 {
    padding-right: 40px;
}
.big-noticia {
    display: flex;
    flex-direction: column;
    position: relative;
    text-decoration: none;
}
.img-big-noticia {
    position: relative;
    width: 100%;
    height: 270px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.img-big-noticia img {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.big-noticia-tipo {
    position: relative;
    z-index: 2;
    margin-top: 15px;
    padding: 5px 15px;
    color: #FFF;
    border-radius: 0 17px 17px 0;
    width: fit-content;
    font-size: 12px;
    font-weight: 600;
}
.big-noticia-titulo h3 {
    margin-top: 10px;
    color: #606060;
    font-size: 1.4rem;
}
.info-big-noticia {
    display: flex;
    flex-direction: column;
}
.big-noticia-titulo-mobile {
    position: relative;
    z-index: 2;
    margin-inline: 15px;
    color: #FFF;
}
.area-side-publi {
    padding-top: 10px;
    width: 100%;
    height: 320px;
    background-color: #F9F9F9;
    border-radius: 8px;
}
.area-side-publi p {
    font-size: 10px;
    margin-left: 10px;
    color: #606060;
}
.side-publi {
    width: 300px;
    height: 250px;
    margin: 10px auto;
}
.estude-agora {
    display: none;
}
.img-estude-agora {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.area-img-news {
    position: relative;
    width: 100px;
    height: 100px;
    min-width: 100px;
    border-radius: 8px;
    box-shadow: 0 2px 5px 2px #00000020;
    margin-right: 15px;
}
.area-img-news img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.area-news-grid-3 {
    display: flex;
    flex-direction: column;
    height: 260px;
}
.area-video-box{
    display: flex;
    text-decoration: none;
    height: 100%;
    cursor: pointer;
}
.video-info{
    width: 50%;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
}
.video-info h3{
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    margin: 0;
}
.video-info span{
    margin-top: 10px;
    font-size: 13px;
    color: #993fe2;
    overflow: hidden;
}
.video-area{
    width: 100%;
    height: 100%;
}
.video-img{
    position: relative;
    width: 50%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.video-img svg{
    position: absolute;
    top: 35%;
    left: 38%;
    width: 40px;
    height: 40px;
    z-index: 3;
}
.video-box{
    width: 100%;
    height: 120px;
    margin-bottom: 15px;
}
.news-grid-3 {
    display: flex;
    margin-top: 32px;
    text-decoration: none;
}
.news-tipo {
    padding: 5px 15px;
    color: #FFF;
    border-radius: 17px;
    width: fit-content;
    font-size: 12px;
    font-weight: 600;
}
.info-news-grid-3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-titulo {
    line-height: 20px;
    font-size: 15px;
    color: #606060;
    font-weight: 700;
}
/* MAIS VISTOS ----------------------------------------------- */
.mais-visto-area a {
    text-decoration: none;
    color: #FFF;
}
.mais-visto-area a:hover {
    color: #FFF;
}
.mais-visto-card {
    position: relative;
    height: 400px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #cecece;
    overflow: hidden;
}
.mais-visto-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.mais-visto-card-video {
    position: relative;
    z-index: 3;
    width: 100%;
    display: flex;
    justify-content: center;
}

.mais-visto-materia {
    margin-inline: 15px;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.mais-visto-materia p {
    margin-bottom: 0;
}

.mais-visto-titulo {
    position: relative;
    z-index: 2;
    padding: 10px 15px;
    color: #FFF;
    border-radius: 0 20px 20px 0;
    margin-top: 15px;
    font-size: 13px;
    width: fit-content;
    font-weight: 600;
}
.mais-visto-info {
    position: relative;
    z-index: 3;
}
.mais-visto-info h3 {
    color: #FFF;
    margin-bottom: 10px;
    padding-inline: 20px;
    font-size: 26px;
}
.mais-visto-info h4 {
    color: #FFF;
    padding-inline: 20px;
    font-size: 16px;
    line-height: 22px;
}
/* INTERNA > SECAO ------------------------------------------- */
.texto-completo{
    background-color: #FFF;
    padding: 12px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 12px;
    position: relative;
}
.texto-conteudo h2, h3 {
    margin-bottom: 1.1rem;
    text-align: left !important;
}
.texto-conteudo h3 {
    font-size: 1.5rem;
}
.texto-conteudo h4 {
    font-size: 1.2rem
}
.texto-conteudo h5 {
    font-size: 1.1rem
}
.grid-side-1 {
    padding-right: 40px !important;
}
.titulo-interna {
    font-size: 34px;
    font-weight: 700;
    color: #505050;
}
.pub_insert_content_titulo {
    font-size: 14px;
    color: #707070;
    width: fit-content;
    margin: auto;
}
.definicao {
    font-size: 18px;
    color: #505050;
}
.resumo-artigo{
    font-size: 18px;
    margin-bottom: 25px;
    display: block;
    font-style: normal;
    font-weight: normal;
    color: #707070;
}
.sumario-conteudo {
    height: fit-content;
    margin-bottom: 30px;
}
.sumario-conteudo h3 {
    font-weight: 500;
    color: #505050;
    font-size: 26px;
    margin-bottom: 15px;
}
.sumario-conteudo ul {
    padding: 0;
    list-style: none;
    width: fit-content;
}
.sumario-conteudo ul li {
    margin-bottom: 4px;
}
.sumario-conteudo a {
    color: #707070;
    text-decoration: none;
}
.sumario-conteudo a:hover {
    color: #009A5B;
}
.area-img-destaque-conteudo {
    display: grid;
    place-items: center;
}
.img-destaque-interna {
    object-fit: cover;
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 520px;
    border: 1px solid #cecece;
    border-radius: 15px;
}

@media screen and (min-width: 320px) {
    .area-img-destaque-conteudo{
        height: 450px;
    }
    .img-destaque-interna{
        max-height: 400px;
        height: auto;
    }
    .grid-side-1 figure{
        margin: 0;
    }
    .interna-topo.mb-5{
        margin-bottom: 2rem!important;
    }
}
.area-podcast {
    width: 100%;
    height: 80px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 5px 2px #00000020;
    color: #00bb6f;
    font-weight: 800;
}

#audimaWidget .audima-player{
    display: flex;
    width: 100%;
    height: 40px !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    justify-content: center !important;
    align-items: center !important;
    box-shadow: 0 2px 5px 2px #00000020 !important;
    color: #00bb6f !important;
    font-weight: 800 !important;
}

#audimaWidget .audima-panel {
    display: flex;
    width: 100%;
    height: 40px !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    justify-content: center !important;
    align-items: center !important;
    box-shadow: 0 2px 5px 2px #00000020 !important;
    color: #00bb6f !important;
    font-weight: 800 !important;
  }

.texto-conteudo p {
    margin-bottom: 20px !important;
}
.texto-conteudo blockquote {
    border-left: 3px solid #009a5b;
    font-size: 12px;
    padding-left: 15px;
}

.texto-conteudo  h5{
    color:#505050 !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

.texto-conteudo  h2,strong{
    font-weight: 600 !important;
}
.texto-conteudo img {
    height: auto;
    max-width: 100%;
}
 .area-publi-interna {
    width: 100%;
    height: 300px;
    background-color: #F1F1F1;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.layer-colun-publi {
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.layer-colun-publi.artigo{
    max-width: 40%;
}
.area-publi-interna span {
    width: 95%;
    color: #707070;
    font-size: 12px;
}
.publi-post{
    display: flex;
}
.publi-post :only-child{
    margin: auto;
}
.texto-conteudo .publi-interna {
    height: 250px;
    width: 300px;
    border: 1px solid #000;
}
.area-video-interna {
    width: 100%;
}
.topo-area-video {
    align-items: center;
    margin-bottom: 30px;
}
.topo-area-video h2,
.topo-sub-section h2 {
    min-width: fit-content;
    font-weight: 700;
    color: #505050;
    margin: 0;
    margin-right: 20px;
}

.videos {
    margin-left: 0px !important;
    position: relative;
    width: 100%;
    max-width: 720px;
    max-height: 480px;
    border-radius: 20px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #e5e5e5;
    overflow: auto;
}
.slide-ex{
    transform: translate3d(0px,0,0);
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.scroll-ex{
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.area-top-exercicios {
    width: 100%;
    height: 72px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    font-weight: 800;
    background: linear-gradient(55.82deg, #27AE60 15.62%, #30D676 89.05%);
    font-size: 20px;
    padding-left: 32px;
    justify-content: space-between;
}
.more-ex{
    display: flex;
    height: 100%;
    width: 30%;
}
.mais_questoes{
    display: flex;
    align-items: center;
    text-decoration: none;
}
.more-ex p{
    margin: 0!important;
    color: #FFF;
}
.more-ex img{
    margin-left: 15px;
}
.exercicios-slider {
    position: relative !important;
    padding-bottom: 20px !important;
    width: 100% !important;
    max-width: 720px !important;
    height: fit-content !important;
    border-radius: 10px !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    background-color: #e5e5e5 !important;
    margin-left: 0px !important;
    overflow: auto;
}
.exercicios-slider::-webkit-scrollbar,
.videos::-webkit-scrollbar {
    display: none;
    scrollbar-width: none;
}
.exercicios-item{
    padding: 1px  0px  !important;
    margin-top: -25px;
}
.exercicios-layer{
    display: flex;
    padding-left: 32px;
    max-width: 690px;
}
.info-exercicios{
    display: flex;
    flex-direction: column;
    max-width: 650px;
}
.info-exercicios-title{
    height: 17px;
    left: 337px;
    top: 5819px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FDBD00;
}
.exercicios-titulo{
    color: #27AE60;
    font-size: 14px;
    margin: 0;
    font-style: normal;
    font-weight: bold;
    line-height: 22px;
    padding-right: 32px;
}
.exercicios-questao{
    padding-top: 22px;
    display: flex;
    flex-direction: row;
}
.span-questao{
    width: 24px;
    height: 24px;
    left: 337px;
    top: 5887px;
    background: #27AE60;
    border-radius: 49px;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    justify-content: center;
}
.texto-questao {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 14px;
    width: auto;
    height: 18px;
    left: 377px;
    top: 5888px;
    padding-left: 6px;
}
.video-include {
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}
.titulo-video h3 {
    color: #FFF;
    margin-left: 20px;
    position: relative;
    z-index: 2;
}
.materia-video {
    color: #993fe2;
    position: relative;
    z-index: 2;
}
.right-side {
    min-width: 300px;
    padding-left: 12px;
    position: relative;
}
.pub-flutuante-artigo-2{
    overflow: hidden;
}
.categoria-video {
    width: fit-content;
    z-index: 2;
    padding-inline: 20px;
    margin-top: 16px;
    background: linear-gradient(261.71deg, #C3A7FF 0%, #6A539D 100%);
    border-radius: 0px 24px 24px 0px;
    color: #FFFFFF;
    height: 40px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    display: flex;
    align-items: center;
}
.thumb-video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.topo-sub-section {
    display: flex;
    align-items: center;
}
.sub-section-canais {
    margin-top: 60px;
    margin-bottom: 40px;
    min-height: 450px;
}
.canal-layer {
    display: flex;
    background-color: #FFF;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #dadada;
}
.img-canal {
    width: 140px;
    height: 140px;
    border-radius: 8px;
    margin-right: 20px;
}
.img-canal img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    margin-right: 20px;
    object-fit: cover;
}
.info-canal {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}
.info-canal-categoria {
    background: linear-gradient(90deg, rgb(255, 190, 58) 0%, rgb(255, 208, 65) 100%);
    width: fit-content;
    height: 28px;
    border-radius: 14px;
    font-size: 12px;
    font-weight: 600;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}
.info-canal-titulo {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    margin: 0;
}
.info-canal-descricao {
    color: #505050;
    font-size: 14px;
    margin: 0;
}
.info-canal-materia {
    font-size: 12px;
    color: #f1c812;
    margin: 0;
}
.texto-conteudo td {
    border: 2px solid #707070;
}
.texto-conteudo tr {
    border: 2px solid #707070;
}

/* PÀGINA - DISCIPLINAS */
.area-lista--materias {
    border-top: 3px solid #dadada;
}
.title-page--disciplinas {
    padding-left: 10px;
    padding-top: 10px;
    color: #505050;
    margin: 0 0 20px 0;
    width: 100%;
}
.area-lista--disciplinas {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.area-lista--disciplinas .p-2{
    margin: auto;
}
.layer-disciplinas {
    position: relative;
    height: 140px;
    width: 260px;
    border-radius: 8px;
    overflow: hidden;
    border-bottom: 4px solid #dadada;
    box-shadow: 1px 1px 5px 2px #00000010;
}
.layer-disciplinas h3 {
    padding: 5px 8px;
    margin: 0;
    width: 100%;
    background-color: #ffbe3a;
    font-size: 16px;
    color: #FFF;
}
.layer-disciplinas--descricao {
    padding: 10px 8px 0 8px;
    font-size: 15px;
    color: #606060;
}
.layer-disciplinas:hover .share-disciplina {
    display: flex;
}
.layer-disciplinas:hover {
    outline: 4px solid #ffbe3a;
    border-bottom: none;
}
.share-disciplina {
    background-color: #ffbe3a;
    padding: 2px 5px;
    width: 100%;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    justify-content: space-between;
}
.share-disciplina span {
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    margin-top: 2px;
}
.share-disciplina img {
    width: 18px;
    height: 18px;
    margin-top: 3px;
}
.share-disciplina p {
    margin: 0;
    color: #FFF;
    padding: 0 !important;
    font-size: 13px;
    margin-top: 3px;
}
.share-disciplina p img {
    height: 8px !important;
    width: 5px !important;
    margin: 0 !important;
    margin-bottom: 2px !important;
}
/* PÀGINA - CANAIS */
.title-page--canais {
    padding-left: 10px;
    padding-top: 10px;
    color: #505050;
    margin: 0 0 20px 0;
    width: 100%;
}
.area-lista--canais {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.layer-canais {
    position: relative;
    height: 140px;
    width: 260px;
    border-radius: 8px;
    overflow: hidden;
    border-bottom: 4px solid #dadada;
    box-shadow: 1px 1px 5px 2px #00000010;
}
.layer-canais h3 {
    padding: 5px 8px;
    margin: 0;
    width: 100%;
    background-color: #30A1DE;
    font-size: 16px;
    color: #FFF;
}
.layer-canais--descricao {
    padding: 10px 8px 0 8px;
    font-size: 15px;
    color: #606060;
}
.layer-canais:hover .layer-canais--descricao {
    color: #000;
    font-size: 13px;
}
.layer-canais:hover .share-canais {
    display: flex;
}
.layer-canais:hover {
    outline: 4px solid #30A1DE;
    border-bottom: none;
}
.share-canais {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #30A1DE;
    padding: 2px 5px;
    width: 100%;
    display: none;
    justify-content: space-between;
}
.share-canais span {
    width: 22ch;
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    margin-top: 2px;
}
.share-canais img {
    width: 18px;
    height: 18px;
    margin-top: 3px;
}
.share-canais p {
    margin: 0;
    color: #FFF;
    padding: 0 !important;
    font-size: 13px;
    margin-top: 3px;
}
.share-canais p img {
    height: 8px !important;
    width: 5px !important;
    margin: 0 !important;
    margin-bottom: 2px !important;
}

/* CSS - COLUNISTA */
.colunista-topo-bloco {
    display: flex;
}
.colunista-topo-bloco .colunista-topo-imagem {
    margin-right: 20px;
}
.colunista-topo-bloco .colunista-topo-imagem img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 0px 5px 1px #00000040;
}
.colunista-topo-bloco .colunista-topo-nome h6 {
    font-size: 16px;
    margin-bottom: 0;
    color: #505050;
}
.colunista-topo-bloco .colunista-topo-nome span {
    font-size: 14px;
    margin-bottom: 0;
    color: #009A5B;
}
.colunista-topo-infos {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.colunista-topo-bloco .colunista-topo-description {
    margin-top: 10px;
}
.colunista-topo-bloco .colunista-topo-redes {
    margin-top: 20px;
}
.colunista-topo-bloco .colunista-topo-redes a {
    text-decoration: none;
}
.colunista-topo-bloco .colunista-topo-redes a img {
    width: 30px;
}
.colunista-bottom-bloco {
    background-color: #e9ebf2;
    padding: 20px;
    color: #000;
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    margin-top: 20px;
    border-radius: 8px;
    box-shadow: 0 0px 5px 1px #00000020;
}
.colunista-bottom-bloco h5 {
    font-size: 20px;
    color: #3d3c41;
    margin-bottom: 20px;
    margin-top: 5px;
    font-weight: bold;
}
.colunista-pagina .titulo-definicao {
    text-align: center;
    font-size: 34px;
}
.interact{
    display: flex;
    height: 65px;
    gap: 10px;
}
#audimaWidget{
    margin-top: 9px;
    width: 50%;
}
.controles-texto {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
    height: 36px;
    background-color: #FFF;
    padding: 10px 10px;
    border-radius: 15px;
    border: 1px solid #999;
    margin-top: 1rem;
}
.centraliza{
    margin: auto;
}
.fonte,
.imprimir {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
}
.imprimir:hover span {
    color: #009357;
}
.fonte span,
.imprimir span {
    font-size: 12px;
    color: #808080;
    margin-right: 10px;
}
.a-mais,
.a-menos {
    background-color: #808080;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 12px;
    border-radius: 3px;
}
.a-mais:hover,
.a-menos:hover {
    background-color: #009357;
    cursor: pointer;
}
.table-conjugacao {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.table-conjugacao th,
.table-conjugacao tr,
.table-conjugacao td {
    padding: 10px;
}
.table-conjugacao td {
    width: 50%;
}
.table-conjugacao tr{
    border: 2px solid #dadada;
}
.table-conjugacao th{
    color: #fff;
}
.table-conjugacao tr td{
    text-align: center;
    border: none;
}
.table-conjugacao tr td:nth-child(odd){
    border-right: 2px solid #dadada;
}
.table-conjugacao tr:first-child{
    background: linear-gradient(90deg, rgb(255, 190, 58) 0%, rgb(255, 208, 65) 100%);
    border: none;
    outline: none;
}
.table-conjugacao tr:first-child th:first-child{
    border-top-left-radius: 8px;
    border-right: 2px solid #707070;
}
.table-conjugacao tr:first-child th:last-child{
    border-top-right-radius: 8px;
}
.table-conjugacao tr:nth-child(odd){
    background-color: #FFF;
}
.table-conjugacao tr:nth-child(even){
    background-color: #f3f3f3;
}
/* COLUNA - DIREITA */
.ultimos-artigos {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.ultimos-artigos h3 {
    font-size: 30px;
    font-weight: 600;
    color: #404040;
    margin-bottom: 20px;
}
.area-ult-artigo {
    display: flex;
}
.seq-ult-artigos {
    display: flex;
    flex-direction: column;
}
.img-ult-artigo {
    width: 40%;
    min-height: 140px;
    border-radius: 8px;
}
.img-ult-artigo img {
    width: 100%;
    height: 100%;
    max-height: 140px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #cecece;
}
.info-ult-artigo {
    width: 60%;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.info-ult-artigo-categoria {
    padding: 0 10px;
    height: 28px;
    border-radius: 14px;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 12px;
}
.title-ult-artigo {
    margin: 0;
    color: #303030;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}
.info-ult-artigo-materia {
    margin: 0;
    font-size: 13px;
    color: #E44258;
}
.publi-dir {
    height: 300px;
    width: 100%;
    background-color: #F1F1F1;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    left: 0;
}
.publi-dir.inner{
    width: 320px;
    margin: 0 25px 25px 0;
    float: left;
}
.area-publi-dir {
    width: 300px;
    height: 250px;
    margin: auto;
}
.topfive {
    display: flex;
    flex-direction: column;
}
.area-top-artigos {
    display: flex;
    flex-direction: column;
}
.top-artigo {
    display: flex;
}
/* .top-artigo-img {
    position: relative;
    width: 80px;
    min-width: 80px;
    height: 80px;
    border-radius: 4px;
    margin-right: 12px;
    overflow: hidden;
    box-shadow: 0 3px 6px 2px #0000002b;
}
.top-artigo-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.top-artigo-info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.top-artigo-info p {
    margin: 0;
    color: #404040;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}
.top-artigo-info span {
    font-size: 14px;
    color: #27AE60;
    line-height: 14px;
} */
.publi-flutuante {
    width: 100%;
    min-width: 300px;
    max-width: 300px;
    height: 600px;
    border: 1px solid #000;
}
#area-flutuante-artigo-1 {
    min-height: 600px;
}
.feed-box{
    width: 100%;
    height: 300px;
    margin-top: 30px;
}
.float-feed{
    width: 100%;
    height: 100%;
}
.category-card {
    height: 100px;
    width: 140px;
    font-size: 14px;
    display: grid;
    place-items: center;
    background: #f7f7f7;
    color: #505050;
    border-radius: 6px;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
    transition: transform .2s;
    border: 1px solid #e5e5e5;
}
.category-card:hover {
    border: 1px solid #9D45E5;
    color: #9D45E5;
    font-weight: 500;
    transform: scale(1.2);
}
.btn-next,
.btn-prev,
.btn-prev-exercicios,
.btn-next-exercicios{
    cursor: pointer;
}
.call-consult{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #FFF;
    margin: 1rem 0 1rem 0;
    border: 2px solid #2798ff
}
.call-consult a {
    color: #2798ff;
    font-weight: 500;
    text-decoration: none;
}
.call-consult a:hover {
    text-decoration: underline;
}
.try-gpt{
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: auto;
}
.box-try{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #FFF;
    padding: 10px;
    border: 2px solid #FAC300;
    margin-bottom: 15px;
    cursor: pointer;
    transition: 0.5s ease;
    position: relative;
    gap: 15px;
}
.box-try:hover{
    box-shadow: 0 2px 5px 2px #00000020;
}
.try-gpt span{
    text-align: center;
    color: #FAC300;
    font-weight: 900;
}
.close-confirmation{
    font-size: 45px;
    display: flex;
    width: 30px;
    align-self: flex-end;
    height: 30px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #2798ff;
}
.gpt-test{
    width: 100%;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: auto;overflow: hidden;
    transition: 1.5s;
}
.gpt-test span{
    text-align: center;
    color: #2798ff;
    font-weight: 900;
}
.box-gpt{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #FFF;
    padding: 10px;
    border: 2px solid #2798ff;
    cursor: pointer;
    margin-bottom: 15px;
    transition: 0.5s ease;
    position: relative;
    left: 0;
    box-shadow: 0 2px 5px 2px #00000020;
}
.bloco-info{
    text-align: justify;
}
.gpt-test:hover .box-gpt {
    animation: bounce 1.5s;
}
@keyframes bounce {
    0%, 100%{
        left: 0;
    }
    50%{
        left: -20%;
    }

}
.gpt-test:hover .back-box{
    animation: back-bounce 1.5s;
    animation-fill-mode: forwards;
}
@keyframes back-bounce {
    0%{
        left: 50%;
        opacity: 0;
    }
    50%{
        left: 70%;
    }
    100%{
        left: 50%;
        opacity: 1;
    }

}
.back-box{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #FFF;
    padding: 10px;
    border: 2px solid #2798ff;
    transition: 0.5s ease;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}

.animation-hand{
    position: absolute;
    bottom: 2px;
    right: 2px;
    animation: click;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}
@keyframes click {
    0%, 100% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(-45deg);
    }
}
.back-box ol{
    list-style: none;
    counter-reset: li;
    margin: 0;
}
.back-box ol li::before{
    content: counter(li);
    counter-increment: li;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    color: #9D45E5;
    font-weight: 900;
}
.info-confirm-block{
    display: flex;
    flex-direction: column;
    padding: 15px 15px;
    height: fit-content;
    position: relative;
    gap: 15px;
}
.info-confirm-block p{
    margin-bottom: 0;
}
.info-confirm-block p strong,
.accept-span{
    text-align: center;
    color: #9D45E5;
}
.accept-span{
    font-weight: 900;
}
.accept-span.title{
    font-size: 20px;
}
.one-chance{
    display: flex;
    width: 100%;
    background-color: #9D45E5;
    color: #FFF;
    font-weight: 900;
    padding: 10px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.closeModal{
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: flex-end;
}
.modal-completo{
    width: 100%;
    max-width: 600px;
    height: auto;
    background-color: #FFF;
    box-shadow: 0 2px 5px 0px #00000020;
    border-radius: 15px;
    overflow: hidden;
    margin: auto;
    padding: 5px;
    position: relative;
}
.back-panel:before{
    content: "";
    background-image: conic-gradient(
        #fdbd00 20deg,
        transparent 120deg
    );
    height: 200%;
    width: 150%;
    position: absolute;
    left: -25%;
    top: -38%;
    animation: rotate 3s infinite linear;
}
@keyframes rotate{
    100%{
        transform: rotate(-360deg);
    }
}
.back-panel{
    width: 100%;
    min-height: 100%;
    background-color: #FFF;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    display: flex;
    padding: 15px;
}
.front-panel{
    width: 100%;
    height: 100%;
    background-color: #FFF;
    border-radius: 15px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.buttons-option{
    display: flex;
    width: 100%;
    gap: 15px;
}
.select-option{
    width: 50%;
    height: 40px;
    background-color: #FDBD00;
    color: #FFF;
    font-weight: 900;
    border: none;
    border-radius: 6px;
    padding: 5px;
    transition: 0.2s;
    margin: 15px 0;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.select-option:hover{
    background-color: #d49f05;
}
.area-feed-cards .category-card {
    height: 90px;
    background-color: #FFF;
}
.category-card.all:hover{
    transform: none;
}
.mini-emoji{
    position: absolute;
    transform: scale(0.6);
    margin: 11px 0 0 6px;
}
.no-cards{
    background-color: #ffabab59;
}
.active-category {
    border: 2px solid #9D45E5;
}
.inner-box{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.call-feed{
    padding-left: 30px;
    padding-right: 10px;
    font-size: 16px;
    color: #40af60;
    font-weight: 800;
}
.quest-p{
    width: 100%;
}
.inner-box .btn-open-card{
    width: 100%;
}
.btn-open-card.feed{
    display: flex;
    height: 36px;
    background: rgb(255, 190, 58);
}
.btn-open-card.feed span{
    margin: auto;
    color: #FFF;
    font-weight: 800;
}
.right-side .topo-sub-section{
    display: none;
}
.sub-section-forum {
    margin-bottom: 25px;
}
.feed-box{
    margin: auto;
    width: 100%;
}
.combo-social {
    width: 100%;
    max-width: 320px;
    height: 185px;
    display: flex;
    flex-wrap: wrap;
}
.combo-social img {
    height: 40px;
    width: auto;
}
.social-fb,
.social-tt,
.social-ig,
.social-yt,
.social-tk {
    display: flex;
    justify-content: center;
    align-items: center;
}
.social-fb {
    background: linear-gradient(45deg, #0048D5 0%, #15A4FB 96.98%);
    border-radius: 0 0 0 10px;
}
.social-tt {
    background: linear-gradient(226.09deg, #5FE1F5 0%, #0CA7D6 98.16%);
}
.social-ig {
    background: linear-gradient(47.62deg, #8D0099 4.17%, #EE58E8 100%);
    width: 49.999%;
    border-top-left-radius: 10px;
}
.social-yt {
    background: linear-gradient(227.23deg, #FF6363 0%, #E00000 96.4%);
    width: 50%;
    border-top-right-radius: 10px;
}
.social-tk{
    background: #000;
    border-radius: 0 0 10px 0;
}
.social-fb,.social-tt,.social-tk{
    width: 33.333%;
}

/* INTERNA > VIDEOS --------------------------------------------- */
.topo-videos h2 {
    margin-right: 20px;
    margin-bottom: 30px;
}
.video-categoria a {
    text-decoration: none;
}
.lista-videos-categorias {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    justify-content: space-between;
}
.video-categoria {
    position: relative;
    width: 220px;
    height: 220px;
    margin: 10px 10px 0 0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 10px 10px 10px;
    color: #FFF;
    overflow: hidden;
}
.video-categoria.pod{
    position: relative;
    width: 200px;
    height: 200px;
    margin: 10px 10px 0 0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 10px 10px 10px;
    color: #FFF;
    overflow: hidden;
}
.video-categoria img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.img-categoria--item {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.cat-video {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 15px!important;
}
.qtd-videos {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
}
.qtd-videos p {
    margin: 0;
    color: #c3a7ff;
    font-size: 13px;
    margin-left: 5px;
    margin-top: 2px;
}
.area-video-layer {
    display: flex;
    text-decoration: none;
    cursor: pointer;
}
.area-info-video {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.area-info-video h3 {
    padding-right: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #303030;
    margin: 0;
}
.area-info-video span {
    font-size: 13px;
    color: #993fe2;
}
.area-video {
    width: 100%;
    height: 480px;
}
.video-conteudo{
    margin: auto;
}
@media screen and (max-width: 400px){
    .area-video{
        max-height: 200px!important;
    }
    .video-categoria{
        width: 140px;
        height: 140px!important;
    }
}
.video-conteudo {
    position: relative;
    z-index: 0;
    width: 100%;
    max-width: 720px;
    height: 100%;
    max-height: 420px;
    border-radius: 15px;
    overflow: hidden;
}
.subtitulo-video {
    font-size: 18px;
    color: #707070;
}
.video-relacionado {
    position: relative;
    display: flex;
}
.area-img-video {
    position: relative;
    width: 140px;
    height: 140px;
}
.area-img-video img {
    width: 100%;
    height: 100%;
    min-width: 140px;
    min-height: 140px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 2px 5px 2px #00000020;
}
.area-img-video svg {
    position: absolute;
    top: 35%;
    left: 38%;
    width: 40px;
    height: 40px;
    z-index: 3;
}
.titulo-single--video {
    font-size: 26px;
    color: #303030;
}
.lista-videos-relacionados {
    display: flex;
    flex-wrap: wrap;
}
.area-info-video-relacionado h3 {
    font-size: 18px;
    font-weight: 600;
    padding-right: 20px;
    max-width: 300px;
}
.area-info-video-relacionado span {
    color: #c977ff;
    font-size: 13px;
}
.area-info-video-relacionado {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.video-relacionado {
    margin-bottom: 30px;
}

.artigos-relacionados--bloco {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.artigos-relacionados--bloco a {
    text-decoration: none;
    width: 100%;
    max-width: 400px;
}
.artigo-relacionado--card {
    display: flex;
    width: 100%;
    margin-bottom: 24px;
}
.artigo-relacionado--img {
    width: 100px;
    min-width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 5px 2px #00000020;
    margin-right: 12px;
}
.artigo-relacionado--img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.artigo-relacionado--info {
    display: flex;
    width: 100%;
    max-width: 250px;
    flex-direction: column;
    justify-content: space-around;
}
.artigos-relacionados--titulo {
    color: #505050;
    font-weight: 700;
}
.artigo-relacionado--description {
    font-size: 14px;
    color: #808080;
}
.main-video .lazyYT .ytp-thumbnail .titulo-video{
    display: none;
}
.video_box{
    background:#262626;
    height: 600px;
    display:flex;
    border-radius: 10px;
    justify-content: space-around
}
.all-play{
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-evenly
}
.main-video{
    width: 880px;
    z-index:0;
}
.vid-content{
    position: relative;
    display: block;
    height: 0;
    padding: 0 0 56.25% 0;
    overflow: hidden;
    background-color: #000;
    border-radius: 15px;
}
.playlist::-webkit-scrollbar {
    width: 5px;
}
.playlist::-webkit-scrollbar-thumb {
    background-color: #aeaeae;
    border-radius: 20px;
}
.playlist{
    scrollbar-width: thin;
    scrollbar-color: #aeaeae;
    height: 100%;
    width: 250px;
    overflow-y: scroll;
    overflow-x: hidden
}
.area-single-video{
    width: fit-content;
    cursor: pointer;
    margin: auto;
    border-radius: 10px;
    background-color: #FFF;
}
@media screen and (max-width: 768px){
    .video_box{
        height: 450px;
    }
    .all-play{
        flex-direction: column;
    }
    .main-video{
        width: 100%;
        max-width: 400px;
    }
    .playlist{
        width: 100%;
        height: 200px!important;
        overflow-y: hidden;
        overflow-x: scroll;
        height: 160px;
    }
    .playlist .lista-videos-categorias{
        flex-direction: row;
        height: 120px;
        margin-bottom: 0!important;
        flex-wrap: unset;
    }
    .caixa{
        margin-left: 15px;
    }
    .topo.centro{
        justify-content: space-between;
    }
    .topo-social,
    .topo-logo,
    .topo-tools-not{
        width: auto;
    }
}
.running-now {
    display: flex;
    background-color: #FFF;
    justify-content: center;
    font-weight: 500;
}
/* INTERNA > NOTICIAS --------------------------------------- */
.noticias-lista {
    display: flex;
    flex-direction: column;
}
.layer-noticia {
    display: flex;
    background-color: #FFF;
    color: #303030;
    box-shadow: 0 0px 5px 1px #00000020;
    padding: 8px 5px;
    border-radius: 6px;
    margin-bottom: 10px;
    text-decoration: none;
}
.layer-noticia:hover {
    color: #707070;
}
.data_noticia_dia {
    padding: 5px 10px;
    background-color: #00bb6f;
    color: #FFF;
    border-radius: 6px;
    width: 100%;
}
.data_noticia_item_hora {
    font-size: 14px;
    color: #505050;
    height: min-content;
    margin-left: auto;
    margin-top: auto;
}
.data_noticia_item_imagem {
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
    border-radius: 8px;
    border: 1px solid #dadada;
    margin-right: 12px;
    overflow: hidden;
}
.data_noticia_item_imagem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.noticia-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.site-noticia {
    font-size: 14px;
    color: #00BB6F;
}
.data {
    font-size: 14px;
    color: #505050;
}
figcaption {
    font-size: 15px;
    font-weight: 300;
    width: fit-content;
    margin: auto;
    color: #606060;
    margin-top: 10px;
    margin-bottom: 20px;
}
.noticias-relacionadas {
    border-top: 2px solid #dadada;
    padding-top: 15px;
    margin-top: 40px;
}
.titulo-bloco--relacionados {
    font-size: 18px;
    font-weight: 700;
}
.lista-noticias--relacionados {
    display: flex;
    flex-direction: column;
}
.layer-noticia--relacionada {
    display: flex;
    width: 100%;
    background-color: #FFF;
    border-radius: 8px;
    box-shadow: 0 0px 5px 1px #00000020;
    padding: 8px 8px;
    margin-bottom: 15px;
    color: #505050;
    text-decoration: none;
    position: relative;
    border-bottom: 3px solid #00bb6f;
}
.layer-noticia--relacionada:hover,
.layer-artigo--relacionado:hover{
    color: #909090;
}
.layer-artigo--relacionado{
    display: flex;
    width: 100%;
    background-color: #FFF;
    border-radius: 8px;
    box-shadow: 0 0px 5px 1px #00000020;
    padding: 8px 8px;
    color: #505050;
    text-decoration: none;
    position: relative;
    border-bottom: 3px solid #ffd041;
}
.layer-artigo--relacionado.sec{
    border-bottom: 3px solid #27AE60;
}
.sub-section-canais.art-rel{
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.img-noticia--relacionada,
.img-artigo--relacionado {
    width: 100px;
    height: 100px;
    min-width: 100px;
    min-height: 100px;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 8px;
}
.img-noticia--relacionada img,
.img-artigo--relacionado img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.info-noticia--relacionada,
.info-artigo--relacionado {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.titulo-noticia--relacionada {
    font-weight: 700;
}
.secao-noticia--relacionada {
    background-color: #00BB6F;
    color: #FFF;
    bottom: 0;
    right: 0;
    width: fit-content;
    height: fit-content;
    position: absolute;
    padding: 2px 5px;
    border-radius: 5px 0 5px 0;
}
.secao-artigo--relacionado{
    background: linear-gradient(90deg,#ffbe3a 0,#ffd041 100%);
    color: #FFF;
    top: 0;
    right: 0;
    width: fit-content;
    height: fit-content;
    position: absolute;
    padding: 2px 5px;
    border-radius: 0 5px 0 5px;
}
.secao-artigo--relacionado.sec{
    background: linear-gradient(55.82deg, #27AE60 15.62%, #30D676 89.05%);
}
.paginacao {
    margin: 15px 0px;
    background: linear-gradient(90deg,#ffbe3a 0,#ffd041 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    border-radius: 6px;
}

.paginacao ul {
    width: 100%;
    padding-left: 0;
    font-weight: 800;
    display: flex;
    align-items: center;
    overflow: auto;
    margin: 0;
    justify-content: center;
}

.paginacao ul :first-child{
    margin-left: 0;
    padding: 0;
}
.paginacao ul :first-child,
.paginacao ul :last-child{
    margin-left: auto;
    margin-right: auto;
}

.paginacao ul li {
    list-style-type: none;
    border: medium none;
    color: #FFF;
    float: left;
    margin-left: 15px;
}

.paginacao ul li a {
    color: #FFF;
    text-decoration: none;
}
.selected-li{
    display: flex;
    background: #00000020;
    border-radius: 20px;
    min-width: 20px;
}
/* SECAO-LISTA */
.titulo-lista {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #404040;
}
.sub-secoes-lista {
    height: fit-content;
}
.sub-secoes-lista ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
}
.sub-secoes-lista ul a {
    color: #606060;
    text-decoration: none;
}
.sub-secoes-lista ul a:hover {
    color: #009A5B;
}
.sub-secoes-lista ul li {
    width: 50%;
    list-style: none;
    margin-bottom: 15px;
    font-size: 20px;
}
.alfabeto-lista  a {
    color: #FFF;
    text-decoration: none;
}
.alfabeto-lista  a:hover {
    color: #FFF;
}
.alfabeto-lista ul {
    list-style: none;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 530px;
    margin: auto;
    justify-content: center;
    margin-bottom: 20px;
    padding: 0;
}
.alfabeto-lista ul li {
    margin: 5px;
    padding: 3px 6px;
    width: 28px;
    border-radius: 4px;
    background: linear-gradient(90deg, #00bb6f 0%, rgba(0, 215, 128, 1) 100%);
    text-align: center;
}
.alfabeto {
    margin: 30px 0 20px;
    background-color: #f8f8f8;
    border-top: 2px solid #A0A0A0;
    padding: 0 7px 0 12px;
    height: 45px;
    line-height: 44px;
}
.alfabeto .letra {
    font-size: 20px;
    font-weight: 700;
    color: #3b464e;
    float: left;
}
.alfabeto .localiza-alfabeto {
    float: right;
    font-size: 13px;
}
.alfabeto .localiza-alfabeto a {
    color: #333;
    text-decoration: none;
}
.artigos-lista a {
    color: #505050;
    text-decoration: none;
    font-size: 18px;
}
.artigos-lista a:hover {
    color: #009A5B;
    text-decoration: underline;
}

/* CARDS */
.topo-feed-cards h1 {
    color: #505050;
    font-size: 34px;
    margin-bottom: 30px;
}
.card-section-description {
    color: #606060;
    margin-bottom: 30px;
}
.filtro-feed-area {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
}
.area-filter{
    padding: 0 10px;
}
.open-new-question {
    /* margin-left: 10px; */
    white-space: nowrap;
    height: 42px;
    width: 100%;
    background-color: #FDBD00;
    color: #FFF;
    border: none;
    border-radius: 20px;
    padding: 5px;
    box-shadow: 0 2px 2px 0px #00000020;
}
.filtro-feed p {
    font-size: 16px;
    font-weight: 500;
    color: #303030;
    margin-right: 20px;
    margin-bottom: 5px;
}
#select-feed {
    width: 100%;
    height: 38px;
    background-color: #fff;
    border: none;
    outline: 2px solid #FDBD00;
    padding: 5px 10px 5px 20px;
    border-radius: 20px 0 0 20px;
    box-shadow: 0 2px 2px 0px #00000020;
}
#select-feed option {
    font-size: 16px;
    color: #707070;
}
.feed-cards {
    margin-top: 30px;
}
.secao-feed {
    margin-top: 30px;
    display: flex;
    align-items: center;
}
.secao-feed h3 {
    margin-right: 10px;
}
.secao-feed hr {
    width: 100%;
    border-bottom: 2px dashed #00bb6f;
    opacity: 1;
    background-color: #FFF;
    margin: 0;
}
.question-search{
    position: relative;
    margin-left: -52px;
    height: 70px;
    margin-top: 5px;
}
.form-search-question{
    display: flex;
}
.search-question-input{
    border: 1px solid #cecece;
    height: 60px;
    border-radius: 35px;
    outline: none;
    width: 100%;
    margin: 5px 0;
    padding-left: 40px;
    font-size: 18px;
    color: #808080;
}
.submit-quest-search{
    background: linear-gradient(90deg, rgb(255, 190, 58) 0%, rgb(255, 208, 65) 100%);
    border: none;
    height: 60px;
    width: 70px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}
.head-question{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row
}

.go-back{
    margin-top: 15px;
    display: flex;
    cursor: pointer;
}
.go-back span{
    margin: auto;
    color: #808080;
    margin-left: 5px;
    font-size: 14px;
}
.go-back:hover span {
    color: #009A5B;
}
.go-back:hover svg path {
    stroke: #009A5B;
}
.share-card {
    color: #808080;
    font-size: 14px;
    display: flex;
    align-items: center;
}
#tt-share,
#fb-share,
#wp-share {
    width: 30px;
    height: 30px;
    display: grid;
    place-content: center;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
    margin: 0 3px;
}
#tt-share:hover {
    background-color: #a6e6ff;
}
#tt-share:hover svg path {
    fill: #00ACEE;
}
#fb-share:hover {
    background-color: #a2caff;
}
#fb-share:hover svg path {
    fill: #0067ee;
}
#wp-share:hover {
    background-color: #a3ffcb;
}
#wp-share:hover svg path {
    fill: #09d261;
}
.bg-icon-garbage {
    margin: 0;
}
.bg-icon-flag {
    margin: 0 0 0 10px;
}
.bg-icon-flag,
.bg-icon-garbage {
    padding: 8px;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.25s;
    cursor: pointer;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.bg-icon-flag:hover,
.bg-icon-garbage:hover {
    background-color: #CCF2E3;
}
.bg-icon-flag:hover svg rect {
    fill: #009A5B;
    stroke: #009A5B;
    transition: 0.25s;
}
.bg-icon-flag:hover svg path {
    stroke: #009A5B;
    transition: 0.25s;
}
.bg-icon-garbage:hover svg rect {
    fill: #009A5B;
    stroke: #009A5B;
    transition: 0.25s;
}
.bg-icon-garbage:hover svg path {
    fill: #009A5B;
    stroke: #009A5B;
    transition: 0.25s;
}
.single-card-feed {
    margin-bottom: 15px;
    display: flex;
    width: 100%;
    height: fit-content;
}
.single-card__left {
    width: 100%;
    max-width: 80px;
    min-width: 80px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FFF;
    padding: 10px 0;
    border-radius: 6px;
    border: 1px solid #cecece;
    justify-content: space-evenly;
}
.single-card__user-nivel {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9D45E5;
    font-size: 14px;
    font-weight: 600;
}
.single-card__avatar-user,
.avatar-user-resp {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #e5e5e5;
    border: 2px solid #9D45E5;
}
.single-card__right,
.opened-question {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 10px;
    background-color: #FFF;
    padding: 10px 10px;
    border-radius: 6px;
    border: 1px solid #cecece;
}
.single-card__right{
    max-width: 818px;
}
.single-card__right hr {
    margin: 5px 0;
}
.single-card__content {
    width: 100%;
    max-width: 100%;
    overflow: auto;
}
.single-card__content p {
    margin-top: 10px;
    font-size: 14px;
    color: #505050;
}
.single-card__bottom {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
}
.bottom__btns {
    text-decoration: none;
    display: flex;
}
.bottom__btns:hover {
    color: #FFF;
}
.bottom-btn__responder,
.open-question__responder,
.btn-enviar-resposta {
    color: #FFF;
    height: 35px;
    padding: 0 10px;
    border-radius: 6px;
    background-color: #9D45E5;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    width: 115px;
    margin: 0 10px;
}
.bottom-btn__visualizar,
.open-question__visualizar,
.open-answer {
    height: 35px;
    padding: 0 10px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #FAC300;
    border: 2px solid #FAC300;
    width: 115px;
}
.open-answer{
    cursor: pointer;
    width: 150px;
}
.opened-question{
    margin-left: 0;
    margin-bottom: 15px;
}
.topo-card__first{
    display: flex;
    gap: 15px;
    justify-content: space-between;
}
.btn-enviar-resposta{
    border: none;
    outline: none;
    margin: 15px;
    float: right;
}
.autor-bullet {
    color: #FDBD00;
    margin: 0 15px;
}
.autor-destaque {
    font-size: 13px;
    margin-top: -2px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #9D45E5;
    width: fit-content;
    padding: 0 5px;
    border-radius: 6px;
    color: #9D45E5;
}
.cke_top{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.cke_bottom{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.topo-card {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #c9c9c9;
}
.card-materia {
    font-size: 15px;
    color: #389b5b!important;
}
.bottom__post-time,
.card-post-time {
    font-size: 14px;
    color: #707070;
}
.conteudo-card {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.question-text{
    margin-top: 15px;
}
.questao-card {
    font-size: 16px;
    color: #505050;
    font-weight: 500;
    overflow: hidden;
}
.questao-card body{
    background: none;
}
.questao-card p{
    color: #505050!important;
    font-weight: 400!important;
    font-size: 15px;
    margin-bottom: 0;
}
.question-owner{
    font-size: 15px;
    font-weight: 500;
    color: #fdbd00;
}
.question-owner span{
    color: grey;
}
.open-question{
    color: #fff;
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
}
.card-box .open-question{
    height: 40px;
    border-top: 1px solid #c9c9c9;
}
.open-question__responder,
.open-question__visualizar{
    width: 150px;
}
.autor__data{
    display: flex;
}
.topo-card__second{
    display: flex;
    gap: 10px;
}
.topo-card__second .card-post-time{
    margin-top: 5px;
}
.autor__data span,
.topo-card__second span{
    color: #808080;
    font-weight: 400;
}
.autor__data p,
.topo-card__second p {
    font-size: 14px;
    font-weight: 500;
    color: #FDBD00;
    margin-top: 5px;
}
.bottom-card {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
}
.bot-interact{
    padding: 10px 0 0 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}
.qtd-respostas {
    font-size: 14px;
    color: #808080;
}
.btn-open-card {
    background: linear-gradient(0deg,#009a5b 0,#00bb6f 100%);
    padding: 8px 10px 8px 10px;
    border-radius: 20px;
    font-size: 14px;
    transition: .5s;
}
.btn-open-card a {
    color: #fff;
    text-decoration: none;
}
.btn-open-card a:hover {
    color: #fff;
}
.btn-open-card:hover {
    cursor: pointer;
}

.container-new-modal{
    top: 0;
    left: 0;
    height: 100%;
    display: flex !important;
    width: 100% !important;
    z-index: 0 !important;
    position: relative !important;
    justify-content: center;
    align-items: center;
  }

  .card-modal-new{
    max-width: 100% !important;
    position: relative;
    z-index: 999;
    width: 100%;
    max-height: 700px;
    border-radius: 15px;
    overflow: hidden;
    margin: auto;
  }

  .pergunda-new-card {
    width: 100%;
  }
.modal-confirmation{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #c8c8c88a;
    align-items: center;
    padding: 12px;
}
.bg-new-card {
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    background-color: #00935780;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
}
.modal-new-card,
.modal-denuncia-pergunta,
.modal-denuncia-resposta {
    position: relative;
    z-index: 999;
    width: 100%;
    max-width: 600px;
    height: fit-content;
    max-height: 700px;
    background-color: #f5f5f5;
    box-shadow: 0 2px 5px 0px #00000020;
    border-radius: 15px;
    overflow: hidden;
    margin: auto;
}
.modal-new-card-topo,
.denuncia-block,
.denuncia-block-resp {
    height: fit-content;
    background: #9D45E5;
    padding: 15px 15px;
    color: #FFF;
}
.modal-new-card-topo span {
    font-size: 18px;
    font-weight: 600;
}
.modal-new-card-topo p {
    font-size: 14px;
    color: #FFF;
}
.modal-denuncia-pergunta,
.modal-denuncia-resposta{
    position: unset;
    background: #9D45E5;
}
.close-denuncia{
    font-size: 45px;
    position: absolute;
    cursor: pointer;
    margin: -75px 0 0 -25px;
}
.area-pergunda-new-card {
    width: 100%;
    padding: 15px;
}
#card-question {
    border-radius: 5px;
    width: 100%;
    height: 150px;
    background-color: #FFF;
    border: none;
    display: flex;
    align-items: flex-start;
    box-shadow: 0 2px 5px 0px #00000020;
    outline: none;
    padding: 15px;
}
.card-send-question {
    float: right;
    height: 42px;
    width: 100%;
    background: #FDBD00;
    color: #FFF;
    border: none;
    border-radius: 6px;
    padding: 5px;
    transition: 0.2s;
    margin: 15px 0;
}
.card-send-question:hover {
    opacity: .8;
}
.card-send-question-conteudo {
    float: right;
    height: 42px;
    width: 100%;
    background: linear-gradient(94.64deg, #FDBD00 -21.75%, #F1D900 95.26%);
    color: #FFF;
    border: none;
    border-radius: 20px;
    padding: 5px;
    max-width: 150px;
    box-shadow: 0 2px 2px 0px #00000020;
    margin-left: auto;
    margin-top: 15px;
}
.start-discussion p {
    font-size: 14px;
    margin-bottom: 0;
    color: #505050;
}

hr.hr-start-discussion {
    border: none;
    border-top: 2px dotted #00bb6f;
    color: #fff;
    background-color: #fff;
    height: 1px;
    width: 100%;
    opacity: 1;
}
.area-ck-editor textarea {
    width: 100%;
    height: fit-content;
}
.area-respostas {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.simple-like {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.simple-like:hover{
    background-color: #CCF2E3;
}
.simple-like:hover circle {
    stroke: #00BB6F;
}
.simple-like:hover path {
    fill: #00BB6F;
}
.super-like {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.super-like:hover{
    background-color: #FFFBB4;
}
.super-like:hover svg path {
    stroke: #FDBD00;
    stroke-width: 4;
}
.single-card-resposta {
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
}
.by-ai{
    display: flex;
    justify-content: center;
    border-bottom: 1px dotted #c9c9c9;
    padding-bottom: 3px;
    margin-bottom: 5px;
}
.by-ai span{
    color: #fdbd00;
    font-weight: 900;
    text-align: center;
}
.single-card__right-side.consulta:after{
    content: '';
	position: absolute;
	top: 0;
	left: 20%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom-color: #f5f5f5;
	border-top: 0;
	border-right: 0;
	margin-left: -10px;
	margin-top: -20px;
}
.single-card__left-side{
    width: 110px;
    padding: 5px;
    background: #FFF;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    border: 1px solid #cecece;
}
.single-card__right-side{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 90%;
    margin-left: 10px;
    padding: 15px 15px 0 15px;
    border-radius: 8px;
    width: 100%;
    background-color: #FFF;
    min-height: 150px;
    height: fit-content;
    border: 1px solid #cecece;
    position: relative;
    overflow: auto;
}
.avatar-user-resp {
    margin-left: auto;
    margin-right: auto;
}
.card-resposta-topo {
    display: flex;
}
.card-resposta-topo p {
    font-size: 12px;
    color: #808080;
    font-weight: 500;
    text-align: center;
}
.card-resposta-topo span {
    color: #FDBD00;
}
.content-card {
    display: flex;
    flex-direction: column;
}
.resposta-user,
.resposta-user p {
    font-size: 14px;
    color: #808080;
    width: 90%;
}
.resposta-tools {
    display: flex;
    padding: 2px 0;
    justify-content: flex-end;
    border-top: 1px dotted #c9c9c9;
}
.area-rankear {
    display: flex;
    gap: 15px;
    flex-direction: row;
    align-items: center;
}

.area-rankear svg {
    cursor: pointer;
}

.qtd-favoritados {
    color: #c0c0c0;
}

.denuncia-delete{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

.bg-icon-flag svg{
    cursor: pointer;
    transition: 0.25s;
}

.delete-Response-card{
    margin: auto;
    box-shadow: 0 2px 5px 0px #00000020;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    cursor: pointer;
    padding: 6px;
}

.delete-Response-card svg{
    cursor: pointer;
}

.autor-card svg{
    cursor: pointer;
}

/* INTERNA > CADASTRO ------------------------------------------- */
.perfil-inicial {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 12px;
}
.perfil-inicial__top {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
}
.perfil-inicial__row {
    display: flex;
    width: 100%;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
}
.coluna-perfil-inicial {
    width: 50%;
    height: 250px;
    border: 1px solid #000;
    border-radius: 8px;
}
.area-basic,
.area-perfil {
    position: relative;
}
.area-basic {
    width: 50%;
    padding: 10px;
}
.profile-toggle-menu {
    width: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
    margin-bottom: 10px;
}
.profile-toggle-menu img {
    width: 20px;
    height: 20px;
    transition: 0.3s;
}
.profile-left-side {
    padding: 12px;
    background-color: #FFF;
    border-radius: 10px;
    width: 280px;
    min-width: 280px;
    height: 750px;
    box-shadow: 0 2px 5px 0px #00000020;
    border-top: 2px solid #27AE60;
    transition: 1s ease;
}
.profile-left-side h5 {
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
}
.profile-right-side {
    border-top: 2px solid #27AE60;
    background-color: #FFF;
    border-radius: 10px;
    margin-left: 10px;
    flex-grow: 1;
    box-shadow: 0 2px 5px 0px #00000020;
}
.barra-pesquisa-favoritos {
    margin-top: 15px;
    width: 100%;
}
.barra-pesquisa-favoritos form {
    width: 100%;
    display: flex;
}
#search-conteudo-favorito {
    width: 100%;
    border-radius: 5px;
    height: 40px;
    border: 2px solid #0d6aaa;
    outline: 0;
    padding-left: 10px;
}
.lista-conteudos-favoritos {
    margin-top: 35px;
    width: 100%;
}
.content-table {
    width: 100%;
    border-collapse: collapse;
}
.table-row:nth-child(even) {
    background-color: #f9f9f9;
}
.table-header {
    padding: 8px;
    height: 40px;
    text-align: left;
    font-size: 15px;
    color: #000;
}
.table-body .table-row {
    background-color: #ECECEC;
}
.table-body .table-row:hover {
    background-color: #e8f4f8;
}
.table-data {
    border-bottom: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    font-size: 15px;
}
.table-data.action {
    width: 110px;
}
.table-link {
    text-decoration: none;
    color: #0d6aaa;
    margin-right: 15px;
    font-weight: 700;
}
#icon-desfavoritar {
    cursor: pointer;
}
#icon-desfavoritar:hover path {
    fill: none;
}
.conteudos-sugeridos-favoritos {
    margin-top: 35px;
}
.conteudos-sugeridos-favoritos h6,
.barra-pesquisa-favoritos h6 {
    color: #000;
    font-weight: 700;
}
.lista-conteudos-sugeridos {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sugerido-item {
    flex: 0 0 32%;
    margin: 10px 5px;
    min-height: 140px;
    border-radius: 5px;
    padding: 15px 10px;
    background-color: #ECECEC;
    outline: 1px solid #BEBEBE;
    cursor: pointer;
    text-decoration: none;
}
@media screen and (max-width: 1093px) {
    .sugerido-item {
        flex: auto;
    }
}
.sugerido-item:hover {
    outline: 2px solid #0d6aaa;
}
.sugerido-item h5 {
    font-size: 15px;
    font-weight: 700;
    color: #0d6aaa;

}
.sugerido-item p {
    font-size: 15px;
    color: #6c6d73;
    margin: 0;
}
.sugerido-item small {
    color: #0d6aaa;
}
.area-personal-data {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    height: 100%;
}
.profile-favoritos {
    padding: 20px 15px;
}
.loading-indicator {
    width: 100%;
    display: flex;
    justify-content: center;
}

.area-basic h5{
    color: #505050;
    margin-bottom: 30px;
    margin: 0;
    display: flex;
    padding-bottom: 20px;
}
.form-group{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.input-group-append{
    position: absolute;
    right: 7%;
    padding-top: 10px;
}
.input-group-text{
    background: none !important;
    border: 0 !important;
}
.eye,
.eye-slash{
    color: #40af60;
}
.form-control{
    display: flex!important;
    height: 48px !important;
    border-radius: 5px !important;
    border:0.5px solid rgb(157 157 157) !important;
    margin-bottom: 15px !important;
    padding-left: 20px !important;
    font-size: 14px !important;
    outline: none !important;
}

.form-control label , option{
    color: #505050;
    margin-top: 8px;
}
.form{
    outline: none;
    border: none;
    background: #FFF;
    margin: auto;
    height: 20px;
    color: #505050 !important;
    margin-right: 15px;
    margin-right: 4px!important;
    display: flex;
}

.select{
    word-wrap: normal !important;
    position: relative !important;
    font-size: 14px !important;
    line-height: 17px !important;
    width: 100% !important;
    height: 17px !important;
}

.form__errors {
    font-size: 13px !important;
    color: rgb(220, 53, 69) !important;
    margin: auto !important;
}

.form__box {
    margin: auto;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.form__box a {
    color: #27AE60;
}
.both{
    display: flex;
    width: 50%;
    margin: auto;
}
.datepicker{
    border: none;
    font-size: 16px;
    margin: auto;
    outline: none;
    width: 175px;
}
.form_send{
    width: 100%;
    margin: auto;
}
.submit_cadastro{
    display: flex;
    padding-bottom: 25px;
}
.botao_enviar {
    margin-top: 20px;
    width: 100%;
    height: 45px;
    border-radius: 5px;
    background: linear-gradient(90deg, rgb(255, 190, 58) 0%, rgb(255, 208, 65) 100%);
    border: 0;
    font-weight: 600;
    color: #FFF;
}
.btn-primary{
    margin-top: 40px;
    margin-bottom: 60px;
    width: 100%;
    height: 45px;
    border-radius: 24px;
    background: linear-gradient(90deg, rgb(255, 190, 58) 0%, rgb(255, 208, 65) 100%);
    border: 0;
    font-weight: 600;
    color: #FFF;
}
img.profile-redir{
    margin-right: 8px;
    width: 15px;
}

/* PAGINA ESTÁtica --------------------------------- */
.conteudo-pagina-estatica {
    position: relative;
}
.conteudo-pagina-estatica .titulo-video  {
    display: none;
}
.conteudo-pagina-estatica  .ytp-thumbnail {
    z-index: 4;
}
.calendar-img{
    position: absolute;
    margin: 12px 0 0 15px;
    right: 0;
    margin-right: 28%;
}
/* Confirmação cadastro ----------------------------------------------- */

.area-confirmacao{
    height: 668px;
    background-color: #FFF;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
    padding-top: 25px;
}

.emoji-confirmacao {
    background: #f4f4f4;
    width: 104px;
    height: 104px;
    border-radius: 100%;
    margin: auto;
    margin-top: 15px
}

.area-emoji {
    background: #f4f4f4;
    width: 104px;
    height: 104px;
    border-radius: 100%;
    margin: auto;
    justify-content: center;
    align-items: center;
    display: flex;
}


.btn-volta{
    margin-top: 15px;
    width: 100%;
    height: 50px;
    border-radius: 24px;
    border: -2px;
    font-weight: 600;
    color: #5C5C5C;
    border-color: #fff100eb;
    background-color: rgb(255, 192, 0);
}

.msg-confirmacao{
    margin: auto;
    display: flex;
    align-items: center;
    text-align: center;
    width: 33%;
    margin-top: 32px;
    padding-top: 15px;
    margin-bottom: 25px;
    flex-direction: column;
}

.msg-confirmacao h5 {
    margin: auto !important;
    margin-bottom: 6px !important;
}
.msg-duvidas {
    margin: auto;
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 32px;
    padding-top: 15px;
    width: 33%;
    margin-bottom: 25px;
    flex-direction: column;
}

.msg-duvidas a{
    color: #828282;
}

/* INTERNA > PERFIL ------------------------------------------- */
.perfil{
    display: flex;
    padding-top: 15px;
}
.area-perfil{
    display: flex;
    margin-bottom: 40px;
    min-height: 710px;
}
.foto-perfil{
    background: #f4f4f4;
    width: 104px;
    height: 104px;
    border-radius: 100%;
    margin: auto;
}
.foto-perfil img{
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-top: 22px;
}
.info_pessoal,
.dados_resid,
.data_verification,
.public_monografias,
.public_artigos,
.meus-flashcards,
.item-tire-duvidas,
.conteudos_favoritos {
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    padding-left: 15px;
    border-radius: 4px;
    color: #FFF;
    text-decoration: none;
    width: 100%;
    font-weight: 600;
    margin-top: 15px;
}
.categoria-flashs {
    font-size: 24px;
    margin-bottom: 10px;
}
.user-flash-item {
    width: 100%;
    background-color: #fff;
    color: #000;
    height: 40px;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0px #00000020;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: 0.2s;
}
.user-flash-item:hover {
    background-color: #009357;
    color: #FFF;
}
.fc-item-tools {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00bb6f;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    cursor: pointer;
}
.fc-item-tools img {
    width: 19.5px;
    height: 18.5px;
    margin-left: 4px;
}
.user-flash-item p {
    margin: 0;
}
.links-perfil {
    font-size: 14px;
    color: #fff !important;
    text-decoration: none!important;
}

.info_pessoal{
    background: linear-gradient(256.3deg, #97F202 0%, #68CA06 100%);
}
.dados_resid{
    background: linear-gradient(90.2deg, #0ABFD7 4.64%, #05DCF9 99.88%);
}
.data_verification{
    background: linear-gradient(264.09deg, #F69DFF 0%, #C753D2 100%);
}
.public_monografias{
    background: linear-gradient(90deg, #0B3F53 0%, #34ADBE 100%);
}
.public_artigos{
    background: linear-gradient(55.82deg, #FF6D0B 15.62%, #FF9A57 89.05%);
}
.meus-flashcards {
    background: linear-gradient(90deg,#00bb6f 0,#00d780 100%);
}
.item-tire-duvidas {
    background: linear-gradient(90deg,#9d43e6 0,#ae71e0 100%);
}
.conteudos_favoritos {
    background: linear-gradient(90deg, #0D6AAA 0%, #3C8FC8 100%);
}
.data_request{
    width: 100%;
    margin: auto;
}
.logout{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}
.logout {
    border-radius: 4px;
    height: 50px;
    border: 2px solid #FF0000;
}
.logout button{
    outline: none;
    padding-left: 10px;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
}
.logout p{
    color: #E44258;
    font-weight: 600;
    margin-left: 10px;
    margin-bottom: 0;
}

/* INTERNA > PERFIL > RESIDENCIAL ------------------------------------------- */

.noH5 {
    padding-top: 15px;
}

/* INTERNA > PERFIL > VERIFICACAO ------------------------------------------- */
.mini-img{
    position: absolute;
    margin: 25px 0 0 25px;
}
.welcome{
    background: #D6F5E8;
}
.welcome,
.attention,
.no-cards{
    width: 100%;
    border-radius: 10px;
}

.check-button{
    background: none;
    cursor: pointer;
    border: 0;
    appearance: none;
    display: block;
    margin: auto;
    color: #9597a0;
}

.check-button i {
    display: inline-block;
    display: block !important;
    transition: all 0.4s;
}

.form-docs {
    width: 50%!important;
    height: 48px!important;
    margin: auto!important;
    margin-bottom: 15px!important;
    padding-left: 20px!important;
    font-size: 14px!important;
    outline: 0!important;
    border: none !important;
}


.attention,
.alerta{
    background: #DFF0FF;
}

.welcome .text,
.attention .text,
.alerta .text,
.success .text,
.no-cards .text{
    padding: 24px;
    padding-left: 52px;
    color: #5C5C5C;
}
.alerta{
    border-radius: 10px;
    margin: auto !important;
}

/*teste*/
.multisteps-form__progress {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }

  .multisteps-form__progress-btn {
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    transition-delay: 0s;
    position: relative;
    padding-top: 20px;
    color: rgba(108, 117, 125, 0.7);
    border: none;
    background-color: transparent;
    outline: none !important;
    cursor: pointer;
  }

  .multisteps-form__progress-btn:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 13px;
    height: 13px;
    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    border: 2px solid currentColor;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 3;
  }

  .multisteps-form__progress-btn:after {
    position: absolute;
    top: 5px;
    left: calc(-50% - 13px / 2);
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    transition-delay: 0s;
    display: block;
    width: 100%;
    height: 2px;
    border-top: 3px dotted #00bb6f;
    content: '';
    z-index: 1;
  }

  .multisteps-form__progress-btn:first-child:after {
    display: none;
  }

  .multisteps-form__progress-btn.js-active {
    color: #FFD149;
  }

  .multisteps-form__progress-btn.js-active:before {
    transform: translateX(-50%) scale(1.2);
    background-color: currentColor;
  }

  .multisteps-form__form {
    position: relative;

  }

  .multisteps-form__panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
  }

  .multisteps-form__panel.js-active {
    height: auto;
    opacity: 1;
    visibility: visible;
  }
.multisteps-form__panel[data-animation="scaleIn"] {
    transform: scale(0.9);
}

.multisteps-form__panel[data-animation="scaleIn"].js-active {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0s;
    transform: scale(1);
}
.shadow{
    box-shadow: none!important;
}
.progresso{
    margin: auto;
    padding-top: 40px;

}
.back-home{
    width: 100%;
    height: 48px;
    margin: auto;
    border-radius: 24px;
    border: 0.5px solid rgb(255, 192, 0);
    background-color: transparent ;
    margin-bottom: 15px;
    display: none;
}
.btn-primary{
    background-color: transparent!important;
    border: none!important;
    border-radius: 24px!important;
}

.label-docs{
    justify-content: center;
    align-items: center;
    border: 0.5px solid rgb(255, 192, 0) !important;
    text-align: center !important;
    width: 250px;
}

.active-docs {
    border-color: #45a847 !important;
    background: #45a847 !important;
    color: #fff !important;
  }

.back-home{
    display: flex;
    width: 70%;
}
.back-home a{
    color: rgb(255, 192, 0);
    text-decoration: none;
    margin: auto;
}
.success{
    margin: auto;
    text-align: center;
}
.success .botao_enviar{
    margin-top: 0;
    display: flex;
    width: 70%;
    margin: auto;
}
.success .botao_enviar a{
    color: #FFF;
    text-decoration: none;
    margin: auto;
}
.docs{
    display: flex;
    padding: 10px 0 25px 0;
    height: 66px;
}
.first,
.second{
    width: 50%;
}
.RG,
.CNH{
    width: 100%;
    background: #FFF;
    border: 0;
    border-bottom: 3px solid #C5C7D0;
}

.area-basic.doc{
    max-height: 800px;
}
.area-basic.doc .form-group{
    align-items: center;
}
.area-basic.doc .form-control{
    width: 50%;
}
.RG:active,
.RG:focus,
.CNH:active,
.CNH:focus {
    border-bottom: 4px solid #27AE60; /* here configure as your needs */
    color:#27AE60;
 }

 .foco{
    border-bottom: 4px solid #27AE60; /* here configure as your needs */
    color:#27AE60;
 }


.emoji{
    margin: auto;
    background: #E6FFF0;
    border-radius: 100%;
}
.emoji img{
    padding: 26px 27px;
}
/* INTERNA > FALE CONOSCO ------------------------------------------- */

.form-textarea {
    display: flex!important;
    width: 100%;
    max-width: 420px;
    height: 98px !important;
    border-radius: 24px!important;
    border: 0.5px solid rgb(157 157 157)!important;
    margin-bottom: 15px!important;
    padding-left: 20px!important;
    font-size: 14px!important;
    outline: 0!important;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    margin: auto;
}

.form-textarea:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}


.form-group.help-block {
    padding-left: 160px;
    margin-top: 10px;
    display: block;
  }

  .form-group.has-error input,
  .form-group.has-error textarea,
  .form-group.has-error select {
    border-color: #a94442;
  }
  .form-group.has-error .help-block,
  #recaptcha_div .has-error .help-block {
    color: #a94442;
  }


  .form-group.has-success .help-block,
  #recaptcha_div .has-success .help-block {
  color: #3c763d;
}
.area-basic-cadastro{
    background-color: #FFF;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
}
.area-basic-cadastro h5{
    color: #505050;
    padding-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px;
}
.area-basic-cadastro .form-control{
    width: 50%;
}
.area-basic-cadastro .form-group{
    align-items: center;
}
.area-basic-cadastro .input-group-append{
    right: 27%;
    cursor: pointer;
}
.area-basic-contato {
    background-color: #FFF;
    padding: 40px 15px;
    border-radius: 10px;
    box-shadow: 0 2px 5px 0px #00000020;
    margin-bottom: 30px;
}
.area-basic-contato #contato_form {
    width: 100%;
    max-width: 420px;
    margin: auto;
}
.form-control-contato {
    display: flex!important;
    width: 100%;
    height: 48px !important;
    border-radius: 24px !important;
    border:0.5px solid rgb(157 157 157) !important;
    margin-bottom: 15px !important;
    padding-left: 20px !important;
    font-size: 14px !important;
    outline: none !important;
}
.form-group-contato {
    width: 100%;
    max-width: 420px;
}
.submit_contato .botao_enviar {
    margin-top: 20px;
    width: 100%;
    max-width: 420px;
    height: 45px;
    border-radius: 24px;
    background: linear-gradient(90deg, rgb(255, 190, 58) 0%, rgb(255, 208, 65) 100%);
    border: 0;
    font-weight: 600;
    color: #FFF;
}

/* INTERNA > PERFIL > MONOGRAFIAS ------------------------------------------- */

.img-mono{
    background: #F8F8F8;
    margin: 32px;
    width: 92px;
    height: 92px;
    border-radius: 100%;
}
.fotinha{
    padding: 24px;
}
.my-mono{
    width: 70%;
    margin-top: 35px!important;
    margin-bottom: 50px!important;
    height: 155px;
    margin: auto;
    display: flex;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 8%);
    border-radius: 10px;
}

.area-basic.send{
    overflow: auto;
}

.img-post{
    background: #F8F8F8;
    margin: 32px;
    width: 92px;
    height: 92px;
    border-radius: 100%;
}

.my-post{
    width: 90%;
    margin-top: 35px!important;
    margin-bottom: 50px!important;
    height: 155px;
    margin: auto;
    display: flex;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 8%);
    border-radius: 10px;
}

.stats{
    margin-top: 30px;
}
p .testando{
    color:#FF9900 ;
}

p .approved{
    color:#00CA72 ;
}

p .aguardando{
    color:#FF9900 ;
}

.posts-see{
    display: flex;
    position: relative;
    margin: auto;
}

.see-post{
    margin: auto !important;
}

.link-post{
    background-color: transparent !important;
    margin-top: 40px;
    margin-bottom: 60px;
    width: 100%;
    height: 45px;
    border-radius: 24px!important;
    align-items: center;
    border: 0.5px solid #ffc000!important;
    text-align: center!important;
}

.status,
.date{
    font-size: 15px;
}

.enviar-file {
    width: 40%;
    margin: auto;
}

.form-group label{
    margin: auto;
    cursor: pointer;
}

/* FOOTER ---------------------------------------------------- */
footer {
    background: linear-gradient(55.82deg, #27AE60 15.62%, #30D676 89.05%);
    width: 100%;
    position: relative;
}
.footer-bg-group {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}
.footer-bg-group img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

footer ul li {
    color: #FFF;
    margin-bottom: 8px;
    font-weight: 500;
}
.img-footer {
    width: 250px;
}
.rodape{
    width: 100%;
    position: relative;
    z-index: 2;
}
.coluna-footer ul li a {
    display: flex;
    color: #FFF;
    text-decoration: none;
    transition: 0.3s;
}
.coluna-footer ul li a:hover {
    color: #ffdb3a;
}
.coluna-footer img {
    width: auto;
    height: 22px;
}
.coluna-footer-titulo {
    color: #ffdb3a;
    font-weight: 700;
    font-size: 25px;
    display: flex;
    justify-content: flex-start;
}
hr.line-rodape{
    border: none;
    border-top: 2px dotted #FFF;
    background-color: #00bb6f;
    height: 1px;
    width: 100%;
    opacity: 0.5;
}
.footer-social-img {
    width: 50px;
    display: flex;
    justify-content: center;
}
.copyright-footer {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 3;
    min-height: 80px;
    background: #16161620;
}
.copyright-area {
    position: relative;
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 12px;
    text-align: center;
}
.copyright-area span {
    color: #CCC;
}
.copyright-footer p {
    color: #FFF;
    font-size: 13px;
    margin: 0;
}
.info ul li,
.sites ul li,
.sociais ul li{
    display: flex;
    justify-content: flex-start;
}

.info-legal {
    padding: 0 35px;
    background-color: #009357;
}
.info-legal p{
    margin: auto;
    color: #FFF;
}
.site-info__pilha{
    width: 10%;
}
.item.escola_kids,
.itemSub.escola_kids{
    background: url(../images/icons/icon-escolakids.png) no-repeat 20px -2px;

}
.item.videos,
.itemSub.videos{
    background: url(../images/icons/icon-videos.png) no-repeat 22px -1px;

}
.item.canais,
.itemSub.canais{
    background: url(../images/icons/icon-canais.png) no-repeat 20px -1px;

}
.info-legal .copyright{
    color:#00BB6F ;
}
.rede-social {
    display: flex;
}
.social-instagram,
.social-twitter,
.social-facebook {
    display: flex;
    justify-content: center;
    width: 40px;
    margin-right: 20px;
}

.redes {
    margin-top: 10px;
    padding: 0;
}
.redes li{
    list-style: none;
    margin-bottom: 10px
}
.redes a {
    color: #FFF;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
}
.social-instagram img {
    width: 25px;
    height: 25px;
}
.social-twitter img {
    width: 28px;
    height: 25px;
}
.social-facebook img {
    height: 30px;
    width: 20px;
}
.side-menu .dashed-line{
    background-color: #23773f;
}
.navigation-btn {
    display: flex;
    position: relative;
    width: 100px;
    height: 35px;
    font-size: 12px;
    align-items: center;
}
.navigation-btn svg {
    height: 50px;
    width: 50px;
}
.navigation-btn svg:hover path {
    stroke: #00bb6f;
}
.ytp-button {
    z-index: 3;
}
.d-none{
    display: none;
}
.box-social {
    display: block;
    position: fixed;
    top: calc(50% - 112px);
    height: 44px;
    width: 44px;
    z-index: 100;
}

/* TABLET ---------------------------------------------------- */
@media screen and (max-width: 991px) {
    .social-media-bg {
        display: none;
    }
    .menu-sandwitch img {
        display: block;
    }
    .destaques-grid-second {
        display: none !important;
    }
    .grid-2 {
        padding-right: 12px;
    }
    .menu-drop {
        display: none !important;
    }
    .logo-footer {
        display: flex;
        justify-content: center;
    }
    .coluna-footer ul {
        text-align: center;
    }
    .rodape h4 {
        text-align: center;
        margin-top: 30px ;
    }
    .coluna-social {
        width: 140px;
        margin: auto;
    }
    .topo-tools {
        display: none;
    }
    .search-mobile {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .info ul li,
    .sites ul li,
    .sociais ul li {
        justify-content: center;
    }
    .top-search{
        display: none!important;
    }
    .copyright-footer{
        flex-direction: column;
    }
    .popUp-info{
        left: unset;
        right: unset;
        top: 100%;
    }
    .gpt-test{
        width: 100%;
    }
    .modal-confirmation{
        overflow-y: scroll;
    }
}

.box-social__icons-box {
    height: 44px;
    display: grid;
    grid-template-columns: 44px 3fr;
}

.box-social__icons-box--twitter {
    background-color: #598dca;
}

.box-social__icons-box--facebook {
    background-color: #3a589b;
}


.box-social__icons-box--whatsapp {
    background-color: rgb(9, 210, 97);
}

@media screen and (max-width: 1279px){
    .rodape .centro .coluna-footer {
        position: relative;
        line-height: 26px;
        margin: 0;
        margin-bottom: 20px;
    }
    .sociais ul li{
        display: block;
    }
    .rodape h4{
        display: block;
        font-size: 22px;
    }
}

.box-social__icons-box--options,
.box-social__icons-box--url {
    background-color: #f1f1f1;
    border-bottom-right-radius: 12px;
}

.box-social__icons-box--options {
    background: linear-gradient(90deg,#ffbe3a 0,#ffd041 100%);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 4px 6px 14px -4px #ccc;
    position: relative;
    left: -35px;
    transition: left 0.25s ease-out;
}

.box-social__icons-box--twitter,
.box-social__icons-box--facebook,
.box-social__icons-box--whatsapp,
.box-social__icons-box--url {
    width: 44px;
    transition: width 0.25s ease-out;
}

.box-social__ico-options,
.box-social__ico-twitter,
.box-social__ico-facebook,
.box-social__ico-whatsapp,
.box-social__ico-url {
width: 44px;
height: 44px;
cursor: pointer;
}

.box-social__twitter-title,
.box-social__facebook-title,
.box-social__whatsapp-title {
color: #fff;
font-weight: bold;
padding: 14px 12px 10px 0;
font-size: 14px;
opacity: 0;
visibility: hidden;
margin: auto;
}

.box-social__url {
border: none;
width: 152px;
height: 18px;
padding: 8px;
background: #fff;
position: relative;
margin: auto;
border-radius: 3px;
visibility: hidden;
opacity: 0;
}

.box-social__icons-box--twitter:hover,
.box-social__icons-box--facebook:hover,
.box-social__icons-box--whatsapp:hover,
.box-social__icons-box--url:hover {
width: 222px;
transition: width 0.25s ease-in;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

.box-social__icons-box--twitter:hover .box-social__twitter-title,
.box-social__icons-box--facebook:hover .box-social__facebook-title,
.box-social__icons-box--whatsapp:hover .box-social__whatsapp-title {
visibility: visible;
opacity: 1;
transition: opacity 0.25s ease-in;
}

.box-social__icons-box--url:hover .box-social__url {
visibility: visible;
opacity: 1;
transition: opacity 0.5s ease-in;
}

.box-social__ico-options--close {
background-image: url("../images/social-share//plus_ico_white.svg");
width: 44px;
height: 44px;
background-size: cover;
cursor: pointer;
background-repeat: no-repeat;
transform: rotate(-45deg);
}

.box-social__ico-options--close:hover {
    transform: rotate(45deg);
    transition: transform 0.25s ease-in;
}
.box-social__ico-options--share {
    background-image: url("../images/social-share/share_ico_white.svg");
    width: 44px;
    height: 44px;
    background-size: cover;
    cursor: pointer;
    background-repeat: no-repeat;
    opacity: 1;
}

.box-social__blocos-compartilhaveis {
    opacity: 0;
    visibility: hidden;
}
  /** [NEW] Social Share **/
/*Breadcrumbs*/
#breadcrumbs {
    margin-bottom: 13px!important;
}

#breadcrumbs ul,
#breadcrumbs ol {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
}

#breadcrumbs ul li,
#breadcrumbs ol li {
    display: inline;
    font-size: 11px;
    margin-right: 4px;
    text-transform: uppercase;
    color: #9597a0;
}

#breadcrumbs ul li:after,
#breadcrumbs ol li:after {
    content: ">";
    margin-left: 3px;
}

#breadcrumbs ul li:last-child:after,
#breadcrumbs ol li:last-child:after {
    content: "";
}

#breadcrumbs ul .pag-selecionada,
#breadcrumbs ol .pag-selecionada {
    color: #27AE60;
    font-weight: 700;
}

#breadcrumbs ul li a,
#breadcrumbs ol li a {
    color: #9597a0;
    text-decoration: none;
    transition: all 300ms ease;
}

#breadcrumbs ul li a:hover,
#breadcrumbs ol li a:hover {
    color: #27AE60;
}
/*Breadcrumbs*/


#audima-banner {
    display: none !important;
}
/*Botao Up*/
#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    z-index: 99;
    border: none;
    outline: none;
    background: linear-gradient(90deg, rgb(255, 190, 58) 0%, rgb(255, 208, 65) 100%);
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 100%;
    font-size: 18px;
    left: 15px;
}
.triple-card-test{
    margin-top: 0!important;
    display: flex;
    width: 100%;
}
.bottom-article{
    display: flex;
    width: 100%;
    height: 300px;
    gap: 20px;
}
.bottom-article .layer-colun-publi.artigo{
    margin: 0;
    overflow-y: scroll;
}
.art-call{
    width: 100%;
    max-width: 50%;
}
.flash-container{
    display: flex;
    flex-direction: row;
    width: 100%;
}
.btn-open-card.call{
    margin-top: auto;
}
.single-card.call .card-box{
    min-width: 215px;
}
.single-card.call .grow-card{
    margin-top: auto;
}
.single-card.call .card-box{
    position: absolute;
    width: 100%;
}
.single-card.call{
    margin-top: 0;
    height: fit-content;
    margin: auto;
    overflow: hidden;
}
.form-quest{
    padding: 10px;
    display: flex;
    flex-direction: column;
}
#inner-quest{
    resize: none;
    width: 100%;
    height: 90px;
    border: none;
    outline: none;
    border-radius: 12px;
    margin: auto;
    margin-top: 5px;
    padding: 5px 10px;
    box-shadow: 0 2px 5px 0px #00000020;
}

#inner-quest::-webkit-input-placeholder {
    font-style: italic;
 }
#inner-quest::-moz-placeholder {
    font-style: italic;
}
#inner-quest::-ms-input-placeholder {
    font-style: italic;
 }
.single-card{
    width: 32%;
    margin-bottom: 15px;
    background: #f5f5f5;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    margin: auto;
}
.card-box{
    min-height: 210px;
    display: flex;
    flex-direction: column;
    padding: 12px;
    justify-content: space-between;
}
.card-box h5{
    margin: auto;
}
.card-box h5,
.card-box p,
.form-answer label,
.card-disc label{
    color: #000;
    line-height: 20px;
    font-weight: 700;
}
.card-box.texto{
    height: 66px;
}
.materia-card p{
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.card-quest p{
    color: #FFF!important;
}
.open-card{
    background-color: #9D45E5;
    height: 36px;
    display: grid;
    place-content: center;
    border-radius: 6px;
    margin-top: 20px;
    float: right;
    font-size: 14px;
    font-weight: 900;
    transition: 0.2s;
}
.open-card:hover {
    opacity: .9;
}
.create-card{
    width: 100%;
    height: 40px;
}
.area-menu--items.filtro{
    overflow: hidden;
    margin-bottom: 0!important;
}
.create-card .open-card{
    width: -webkit-fill-available;
    margin: 12px 12px 0 12px;
}

.modal {
    display: none;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
  }

  .modal-content-card {
    background: linear-gradient(90deg,#00bb6f 0,#00d780 49.81%);
    width: 60%!important;
    height: 500px;
    margin: 15% auto;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
  }
.close-card{
    float:right;
    color: #FFF;
    font-size: 45px;
    margin-top: -21px;
    cursor:pointer;
}
.card-question{
    background: #009A5B;
    min-height: 60px;
    display: flex;
    border-radius: 12px;
}
.form-answer{
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}
.form-answer label{
    color: #FFF;
    margin-bottom: 1rem;
}
.card-resposta{
    width: 100%;
    min-height: 60px;
    background: #009A5B;
    border-radius: 12px;
    border: none;
    outline: none;
    color: #FFF;
}
.card-mid{
    height: 60%;
}
.card-bot{
    display: contents;
}
.send-card{
    width: 96%;
    margin: auto;
}
.correct .card-question,
.respondida .card-question{
    background: #007545;
}
.pergunta-card{
    display: flex;
    padding-top: 15px;
}
.pergunta-card p{
    color: #007545;
    font-size: 25px;
    margin: auto;
    line-height: 20px;
    font-weight: 700;
}
.card-disc{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin-left: 17px;
}
.form-card{
    background-color: #C599E8;
    border: none;
    border-radius: 6px;
    height: 35px;
    padding-left: 5px;
    color: #FFF;
    outline: none;
    width: 100%;
}
.form-card option{
    color: #FFF;
    border: none;
}
/** Read more */
.grid-side-1 .materia-texto {
    transition: max-height 1s ease;
}

.grid-side-1 .materia-texto.close {
    max-height: 900px;
    overflow: hidden;
}

.grid-side-1 .materia-close-button {
    margin-top: -50px;
    margin-bottom: 30px;
    position: relative;
}

.grid-side-1 .materia-close-button .fade-effect {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #bdbaba 100%);
    width: 100%;
    height: 50px;
}

.grid-side-1 .materia-close-button button {
    font-weight: 700;
    border: 0;
    background: linear-gradient(90deg,#ffbe3a 0,#ffd041 100%);
    color: #fff;
    padding: 9.5px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    transition: all 1s ease 2s;
    height: 38px;
    width: 100%;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.grid-side-1 .materia-close-button button:hover {
    background: linear-gradient(90deg,#ffbe3a 0,#ffd041 100%);
}
/** Read more */


/* FLASHCARDS */

.bg-flash-card {
    display: flex;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000050;
    justify-content: center;
    align-items: center;
}
.img-info {
    width: 60%;
    height: auto;
    margin: 20px 20%;
}
.closeInfoFC {
    cursor: pointer;
}
.flashcards {
    position: fixed;
    z-index: 14;
    right: 0;
    top: calc(50% - 156px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.tag-flashcards {
    width: 44px;
    height: 44px;
    border-radius: 4px 0 0 4px;
    background: linear-gradient(90deg,#00bb6f 0,#00d780 100%);
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    right: -35px;
}
.blink-fc {
    width: fit-content;
    height: 44px;
    border-radius: 4px 4px 0 0;
    background: linear-gradient(90deg,#00bb6f 0,#00d780 100%);
    color: #FFF;
    font-weight: 600;
    transform: rotate(-0.25turn);
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    right: -120px;
    top: 165px;
    cursor: pointer;
}
.modal-info-fc {
    background-color: #FFF;
    width: 100%;
    max-width: 580px;
    height: 100%;
    max-height: 600px;
    border-radius: 8px;
    padding-bottom: 12px;
    position: relative;
    box-shadow: 0 2px 5px 2px #00000020;
}
.top-info-fc {
    padding: 12px;
    display: flex;
    border-radius: 8px 8px 0 0;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    box-shadow: 0 2px 5px 2px #00000020;
}
.top-info-fc h4 {
    margin-bottom: 0;
}
.content-info-fc {
    padding: 0 12px;
    width: 100%;
    height: 100%;
    max-height: 540px;
    margin-top: 60px;
    padding-bottom: 12px;
    overflow-y: scroll;
}
.p-content-fc {
    width: 100%;
    border: 2px solid #00bb6f;
    border-radius: 8px;
    height: fit-content;
    padding: 12px;
    font-size: 14px;
}
.impt-info {
    color: #00bb6f;
    font-weight: 600;
}
.title-content-fc {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.info-text-fc {
    padding-left: 15px;
    border-left: 3px solid #00bb6f;
    font-size: 14px;
}
.close-flashcards {
    width: 44px;
    height: 44px;
    border-radius: 4px 0 0 4px;
    background: linear-gradient(90deg,#00bb6f 0,#00d780 100%);
    color: #FFF;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    display: none;
}
.tag-flashcards:hover {
    right: 0;
}
.box-flashcards {
    position: relative;
    right: 0;
}
.bloco-flashcards {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: 0px;
    overflow: hidden;
    transition: 0.3s;
}

.new-flashcard,
.geral-flashcard,
.play-flashcard,
.info-flashcard {
    position: relative;
    display: flex;
    background: linear-gradient(90deg,#00bb6f 0,#00d780 100%);
}
.new-flashcard:hover .txt-new-flashcard,
.geral-flashcard:hover .txt-geral-flashcard,
.play-flashcard:hover .txt-play-flashcard,
.info-flashcard:hover .txt-info-flashcard {
    width: 190px;
    opacity: 1;
}
.new-flashcard:hover,
.geral-flashcard:hover,
.play-flashcard:hover,
.info-flashcard:hover {
    border-radius: 4px 0 0 4px;
    box-shadow: 0 2px 5px 2px #00000020;
}
.icon-new-flash,
.icon-geral-flash,
.icon-play-flash,
.icon-info-flash {
    cursor: pointer;
    width: 44px;
    height: 44px;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.txt-new-flashcard,
.txt-geral-flashcard,
.txt-play-flashcard,
.txt-info-flashcard {
    border-radius: 4px 0 0 4px;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0px;
    transition: 0.3s;
    white-space: nowrap;
    cursor: pointer;
    opacity: 0;
}
.modal-new-fc,
.modal-play-fc {
    padding: 15px;
    width: 100%;
    max-width: 420px;
    height: fit-content;
    max-height: 600px;
    min-height: 300px;
    background: linear-gradient(90deg,#00bb6f 0,#00d780 100%);
    justify-content: space-between;
    flex-direction: column;
    border-radius: 8px;
    transition: 0.3s;
}
.modal-vg-fc {
    padding: 15px;
    width: 100%;
    max-width: 420px;
    height: fit-content;
    max-height: 600px;
    min-height: 300px;
    background: linear-gradient(90deg,#00bb6f 0,#00d780 100%);
    flex-direction: column;
    border-radius: 8px;
}
.edit-fc-item {
    position: absolute;
    padding: 15px;
    width: 100%;
    max-width: 420px;
    height: fit-content;
    min-height: 300px;
    background: linear-gradient(90deg,#00bb6f 0,#00d780 100%);
    flex-direction: column;
    border-radius: 8px;
}
.bottom-edit-fc {
    margin: 20px 0 10px 0;
    display: flex;
    justify-content: space-between;
}
.delete-fc {
    width: 35px;
    height: 35px;
    background-color: #d44440;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
}
.delete-fc img {
    width: 18px
}
.top-new-fc,
.top-vg-fc,
.top-edit-fc,
.top-play-fc {
    display: flex;
    color: #FFF;
    justify-content: space-between;
    width: 100%;
}
.closeNewFC,
.closeVgFC,
.closeEditFC,
.closePlayFC {
    cursor: pointer;
}
.content-new-fc,
.content-edit-fc {
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    color: #006040;
}
.content-play-fc {
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}
.content-new-fc label,
.content-edit-fc label {
    font-size: 16px;
    font-weight: 600;
}
.content-new-fc textarea,
.content-edit-fc textarea {
    min-height: 40px;
    font-size: 16px;
    height: fit-content;
    max-height: 180px;
    max-width: 400px;
    margin: 10px 0 10px 0;
    padding: 10px;
    background-color: #006040;
    color: #FFF;
    border: none;
    outline: 2px solid #ffffff;
    border-radius: 4px;
}
.content-new-fc textarea:focus,
.content-edit-fc textarea:focus {
    outline: 2px solid #FFF;
}
.bottom-new-fc {
    margin:5px 0 20px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.save-new-fc,
.save-edit-fc {
    width: 100px;
    height: 35px;
    border-radius: 4px;
    border: none;
    background-color: #006040;
    color: #FFF;
    transition: 0.1s;
}
.save-new-fc:active {
    background-color: #00875a;
}
.content-vg-fc {
    width: 100%;
    height: fit-content;
    max-height: 550px;
    overflow: auto;
}
.list-clone-fc {
    display: none;
}
.flashcard-item {
    background-color: #008950;
    justify-content: space-between;
    display: flex;
    margin: 5px 0;
    padding: 5px;
    border-radius: 4px;
    color: #FFF;
    cursor: pointer;
    transition: 0.3s;
}
.flashcard-item:hover {
    background-color: #00a160;
}
.lista-fc-items {
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.fc-item-tools {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00bb6f;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    cursor: pointer;
}
.fc-item-pergunta {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0 5px 0 5px;
}
.fc-item-tools img {
    width: 19.5px;
    height: 18.5px;
    margin-left: 4px;
}
.top-play-fc p {
    margin-bottom: 0;
}
.top-play-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-play-right p {
    margin-right: 20px;
    font-weight: 600;
}
.play-pergunta {
    width: 100%;
    border: 2px solid #006040;
    border-radius: 8px;
    color: #FFF;
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.play-resposta {
    margin: 15px 0;
    width: 100%;
    border: 2px solid #006040;
    background-color: #006040;
    border-radius: 8px;
    color: #FFF;
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all ease 0.5s;
}
.p-resposta {
    margin-bottom: 0;
}
.bottom-play-fc {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.play-errou {
    padding: 5px 10px;
    background-color: #d44440;
    color: #FFF;
    border-radius: 4px;
    border: none;
    transition: 0.3s;
}
.play-errou:active {
    background-color: #ed605c;
}
.play-acertou {
    padding: 5px 10px;
    background-color: #006040;
    color: #FFF;
    border-radius: 4px;
    border: none;
    transition: 0.3s;
}
.play-acertou:active {
    background-color: #00875a;
}
.info-flash-perfil {
    background-color: transparent;
    height: 36px;
    width: 150px;
    border-radius: 18px;
    border: 2px solid #009a5b;
    color: #009a5b;
    margin: 30px 0;
    font-weight: 500;
}
.info-flash-perfil:hover {
    box-shadow: 0 2px 2px 2px #00000020;
}

/* PERFIL TIRE DUVIDAS */
.perfil-tire-duvidas {
    margin: 0 0 0 15px;
    flex-grow: 1;
    max-width: 900px;
    width: 100%;
}
.overview-geral {
    max-width: 933px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    box-shadow: 0 2px 5px 0px #00000020;
    border-radius: 0 0 6px 6px;
}
.overview-user {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px 0;
}
.pontos-user {
    width: 50%;
    display: flex;
    flex-direction: column;
}
.pontos-user__nivel {
    display: flex;
}
.nivel__circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #b497cc;
    background-color: #9d43e6;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 28px;
    margin-right: 10px;
    box-shadow: 0 2px 5px 0px #00000050;
}
.nivel__stats {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    width: 80%;
}
.nivel__atual {
    color: #9d43e6;
    font-weight: 600;
}
.nivel__pontos {
    font-size: 14px;
}
.nivel__pontos label {
    color: #b497cc;
    font-weight: 600;
}
.pontos-user__obs {
    font-size: 13px;
    color: #b497cc;
}
.pontos-user__barra-nivel {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.pontos-user__barra-nivel span {
    color: #9d43e6;
    font-weight: 600;
}
.barra-nivel {
    position: relative;
    width: 320px;
    height: 14px;
    border-radius: 7px;
    background-color: #E0E0E0;
    border: 1px solid #b497cc;
    margin-right: 10px;
}

@media screen and (max-width: 768px) {
    .topo{
        height: 70px;
        z-index: 5;
        box-shadow: 0 2px 5px 2px #00000020;
    }
    .topo-logo img {
        width: 135px;
        height: 69px;
    }
    .area-publi-destaque {
        margin-top: 0;
    }
    .destaques h2,
    .noticias h2,
    .mais-vistos h2,
    .recomendados h2,
    .cards-box h2 {
        font-size: 26px;
        padding: 0;
        margin-left: 15px;
        border-bottom: 2px dotted #00bb6f;
    }
    .detaques-topo {
        flex-direction: column;
        align-items: start;
    }
    .detaques-topo hr.dashed-line,
    .noticias-topo hr.dashed-line,
    .mais-vistos hr.dashed-line,
    .cards-materias hr.dashed-line {
        display: none;
    }
    .nav-tabs {
        width: auto;
    }
    .conteudo-saiba-mais {
        display: none;
    }
    .janela-conteudo-titulo h5 {
        margin-bottom: 10px;
    }
    .janela-grid.grid-side-1 {
        margin-bottom: 20px;
    }
    .area-news-grid-3 {
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .noticias-grid-3 {
        width: 100%;
    }
    .img-canal {
        min-width: 120px;
    }
    .lista-videos-categorias {
        justify-content: space-between;
    }
    .caixa{
        width: 100%;
    }
    .video-categoria {
        margin: auto;
        margin-bottom: 20px;
    }
    .video-conteudo {
        max-width: 480px;
        max-height: 360px;
        margin: auto;
    }
    .area-video {
        max-width: 480px;
        max-height: 360px;
        margin: auto;
    }
    .janela-conteudo {
        height: 300px;
    }
    .navigation-btn{
        display: none !important;
    }
    .navigation-btn.exerc{
        display: block!important;
    }
    .exercicios-layer {
        flex-direction: column;
    }
    .artigos-relacionados--bloco a {
        width: 100%;
        max-width: none;
    }
    .artigo-relacionado--info {
        max-width: none;
    }
    .img-destaque-interna {
        height: auto;
    }
    .big-noticia-titulo {
        display: none;
    }
    .big-noticia-titulo-mobile h5 {
        display: block;
    }
    .estude-agora {
        margin-bottom: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .estude-agora hr {
        display: none;
    }
    .area-video-box {
        margin-bottom: 20px;
    }
    .video-img {
        width: 150px;
        height: 170px;
    }
    .video-info h3 {
        font-size: 18px;
    }
    .video-info span {
        max-height: 105px;
    }
    .estude-agora h3 {
        font-size: 26px;
        font-weight: 700;
        border-bottom: 2px dotted #00bb6f;
    }
    .publi-lateral-noticias {
        display: none;
    }
    .destaques-ultimos__lista,
    .destaques-dinamico__lista{
        overflow: auto!important;
    }
    .destaque-video__single{
        width: 240px!important;
        height: 150px!important;
    }
    .destaque-video__single img{
        width: 100%!important;
        height: 100%!important;
    }
}

.barra-nivel__xp {
    position: absolute;
    width: 40%;
    background: linear-gradient(90deg,#9d43e6 0,#ae71e0 100%);
    height: 12px;
    left: 0;
    border-radius: 6px;
}

.overview-conquistas {
    padding: 5px 0 20px 0;
    border: 0;
    border-top: 0.5px solid #e5e5e5;
    display: flex;
    flex-direction: column;
}
.overview-conquistas h6 {
    font-size: 14px;
    margin-top: 10px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #9d43e6;
}
.overview-list-conquistas {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow-x: auto;
}
.list-conquistas__item {
    border: 2px solid #9d43e6;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    height: 30px;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    margin: 0 10px 10px 0;
    color: #9d43e6;
}
.conquistas__item--active {
    background-color: #9d43e6;
    color: #FFF !important;
}
.conquistas-obs {
    font-size: 13px;
    color: #b497cc;
    margin-bottom: 10px;
}
.bottom-overview__left h6 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 5px;
    padding-right: 10px;
    color: #9d43e6;
}
.bottom-overview__right h6 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 5px;
    color: #9d43e6;
}
.area-conquistas {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    border-radius: 0 6px 6px 6px;
    box-shadow: 0 2px 5px 0px #00000020;
    display: flex;
    flex-direction: column;
    padding: 10px;
}
.area-conquistas h6 {
    font-size: 14px;
}
.overview-area {
    height: 60px;
    border-radius: 30px;
    width: 95%;
    border: 2px solid #b497cc;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4px 0 20px;
}
.overview-area label {
    font-weight: 600;
    color: #b497cc;
}
.overview-area span {
    height: 50px;
    width: 80px;
    color: #FFF;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #9d43e6;
    font-size: 20px;
    font-weight: 600;
}
.historico-participacoes h6 {
    font-size: 14px;
    margin-bottom: 20px;
}
.conquista-item {
    width: 100%;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    border: 0;
    border-top: 0.5px solid #e5e5e5;
}
.right-conquista {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.conquista-item span {
    font-size: 14px;
    color: #9d43e6;
    font-weight: 600;
}
.requisito-conquista {
    font-size: 12px;
    margin: 5px 0 0 0;
}
.conq-resgatado {
    padding: 7px 5px;
    color: #FFF;
    background-color: #b497cc;
    font-size: 13px;
    border-radius: 6px;
    min-width: 73px;
    min-height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.conq-resgatar {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 5px;
    color: #FFF;
    background-color: #9d43e6;
    font-size: 13px;
    border-radius: 6px;
    min-width: 73px;
    min-height: 33px;
    cursor: pointer;
}
.conq-bloqueado {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 5px;
    color: #FFF;
    background-color: #A0A0A0;
    font-size: 13px;
    border-radius: 6px;
    min-width: 73px;
    min-height: 33px;
}
.todas-conquistas {
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    border-top: 0.5px solid #e5e5e5;
    padding: 10px 0 0 0;
    cursor: pointer;
}
.todas-conquistas:hover {
    color: #9d43e6;
}
.historico-participacoes {
    flex-grow: 1;
    background-color: #FFF;
    border-radius: 0  6px 6px 6px;
    box-shadow: 0 2px 5px 0px #00000020;
    display: flex;
    flex-direction: column;
    padding: 10px;
}
.item-participacao {
    height: fit-content;
    border-top: 0.5px solid #e5e5e5;
    display: flex;
    flex-direction: column;
}
.item-participacao label {
    font-size: 14px;
    font-weight: 600;
    color: #9d43e6;
}
.item-participacao p {
    font-size: 12px;
    margin: 5px 0 0 0;
}
.select-avatar {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #e5e5e5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 5px 0px #00000020;
}
.select-avatar img {
    width: 75%;
    height: 75%;
}
.avatar-user {
    padding: 0 0 0 10px;
    width: 50%;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #e5e5e5;
}
.avatar-user label {
    font-size: 14px;
    color: #9d43e6;
    font-weight: 600;
    margin-bottom: 20px;
}
.box-social {
    display: block;
    position: fixed;
    top: calc(50% - 112px);
    height: 44px;
    width: 44px;
    z-index: 14;
}
.avatar-user__ativo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.avatar-user__ativo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.avatar-user__ativo button {
    width: 90px;
    height: 30px;
    color: #FFF;
    background-color: #9d43e6;
    border-radius: 6px;
    border: 0;
    font-size: 14px;
    position: relative;
}
.avatar-user__img {
    width: 80px;
    height: 80px;
    box-shadow: 0 2px 5px 0px #00000050;
    border-radius: 50%;
    margin-right: 20px;
    overflow: hidden;
}
.avatar-user__obs {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
}
.bottom-overview {
    display: flex;
    border-top: 0.5px solid #e5e5e5;
    padding-top: 10px;
}
.bottom-overview__left {
    width: 50%;
}
.bottom-overview__right {
    width: 50%;
    padding: 0 0 0 10px;
}
.tabs-tire-duvidas {
    width: 100%;
    display: flex;
    background-color: #FFF;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 2px 5px 0px #00000020;
}
.tab-td {
    padding: 5px 10px;
    font-size: 14px;
    cursor: pointer;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.td-active {
    border-top: 2px solid #9d43e6;
    border-radius: 6px 6px 0 0;
    cursor: default;
    position: relative;
}
.section-td {
    height: fit-content;
}
/* ------------ */
.container-avatar hr {
    margin: 0;
}
.container-avatar {
    background-color: #FFF;
    box-shadow: 0 2px 5px 0px #00000020;
    padding: 10px;
}
.container-avatar__top {
    display: flex;
    padding-bottom: 20px;
}
.container-avatar__area {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30%;
}
.container-avatar__area label {
    font-weight: 600;
    color: #9d43e6;
    margin-bottom: 10px;
    font-size: 14px;
}
.container-avatar__area img {
    width: 140px;
    height: 140px;
}
.container-avatar__resumo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.container-avatar__resumo label {
    font-weight: 600;;
}
.container-avatar__level-one,
.container-avatar__level-three {
    padding: 10px 0;
}
.container-avatar__level-one label,
.container-avatar__level-three label {
    font-weight: 600;
    font-size: 14px;
    color: #9d43e6;
}
.level-one__avatar-list,
.level-three__avatar-list  {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    overflow-y: auto;
}
.avatar-list__item {
    display: flex;
    flex-direction: column;
    margin: 0 15px 0 15px;
}
.avatar-item__img {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}
.avatar-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.avatar-list__item button {
    border: 0;
    background-color: #9d43e6;
    color: #FFF;
    border-radius: 6px;
    height: 30px;
}
.btn-locked-item {
    background-color: #9e9e9e !important;
}
.btn-locked-active {
    background-color: #b497cc !important;
}
/* Carteirinha */
.mini-carteirinha {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
}
.mini-carteirinha .carteirinha-box{
    width: 320px;
    height: 240px;
}
.mini-carteirinha .img-carteirinha{
    width: 100px;
    height: 100px;
}
.mini-carteirinha .user-prof span{
    font-size: 12px;
}
.mini-carteirinha .user-points{
    flex-direction: column;
}
.mini-carteirinha .conteudo-cart{
    font-size: 13px;
}
.container-carteirinha {
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    box-shadow: 0 2px 5px 0px #00000020;
}
.carteirinha-box{
	width: 75%;
	height: 75%;
	position: relative;
	transition: all 0.6s ease-out;
	perspective: 1000px;
    cursor:move;
}
.carteirinha-box:hover{
	transition: all 0.3s linear;
}
.conteudo-cart{
	width: 100%;
	height: 100%;
	background: #f1f1f1;
	align-items: center;
	justify-content: space-around;
	text-align: center;
	transition: all 0.6s ease-out;
	transform:rotateX(0deg) rotateY(0deg);
	perspective: 1000px;
	transform-style: preserve-3d;
    border-radius: 20px;
    position: absolute;
    top: 0;
    box-shadow: 0 10px 10px 0px #00000040;
    font-size: 20px;
    border: 2px solid #2fd173;
}
.section-cart{
	width: 33.333%;
	height: 33.333%;
	position: absolute;
	z-index: 1;
}
.division{
    width: 100%;
    height: 100%;
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: space-between;
}
.big-column{
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
}
.user-prof{
    width: 35%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.user-conq{
    height: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.img-carteirinha {
    width: 200px;
    height: 200px;
    background: #D9D9D9;
    border-radius: 100%;
}
.selected-name{
    color: #505050;
    font-size: 20px;
    font-weight: 700;
}
.all-points{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    color: #505050;
}
.top-cart{
    width: 100%;
    display: flex;
    justify-content: center;
}
.info_user{
    width: 100%;
    height: 100%;
    display: flex;
}
.info_user{
    flex-direction: column;
    justify-content: space-around;
}
.info-div{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.right-info{
    display: flex;
    flex-wrap: wrap;
}
.info-div.top{
    width: 100%;
    height: auto;
    flex-direction: column;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 700;
}
.info-div.double-mid{
    width: 50%;
    height: 30px;
    flex-direction: column;
}
.left-info{
    font-weight: 600;
    color: #9d43e6;
    text-transform: uppercase;
    box-shadow: 0 10px 10px 0px #00000040;
    border-radius: 15px;
    border: 1px solid #D9D9D9;
}
.barra {
    width: 100%;
}
.barrra-text {
    width: 90%;
}
.barra,
.barrra-text {
    position: relative;
    height: 30px;
    margin-left: 1.5px;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    display: flex;
    margin-bottom: 10px;
    margin: auto;
}
.barrra-text{
    position: absolute;
    border: none;
    opacity: 0.7;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.barra__prog,
.prev-points,
.init-points{
    position: absolute;
}
.barra__prog{
    right: 35%;
}
.prev-points{
    right: 1%;
}
.init-points{
    left: 7%;
}
.skills {
    text-align: center; /* Right-align text */
    padding-top: 10px; /* Add top padding */
    padding-bottom: 10px; /* Add bottom padding */
    color: white; /* White text color */
    border-radius: 20px;
    max-width: 100%;
}
.progress {
    width: 100%;
    background: linear-gradient(45deg,#09955c 0,#00d780 49.81%);
}
.xp-bar{
    width: 100%;
    display: flex;
    border: none;
    color: #505050;
}
.big-line{
    display: flex;
    width: 100%;
    height: 85%;
    justify-content: space-between;
}

.small-line{
    width: 100%;
    height: 30px;
}

.float-status{
    position: absolute;
    display: flex;
    padding-top: 3px;
    color: #505050;
    font-size: 12px;
}
.section-cart:nth-child(1){ left: 0; top: 0; }
.section-cart:nth-child(2){ left: 33.333%; top: 0; }
.section-cart:nth-child(3){ left: 66.666%; top: 0; }
.section-cart:nth-child(4){ left: 0; top: 33.333%; }
.section-cart:nth-child(5){ left: 33.333%; top: 33.333%; }
.section-cart:nth-child(6){ left: 66.666%; top: 33.333%; }
.section-cart:nth-child(7){ left: 0; top: 66.666%; }
.section-cart:nth-child(8){ left: 33.333%; top: 66.666%; }
.section-cart:nth-child(9){ left: 66.666%; top: 66.666%; }
.section-cart:nth-child(1):hover ~ .conteudo-cart{transform:rotateX(-8deg) rotateY(8deg);}
.section-cart:nth-child(2):hover ~ .conteudo-cart{transform: rotateX(-8deg) rotateY(0deg)}
.section-cart:nth-child(3):hover ~ .conteudo-cart{transform: rotateX(-8deg) rotateY(-8deg)}
.section-cart:nth-child(4):hover ~ .conteudo-cart{transform: rotateX(0deg) rotateY(8deg)}
.section-cart:nth-child(5):hover ~ .conteudo-cart{transform: rotateX(0deg) rotateY(0deg)}
.section-cart:nth-child(6):hover ~ .conteudo-cart{transform: rotateX(0deg) rotateY(-8deg)}
.section-cart:nth-child(7):hover ~ .conteudo-cart{transform:rotateX(8deg) rotateY(8deg);}
.section-cart:nth-child(8):hover ~ .conteudo-cart{transform: rotateX(8deg) rotateY(0deg)}
.section-cart:nth-child(9):hover ~ .conteudo-cart{transform: rotateX(8deg) rotateY(-8deg)}

/* .section-cart:nth-child(n):hover ~ .conteudo-cart{
    -webkit-box-shadow:0px 0px 40px 20px rgba(45,255,196,0.5);
    -moz-box-shadow: 0px 0px 40px 20px rgba(45,255,196,0.5);
    box-shadow: 0px 0px 40px 20px rgba(45,255,196,0.5);
    box-shadow:
    0 0 30px #fff,
    10px 0 40px #f0f,
    -10px 0 40px #0ff,
    10px 0 100px #f0f,
    -10px 0 100px #0ff,
    0 0 30px #fff,
    -10px 0 40px #f0f,
    10px 0 40px #0ff;

} */
.avatar{
    border-radius: 100%;
}
.filter-duvidas {
    display: flex;
    margin: 10px 0;
}
.item-filter-duvidas {
    padding: 5px 7px;
    margin-right: 10px;
    border: 2px solid #9d43e6;
    border-radius: 6px;
    min-width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9d43e6;
    cursor: pointer;
    box-shadow: 0 2px 5px 0px #00000020;
}

.item-filter-duvidas-active {
    background-color: #9d43e6;
    color: #FFF;
}
/*rank*/

 /* end rank */
 .tools.d-flex{
    position: relative;
 }
.tools.d-flex .notific-ball{
    bottom: -2px;
    right: -2px;
}
.avatar-user__ativo button .notific-ball{
    right: -5px;
    bottom: -2px;
}
.perfil-item.selected{
    border: 2px dotted rgba(255, 0, 0, 0.8);
    border-radius: 0!important;
}
.notific-ball{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: red;
}
.login-mobile img{
    border-radius: 50%;
}
.login-mobile{
    position: relative;
}
.login-mobile .notific-ball {
    bottom: 0;
    left: 15px;
}
.iara-carteirinha{
    width: 400px;
    max-width: 100%;
    height: 191px;
    background-color: #FFf;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.iara-info.redacao{
    background-color: #ff6d0b;
}
.inner-carteirinha{
    width: 100%;
    height: 100%;
    perspective: 1000px;
    position: relative;
    transition: all 0.6s ease-out;
    cursor: pointer;
}
.inner-carteirinha.redacao{
    color: #000;
}
.inner-carteirinha:hover{
    transition: all 0.3s linear;
}
.iara-info{
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: space-around;
	text-align: center;
	transition: all 0.6s ease-out;
	transform:rotateX(0deg) rotateY(0deg);
	perspective: 1000px;
	transform-style: preserve-3d;
    border-radius: 10px;
    position: absolute;
    top: 0;
    box-shadow: 0 10px 10px 0px #00000040;
    font-size: 20px;
    background-color: #27AE60;
}
.iara-profile{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FFF;
    padding: 10px;
    border-radius: 10px;
    transition: 0.5s;
    gap: 0px;
    justify-content: center;
}
.iara-name{
    font-family: monospace;
    font-weight: 900;
    transition: 0.5s;
    color: #297152!important;
}
.img-iara{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #297152;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-iara img{
    transform: scale(1.1);
    scale: 1.4;
    left: -4px;
    position: relative;
}
.iara-thumbs{
    left: 2px!important;
    scale: 1.3!important;
}
.iara-info .division{
    padding: 5px;
    flex-direction: row;
    overflow: hidden;
}
.topo-row{
    display: flex;
    width: 100%;
}
.topo-row span,
.topo-row img{
    margin-left: auto;
}
.info-column{
    width: 0%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    background-color: #FFF;
    padding: 0px;
    border-radius: 10px;
    position: relative;
    transition: 0.5s;
}
.introduction-text{
    font-size: 14px;
    text-align: justify;
    min-width: 212px;
}
.division.active .hide-info{
    opacity: 0;
    height: 0px;
}
.division.active .iara-profile{
    width: 35%;
    margin-right: 25px;
}
.hide-info{
    font-size: 14px;
    transition: 0.5s;
    opacity: 1;
    height: 21px;
}
.division.active .info-column{
    width: 65%;
    padding: 10px;
}
.balloon-trig{
    position: absolute;
    width: 20px;
    height: 40px;
    left: -7px;
    top: 60px;
    transition: 0.1s;
    opacity: 0;
}
.balloon-trig.active{
    opacity: 1;
}
.skew-test-1{
    background-color: #FFF;
    width: 100%;
    height: 50%;
    transform: skewX(145deg);
}
.skew-test-2{
    background-color: #FFF;
    width: 100%;
    height: 50%;
    transform: skewX(-145deg);
}
.section-cart:nth-child(1):hover ~ .iara-info{transform:rotateX(-8deg) rotateY(8deg);}
.section-cart:nth-child(2):hover ~ .iara-info{transform: rotateX(-8deg) rotateY(0deg)}
.section-cart:nth-child(3):hover ~ .iara-info{transform: rotateX(-8deg) rotateY(-8deg)}
.section-cart:nth-child(4):hover ~ .iara-info{transform: rotateX(0deg) rotateY(8deg)}
.section-cart:nth-child(5):hover ~ .iara-info{transform: rotateX(0deg) rotateY(0deg)}
.section-cart:nth-child(6):hover ~ .iara-info{transform: rotateX(0deg) rotateY(-8deg)}
.section-cart:nth-child(7):hover ~ .iara-info{transform:rotateX(8deg) rotateY(8deg);}
.section-cart:nth-child(8):hover ~ .iara-info{transform: rotateX(8deg) rotateY(0deg)}
.section-cart:nth-child(9):hover ~ .iara-info{transform: rotateX(8deg) rotateY(-8deg)}

.iara-redacao {
    margin: 40px 0 20px 0;
    width: 100%;
    padding: 12px;
    background-color: #FFF;
    border: 2px solid #f60;
    border-radius: 6px;
    cursor: pointer;
}
a.iara-redacao_topo {
    display: flex;
    gap: 15px;
    text-decoration: none;
}
.iara-redacao_topo_esquerda {
    position: relative;
    height: 100px;
    min-width: 100px;
    border-radius: 6px;
    overflow: hidden;
}
.iara-redacao_topo_esquerda img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.iara-redacao_topo_direita {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.iara-direita-title {
    color: #000;
    font-weight: 500;
    line-height: 22px;
}
.iara-direita-link {
    position: relative;
    background: linear-gradient(90deg,#ff9650 0,#f60 100%);
    color: #FFF;
    padding: 6px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    transition: 0.5s;
}
.iara-direita-link svg {
    position: absolute;
    right: -50px;
    transition: 0.5s;
}
.iara-direita-link:hover {
    background-color: #f60;
}
.iara-direita-link:hover svg {
    right: 10px;
}
.iara-direita-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: skewX(-20deg);
    transition: left 0.7s ease;
    filter: blur(10px);
    opacity: 0.5;
}
.iara-direita-link:hover::before {
    left: 120%;
}
.twitter-tweet,
.instagram-media {
    margin: auto!important;
}
/* ------------------------------------------------------RESPONSIVIDADE ----------------------------------------------------*/
@media screen and (min-width: 320px) and (max-width: 991px){
    .login-card-desk{
        display: none;
    }
    .login-card{
        display: flex!important;
    }
    .area-filter.show{
        margin-bottom: 25px;
    }

}
@media screen and (min-width: 992px){
    .login-card-desk{
        display: flex!important;
    }
    .login-card{
        display: none;
    }
}
@media screen and (max-width: 1000px){
    .profile-toggle-menu {
        display: flex;
    }
    .area-perfil {
        flex-direction: column;
    }
    .profile-left-side {
        width: 100%;
        height: 50px;
        overflow: hidden;
    }
    .options-forms{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .options-forms .form_send{
        width: 45%;
    }
    .perfil-tire-duvidas,
    .profile-right-side{
        margin: 15px 0 0 0;
    }
    .container-carteirinha{
        height: 300px!important;
    }
    .unlocked-avatar{
        overflow: auto;
        justify-content: flex-start;
    }
    .unlocked-avatar__img{
        margin: 10px;
    }
    .area-basic .form-group .form-control{
        width: 100%!important;
    }
    .carteirinha-box{
        width: 320px;
        height: 240px;
    }
    .img-carteirinha{
        width: 100px;
        height: 100px;
    }
    .user-prof span{
        font-size: 15px;
    }
    .user-points{
        flex-direction: column;
    }
    .top-cart img{
        width: 50px;
        height: 50px;
    }
    .conteudo-cart{
        font-size: 13px;
    }
    .img-carteirinha img{
        width: 100px;
        height: 100px;
    }
}
@media screen and (max-width: 430px){
    .options-forms .form_send{
        width: 100%;
    }
    .tab-td{
        font-size: 12px;
    }
    .item-filter-duvidas{
        min-width: 80px;
    }
    .item-filter-duvidas{
        min-width: 70px!important;
    }
    .area-video{
        max-height: 230px!important;
    }
    .single-card__content p{
        max-height: 150px;
        overflow: hidden;
    }
    .single-card-feed{
        flex-direction: column;
        gap: 10px;
        margin-bottom: 30px;
    }
    .single-card__left{
        max-width: 100%;
        min-height: 0;
        height: 60px;
        flex-direction: row;
        justify-content: space-between;
        padding: 0 10px;
    }
    .single-card__right{
        margin-left: 0;
    }
    .bottom-btn__visualizar{
        width: 113px;
    }
    .bottom-btn__responder{
        margin: 0 5px 0 0;
        width: 100px;
    }
}
@media screen and (max-width: 540px){
    .area-basic {
        width: 100%;
        padding: 0;
    }
    .pontos-user{
        width: 75%;
    }
    .bottom-overview__left,
    .bottom-overview__right{
        width: 100%;
    }
    .bottom-overview__right{
        border: none;
    }
    .area-personal-data{
        flex-direction: column;
    }
    .msg-confirmacao{
        width: 100%;
    }
    .topo-card {
        flex-direction: column;
    }
    .overview-area label {
        max-width: 180px;
        font-size: 14px;
    }
    .overview-area span {
        min-width: 50px;
        width: fit-content;
    }
    .try-gpt{
        width: 100%;
    }
    .modal-confirmation{
        align-items: unset;
    }
    .info-confirm-block{
        padding: 0;
    }
}
@media screen and (max-width: 970px) {
    .area-publi-topo {
        display: none !important;
    }
    .img-info {
        width: 80%;
        height: auto;
        margin: 20px 10%;
    }

}
@media screen and (max-width: 991px){
    .omnia-center div {
        display: block!important;
    }
    .social-media-bg {
        display: none;
    }
    .menu-sandwitch img {
        display: block;
    }
    .destaques-grid-second {
        display: none !important;
    }
    .grid-2 {
        padding-right: 12px;
    }
    .menu-drop {
        display: none !important;
    }
    .logo-footer {
        display: flex;
        justify-content: center;
    }
    .coluna-footer ul {
        text-align: center;
    }
    .rodape h5 {
        text-align: center;
        margin-top: 30px ;
    }
    .coluna-social {
        width: 140px;
        margin: auto;
    }
    .topo-tools {
        display: none;
    }
    .search-mobile {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .info ul li,
    .sites ul li,
    .sociais ul li {
        justify-content: center;
    }
    .top-search{
        display: none!important;
    }
    .copyright-footer{
        flex-direction: column;
    }

    .box-social__icons-box--url:hover .box-social__url{
        opacity: 0;
    }
    .box-social__icons-box--url{
        width: 44px!important;
        border-top-right-radius: 0!important;
    }

    .box-social__icons-box--facebook:hover,
    .box-social__icons-box--twitter:hover,
    .box-social__icons-box--whatsapp:hover{
        width: 0;
    }
    .box-social__whatsapp-title,
    .box-social__facebook-title,
    .box-social__twitter-title{
        display: none;
    }
    .area-notifications {
        width: 32px;
        height: 32px;
    }
    .topo-tools-not {
        justify-content: flex-end;
    }
    .favorito-status.inicial,
    .favorito-status.final,
    .favorito-status.click{
        width: auto!important;
    }
    .favorito-status span{
        width: calc(100% - 40px)!important;
    }
    .favorito-status #wave-bottom{
        display: none;
    }
    .favorito-status{
        border-radius: 0 0 8px 8px;
    }
    .container-fav{
        justify-content: center!important;
    }
}

@media screen and (min-width: 588px) and (max-width: 991px) {
    .bloco{
        width: 50%!important;
    }
}
@media screen and (max-width: 588px) {
    .area-publi-destaque {
        margin-bottom: 15px;
    }
    .container-avatar__top{
        flex-direction: column;
    }
    .container-avatar__area{
        width: 100%;
    }
}
@media screen and (min-width: 500px) and (max-width: 768px){
    .estude-video{
        display: flex;
        justify-content: space-between;
    }
    .video-box{
        width: 45%;
        height: 100%!important;
    }
    .last-session-item {
        width: 100% !important;
        max-width: 49%;
    }
}
@media screen and (max-width: 499px){
    .estude-video{
        display: flex;
        flex-direction: column;
    }
    .video-img svg{
        top: 40%;
        left: 43%;
    }
    .last-session-item {
        width: 100% !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1199px){
    .video-img,
    .video-info{
        margin: auto;
    }
}
@media screen and (min-width: 1200px){
    .area-news-grid-3{
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 720px){
    .float-top{
        right: 0px!important;
    }

}
@media screen and (max-width: 582px){
    .more-text{
        display: none;
    }
    .more-ex{
        width: 20%;
    }
}
@media screen and (max-width: 575px) {
    .area-lista--disciplinas .p-2 {
        width: 100%;
    }
    .layer-disciplinas {
        width: 100%;
    }
    .share-disciplina {
        display: flex;
    }
    .layer-disciplinas--descricao {
        font-size: 13px;
    }
    .area-lista--canais .p-2 {
        width: 100%;
    }
    .layer-canais {
        width: 100%;
    }
    .share-canais {
        display: flex;
    }
    .layer-canais--descricao {
        font-size: 13px;
    }
}
@media screen and (max-width: 500px){
    .interact{
        flex-direction: column;
        height: 120px
    }
    .play-audio,
    .controles-texto{
        width: 100%!important;
    }
    .controles-texto{
        margin-top:auto!important;
    }
    .box-social__icons-box--twitter:hover,
    .box-social__icons-box--facebook:hover,
    .box-social__icons-box--whatsapp:hover {
      width: 0px;
    }
    .single-card-resposta{
        flex-direction: column;
    }
    .single-card__left-side{
        width: 100%;
        height: 70px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border: 1px solid #cecece;
        border-radius: 8px 8px 0 0;
        border-bottom: 0;
    }
    .avatar-user-resp,
    .card-resposta-topo p{
        margin: 0;
    }
    .card-resposta-topo p{
        margin-left: 15px;
    }
    .single-card__right-side{
        width: 100%;
        margin-top: 0px;
        margin-left: 0;
        border-radius: 0 0 8px 8px;
    }
}
@media screen and (max-width: 600px){
    .publi-dir.inner{
        width: 100%;
    }
    .my-post{
        width: 90%;
        height: auto;
        flex-direction: column;
    }
    .img-post{
        margin: 15px;
        margin-left: auto;
        margin-right: auto;
    }
    .stats{
        display: flex;
        flex-direction: column;
        margin: auto;
    }
    .titulo{
        margin: auto;
    }
    .enviar-file{
        width: 54%;
    }
    .welcome,
    .attention{
        width: 100%;
    }
    .descrica-noticia--relacionada {
        display: none;
    }
    .form-search-question{
        width: 100%;
    }
    .search-question-input{
        padding-left: 15px;
    }
    .overview-user,
    .bottom-overview{
        flex-direction: column;
    }
    .avatar-user,
    .pontos-user,
    .bottom-overview__left,
    .bottom-overview__right{
        width: 100%;
        border: none;
    }

}
@media screen and (max-width: 1200px){
    .right-side .sub-section-forum{
        display: none;
        margin: auto;
    }
    #area-flutuante-artigo-1{
        display: none;
    }
    .sub-section-forum {
        display: block;
    }
    .sub-section-forum .quest-p{
        height: 85%;
    }
    .float-feed{
        max-width: 600px;
        margin: auto;
    }
    .mid-last{
        flex-direction: column!important;
    }
}
@media screen and (min-width: 320px) and (max-width: 768px){
    .form-control{
        width: 80%!important;
    }
    .input-group-append{
        right: 12%!important;
    }
    .form__box{
        width: 80%;
    }
    .canal-layer {
        height: fit-content;
    }
    .info-canal-titulo {
        margin-top: 8px;
    }
    .info-canal-descricao {
        margin-top: 8px;
    }
    .img-canal {
        width: 120px;
        height: 120px;
    }
    .grid-side-1 .materia-texto.close {
        max-height: 1100px;
        overflow: hidden;
    }
}
@media screen and (min-width: 320px) and (max-width: 374px){
    .calendar-img{
        display: none;
    }
    .mini-carteirinha .img-carteirinha {
        width: 80px;
        height: 80px;
    }
    .topo-mobile{
        flex-direction: column;
    }
    .patrocinio-on{
        width: 120px;
        align-self: center;
    }
}
@media screen and (min-width: 375px) and (max-width: 768px){
    .calendar-img{
        margin-right: 15%!important;
    }
}
@media screen and (min-width: 769px){
    .big-noticia-titulo-mobile h3 {
        display: none;
    }
}
@media screen and (min-width: 600px) and (max-width: 1199px){
    .area-basic.doc{
        width: 75%;
        margin: auto;
    }
    .welcome,
    .attention{
        margin: auto;
    }
}

@media screen and (max-width: 1290px) {
    .area-side-publi,
    .news-grid-3 {
        position: relative;
        right: 5px;
        width: 100%;
    }
    .area-publi-dir {
        position: absolute;
        right: 5px;
    }
}
@media screen and (max-width: 1214px) {
    .tire-duvida-call {
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    .last-destaque {
        display: none;
    }
    .estude-agora {
        display: flex;
        margin-bottom: 40px;
        align-items: center;
    }
    .estude-agora h3 {
        color: #505050;
        font-size: 38px;
        font-weight: 600;
        margin-right: 20px;
        margin-bottom: 0;
    }
    .noticias-col-lateral {
        margin-top: 50px !important;
        display: flex;
        justify-content: space-between;
    }
    .area-news-grid-3 {
        height: 100%;
    }
    .video-box {
        height: 45%;
    }
    .video-img {
        width: 40%;
        height: 200px;
    }
    .video-info {
        width: 60%;
    }
    .video-info h3 {
        font-size: 20px;
    }
    .video-info span {
        font-size: 14px;
    }
    .area-side-publi,
    .news-grid-3 {
        position: relative;
        right: 0px;
        margin-top: 30px;
    }
    .area-news-grid-3 {
        flex-direction: row;
        flex-wrap: wrap;
        padding-inline: 12px;
    }
    .noticias-grid-3 {
        width: 50%;
    }
    .area-publi-dir {
        position: relative;
    }
    .right-side {
        padding: 0 10px;
    }
    .seq-ult-artigos {
        flex-direction: row;
        flex-wrap: wrap;
        padding-inline: 10px;
    }
    .area-ult-artigo {
        max-width: 720px;
        margin-right: 15px;
    }
    .grid-side-1 {
        padding-right: 12px !important;
    }
    .ultimos-artigos{
        padding-inline: 12px;
    }
    .area-top-artigos {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .publi-flutuante {
        display: none;
    }
    .area-menu nav ul li {
        margin-inline: 5px;
        font-size: 14px;
        min-width: 90px;
    }
    .combo-social {
        margin: auto;
        max-width: 300px;
        height: 185px;
    }
    .noticia-tema-data {
        display: none;
    }
    .rank{
        margin: auto;
    }
    .right-side{
        padding-right: 12px!important;
        padding-left: 12px!important;
    }
    .iara-redacao {
        margin: 40px 12px 20px 12px;
        width: unset;
    }
}
@media screen and (max-width: 1278px){
    .rodape .centro .coluna-footer {
        position: relative;
        line-height: 26px;
        margin: 0;
        margin-bottom: 20px;
    }
    .sociais ul li{
        display: block;
    }
    .rodape h5{
        display: block;
        font-size: 22px;
    }
}
/* MOBILE ---------------------------------------------------- */
@media screen and (min-width: 426px) and (max-width: 650px){
    .video-categoria{
        max-width: 80%;
        margin: auto!important;
        margin-bottom: 20px!important;
    }
}
@media screen and (min-width: 651px) and (max-width: 803px){
    .video-categoria{
        max-width: 49%;
        margin: auto!important;
        margin-bottom: 20px!important;
    }
}
@media screen and (max-width: 815px){
    .iara-section{
        flex-direction: column;
    }
}
@media screen and (max-width: 768px) {
    .topo{
        height: 70px;
        z-index: 5;
        box-shadow: 0 2px 5px 2px #00000020;
    }
    .topo-logo img {
        width: 135px;
    }
    .area-publi-destaque {
        margin-top: 0;
    }
    .destaques h2,
    .noticias h2,
    .mais-vistos h2,
    .recomendados h2,
    .cards-box h2 {
        font-size: 26px;
        padding: 0;
        margin-left: 15px;
        border-bottom: 2px dotted #00bb6f;
    }
    .detaques-topo {
        flex-direction: column;
        align-items: start;
    }
    .detaques-topo hr.dashed-line,
    .noticias-topo hr.dashed-line,
    .mais-vistos hr.dashed-line,
    .cards-materias hr.dashed-line {
        display: none;
    }
    .nav-tabs {
        width: auto;
    }
    .conteudo-saiba-mais {
        display: none;
    }
    .janela-conteudo-titulo h5 {
        margin-bottom: 10px;
    }
    .janela-grid.grid-side-1 {
        margin-bottom: 20px;
    }
    .area-news-grid-3 {
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .noticias-grid-3 {
        width: 100%;
    }
    .img-canal {
        min-width: 120px;
    }
    .lista-videos-categorias {
        justify-content: space-between;
    }
    .caixa{
        width: 100%;
    }
    .video-categoria {
        height: 200px;
        margin: auto;
        margin-bottom: 20px;
    }
    .video-conteudo {
        max-width: 480px;
        max-height: 360px;
        margin: auto;
    }
    .area-video {
        max-width: 480px;
        max-height: 360px;
        margin: auto;
    }
    .janela-conteudo {
        height: 300px;
    }
    .navigation-btn{
        display: none !important;
    }
    .navigation-btn.exerc{
        display: block!important;
    }
    .exercicios-layer {
        flex-direction: column;
    }
    .artigos-relacionados--bloco a {
        width: 100%;
        max-width: none;
    }
    .artigo-relacionado--info {
        max-width: none;
    }
    .img-destaque-interna {
        height: auto;
    }
    .big-noticia-titulo {
        display: none;
    }
    .big-noticia-titulo-mobile h5 {
        display: block;
    }
    .estude-agora {
        margin-bottom: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .estude-agora hr {
        display: none;
    }
    .area-video-box {
        margin-bottom: 20px;
    }
    .video-img {
        width: 150px;
        height: 170px;
    }
    .video-info h3 {
        font-size: 18px;
    }
    .video-info span {
        max-height: 105px;
    }
    .estude-agora h3 {
        font-size: 26px;
        font-weight: 700;
        border-bottom: 2px dotted #00bb6f;
    }
    .publi-lateral-noticias {
        display: none;
    }
    .video-img{
        width: 100%!important;
        height: 50%!important;
    }
    .video-info{
        margin-top: 10px!important;
        width: 100%!important;
        padding-right: 20px!important;
    }
    .area-video-box{
        display: flex!important;
        flex-direction: column!important;
    }
    .head-question{
        flex-direction: column;
    }
    .return{
        width: 130px;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .janela-conteudo-materia{
        margin-bottom: 15px;
    }
    .bottom-article{
        flex-direction: column;
        height: auto;
    }
    .bottom-article .layer-colun-publi.artigo{
        max-width: 100%;
    }
    .secao-artigo--relacionado{
        border-radius: 5px 0 5px 0;
        bottom: 0;
        top: unset;
    }
    .centro.destaques{
        margin-top: 15px;
    }
    .try-gpt{
        height: auto;
    }
    .try-gpt .box-try{
        flex-direction: column-reverse;
    }
    .box-try .animation-hand{
        top: 2px;
    }
}
@media screen and (max-width: 479px){
    .rodape.centro .logo img{
        width: 90%;
    }
    .area-info-video h3 {
        padding-right: 0px;
        font-size: 18px;
    }
    .video-conteudo {
        max-width: 100%;
        height: 280px;
    }
    .area-info-video-relacionado h3 {
        padding-right: 0;
    }
    .janela-autor img {
        width: 120px;
        height: 120px;
        border-radius: 60px;
    }
    .area-img-video {
        width: 100px;
        height: 100px;
    }
    .area-img-video img {
        min-width: 100px;
        min-height: 100px;
    }
    .filtro-feed .category-card{
        min-width: 110px;
        width: 45%;
        margin-right: 0;
    }
    .filtro-feed-area{
        flex-wrap: nowrap!important;
        justify-content: flex-start;
        gap: 15px;
        overflow-x: auto;
    }
    .tools-card .grow-card{
        width: 215px;
    }
    .iara-carteirinha{
        height: 320px;
        pointer-events: none;
    }
    .iara-carteirinha.redacao{
        height: 190px;
        pointer-events: all;
    }
    .iara-profile{
        border: 2px solid #297152;
    }
    .iara-info .division{
        flex-direction: column;
        justify-content: center;
        padding: 10px;
    }
    .info-column{
        width: 100%;
        padding: 10px;
        height: 110px;
        margin-top: 25px;
        align-items: center;
    }
    .balloon-trig{
        top: -7px;
        left: auto;
        display: flex;
        opacity: 1;
        width: 40px;
        height: 32px;
    }
    .skew-test-1{
        transform: skewY(-40deg);
    }
    .skew-test-2{
        transform: skewY(40deg);
    }
    .iara-info .division .animation-hand{
        display: none;
    }
    .iara-info.redacao .division .animation-hand{
        display: block;
    }
}
.filter-duvidas {
    display: flex;
    margin: 10px 0;
}
.item-filter-duvidas {
    padding: 5px 7px;
    margin-right: 10px;
    border: 2px solid #9d43e6;
    border-radius: 6px;
    min-width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9d43e6;
    cursor: pointer;
    box-shadow: 0 2px 5px 0px #00000020;
}

.item-filter-duvidas-active {
    background-color: #9d43e6;
    color: #FFF;
}
@media screen  and (min-width: 1279px){
    .rodape.centro .logo img{
        width: 90%;
    }
    .sociais ul li{
        justify-content: left;
    }
    .sociais .redes  a{
        margin-left: 15px;
    }
}
@media screen and (max-width: 1024px){
    #myBtn{
        opacity: 0.6;
        padding: 7px;
        bottom: 240px;
        left: unset;
        right: 15px;
    }
}
@media screen and (max-width: 700px){
    .triple-card-test{
        padding: 0 10px;
    }
    .single-card{
        width: 100%;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .flash-container{
        flex-direction: column;
    }
    .modal-content-card{
        width: 100%!important;
    }
    .triple-card-test.call{
        flex-direction: column;
        padding: 0;
    }
    .triple-card-test .single-card.call{
        width: 100%!important;
    }
    .box-gpt,
    .back-box{
        width: 100%;
    }
    .autor-info{
        flex-direction: column;
        justify-content: center;
    }
}
/* ========== RESPONSIVIDADE =========== */
.go-profile img{
    margin-top: auto;
    margin-bottom: auto;
}


/* 404 */
.area-alt__404 {
    margin-bottom: 80px;
}
.input-search__404 {
    width: 280px;
    height: 40px;
    border: 1px solid #cacaca;
    border-radius: 6px;
    padding-left: 10px;
    margin-bottom: 10px;
    outline: none;
}
.submit-search__404 {
    height: 40px;
    background-color: #ffdb3a;
    border: none;
    color: #FFF;
    width: 80px;
    font-weight: 600;
    border-radius: 6px;
    box-shadow: 1px 1px 5px 1px #00000020;
}
.throwTo__alt {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.throwTo__home {
    background-color: #009A5B;
    color: #FFF;
    text-decoration: none;
    height: 50px;
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    margin-right: 10px;
    margin-bottom: 15px;
    box-shadow: 0 2px 5px 2px #00000020;
}
.throwTo__ig {
    background: linear-gradient(45deg, #d62976 0%, #962fbf 100%);
    color: #FFF;
    text-decoration: none;
    height: 50px;
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    margin-right: 20px;
    box-shadow: 0 2px 5px 2px #00000020;
}

/* DESTAQUES VIDEOS */
.destaques-videos .navigation-btn {
    width: inherit;
}
.destaques-videos .navigation-btn .btn-prev img,
.destaques-videos .navigation-btn .btn-next img {
    width: 40px;
}
.destaques-videos {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
.h2-videos,
.destaques-videos h2  {
    font-weight: 700;
    color: #505050;
}
.destaques-relevantes__lista,
.destaques-dinamico__lista,
.destaques-ultimos__lista {
    display: flex;
    width: 100%;
    max-width: 920px;
    overflow-x: scroll;
    scroll-behavior: smooth;
}
.destaques-ultimos__lista,
.destaques-dinamico__lista{
    overflow: hidden;
}
.destaques-ultimos__top,
.destaques-dinamicos__top,
.destaques-videos__top{
    display: flex;
    height: 50px;
    justify-content: space-between;
    align-items: center;
}
.destaque-video__single {
    position: relative;
    width: 280px;
    height: 160px;
    border-radius: 8px;
    position: relative;
    padding: 10px 10px 15px 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #FFF;
    cursor: pointer;
}
.destaque-video__single-serie {
    position: relative;
    width: 230px;
    height: 340px;
    border-radius: 8px;
    margin-right: 10px;
    position: relative;
    padding: 10px 10px 15px 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #FFF;
    cursor: pointer;
}
.destaque-video__single-serie img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    border-radius: 8px;
}
.destaques-relevantes__lista a,
.destaques-dinamico__lista a,
.destaques-ultimos__lista a {
    text-decoration: none;
    margin-right: 10px;
}
.destaque-video__single img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 1;
    border-radius: 8px;
}
.single-video__info {
    position: relative;
    max-width: 280px;
    z-index: 3;
    color: #000;
    margin-top: 10px;
    padding: 0 15px 0 10px;
    font-size: 14px;
    font-weight: 500;
}
.single-video__info-serie {
    color: #FFF;
    position: relative;
    z-index: 3;
    font-size: 14px;
    font-weight: 500;
}
.gradient-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #ffffff00 50%, #000000b5 80%);
    border-radius: 8px;
}
.full-size-p{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgb(0,0,0,0.5);
}
.full-size-img{
    position: fixed;
    left: 0;
    top: 15%;
    z-index: 1000;
    width: 100%;
    max-height: 100%;
}
.stories-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: 100%;
    gap: 15px;
}
.single-story{
    width: 190px;
    height: 230px;
    background: linear-gradient(90deg,#00bb6f 0,#00d780 100%);
    border-radius: 8px;
    box-shadow: 0 2px 5px 2px #00000020;
    display: flex;
    flex-direction: column;
    padding: 10px;
    text-decoration: none;
    color: #505050;
    gap:15px;
    overflow: hidden;
}
.story__type{
    width: 100%;
    height: 30px;
    font-size: 15px;
    color: #FFF !important;
    font-weight: 700;
}
.story__img{
    margin: auto;
    position: relative;
    display: flex;
    width: 120px;
    height: 120px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 3px solid #fdbd00;
    border-radius: 50%;
}
.story__img img {
    position: absolute;
    top: auto;
    left: auto;
    width: 90%;
    height: 90%;
    object-fit: cover;
}
.cont-img{
    width: 110px;
    height: 110px;
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: 1s;
}
.story__p{
    width: 100%;
    height: fit-content;
    overflow: hidden;
    font-weight: 400;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #FFF;
}
.imagem-forte-ativa{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    z-index: 6;
    user-select: none;
    font-weight: 800;
    cursor: pointer;
}
.recomendados-last-session__title {
    margin-top: 20px;
    color: #505050;
    margin-left: 10px;
    font-size: 24px;
}
.recomendados-last-session {
    width: 100%;
    max-width: 970px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 12px;
    min-height: 250px;
}
.last-session-item {
    width: 230px;
    height: 260px;
    border-radius: 6px;
    overflow: hidden;
    padding: 6px;
    cursor: pointer;
    outline: 0.5px solid #ccc;
    color: #303030;
    text-decoration: none;
    margin-bottom: 12px;
}
.last-session-item__img {
    position: relative;
    width: 100%;
    height: 130px;
}
.last-session-item__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.last-sesion-item__info h4 {
    font-size: 16px;
    margin-top: 12px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.recomendados-last-session__resumo {
    font-size: 13px;
}
.last-session-item:hover .recomendados-last-session__resumo {
    text-decoration: underline;
}
.powered-by{
    display: flex;
    padding: 8px;
    width: 50px; height: 50px; background-color: #009357; position: sticky; right: 0; top: 0; margin-right: 0; margin-left: auto;
    transition: 0.5s;
    border-radius: 0 0 25px 25px;
    overflow: hidden;
    justify-content: space-between;

    max-width: 400px;
}
.powered-by.expanded{
    width: 100%;
}
.powered-by span{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    opacity: 0;
}
.powered-by.expanded span{
    opacity: 1;
}
.tab-disciplinas .menu-item-link{
    color: #fdbe3a;
}
.tab-especial .menu-item-link{
    color: #30A1DE;
}
.tab-tire_duvidas .menu-item-link{
    color: #9d45e5;
}
.tab-enem .menu-item-link{
    color: #70d106;
}
.tab-vestibular .menu-item-link{
    color: #ff761a;
}
.tab-pesquisas .menu-item-link{
    color: #e13eb4;
}
.tab-educador .menu-item-link{
    color: #4294ff;
}
.tab-o_que_e .menu-item-link{
    color: #f383ff;
}
.tab-exercicios .menu-item-link{
    color: #dc5454;
}
.tab-monografias .menu-item-link{
    color: #2fc1d6;
}
.tab-videos .menu-item-link{
    color: #735BA7;
}
.tab-canais .menu-item-link{
    color: #CEBA02;
}
.menu-item.tab-disciplinas:hover span{
    background-color: #fdbe3a;
    color: #FFF;
}
.menu-item.tab-especial:hover span{
    background-color: #30A1DE;
    color: #FFF;
}
.menu-item.tab-tire_duvidas:hover span{
    background-color: #9d45e5;
    color: #FFF;
}
.menu-item.tab-enem:hover span{
    background-color: #70d106;
    color: #FFF;
}
.menu-item.tab-vestibular:hover span{
    background-color: #ff761a;
    color: #FFF;
}
.menu-item.tab-pesquisas:hover span{
    background-color: #e13eb4;
    color: #FFF;
}
.menu-item.tab-educador:hover span{
    background-color: #4294ff;
    color: #FFF;
}
.menu-item.tab-o_que_e:hover span{
    background-color: #f383ff;
    color: #FFF;
}.menu-item.tab-exercicios:hover span{
    background-color: #dc5454;
    color: #FFF;
}
.menu-item.tab-monografias:hover span{
    background-color: #2fc1d6;
    color: #FFF;
}
.menu-item.tab-videos:hover span{
    background-color: #735BA7;
    color: #FFF;
}
.menu-item.tab-canais:hover span{
    background-color: #CEBA02;
    color: #FFF;
}
.search-conjug,
.conjug-box{
    display: flex;
}
.conjug-box{
    position: relative;
    width: 100%;
    max-width: 50%;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}
.search-conjug{
    background-color: #FFF;
    display: flex;
    padding: 12px;
    border-radius: 8px;
    border: 2px solid #00bb6f;
    height: 90px;
    gap: 15px;
}
.form-conjug{
    width: 100%;
    height: 35px;
    border-radius: 12px;
    outline: none;
    border: 1px solid #cecece;
    padding-left: 10px;
}
.input-box{
    width: 100%;
    position: relative;
}
.input-box .go-search{
    margin-top: 7px;
}
.conjug-result{
    width: 50%;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    border: 2px dotted #00bb6f;
    border-radius: 8px;
}
.write-by{
    display: flex;
    padding: 10px;
    background-color: #FFF;
    margin-bottom: 15px;
    border: 2px solid #27AE60;
    border-radius: 8px;
    gap: 20px;
}
.autor-img{
    object-fit: cover;
    min-width: 50px!important;
    border-radius: 25%;
}
.autor-img.big{
    min-width: 100px!important;
}
.autor-info{
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 10px;
    background: #FFF;
    border-radius: 8px;
    border: 2px solid #27AE60;
}
.autor-info .resumo-artigo{
    text-align: justify;
    margin: 0;
}
.text-block{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.write-principal{
    font-weight: 900;
    font-size: 16px;
    color: #505050;
}
.write-info{
    color: #5f5f5f;
    font-size: 15px;
}
.patrocinio-on {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.patrocinio-banner {
    width: 120px;
    height: 60px;
}
.bread-patrocinio{
    display: flex;
    align-items: center;
    gap: 15px;
}
#change-mode{
    position: relative;
    flex-direction: column;
    height: 100%;
    max-height: 50px;
    overflow: hidden;
    margin: auto;
}
.modo-cor{
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    background-color: rgb(255, 190, 58);
    transition: 1s ease;
    cursor: pointer;
}
/* .modo-cor.sun{
}
.modo-cor.moon{
    background: linear-gradient(90deg, #11283f 0%, #285786 100%);
} */
.sun-box{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    position: relative;
    transition: 1s ease;
}
.moon-box circle{
    opacity: 1;
}
.moon-box:hover circle{
    animation: blink;
    animation-duration: 0.8s;
}
@keyframes blink {
    0%{
        opacity: 1;
    }
    25%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }

}
.sun-box:hover svg{
    animation: grow;
    animation-duration: 0.8s;
}
@keyframes grow {
    0%{
        scale: 1;
    }
    25%{
        scale: 1.1;
    }
    50%{
        scale: 1.2;
    }
    100%{
        scale: 1;
    }

}
.mode{
    width: 100%;
    height: 100px;
    position: relative;
    top: 25px;
    transition: 1s ease;
}
.moon-box{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    border-radius: 8px;
    position: relative;
    align-items: center;
}
.moon-box svg{
    rotate: 180deg;
}
.moon-box .dot{
    width: 1px;
    height: 1px;
    background-color: #FFF;
    position: absolute;
}
.change-mode-mobile{
    display: flex;
    gap: 15px;
    align-items: center;
}
.change-mode-mobile span{
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
}
.play-audio{
    display: flex;  gap: 15px;
    height: 50px;
    width: 50%;
    margin-top: 10px;
    justify-content: center;
    padding: 5px;
    align-items: center;
    background-color: #FFF;
    border-radius: 10px;
    border: 1px solid #cecece;
}
.audio-bot{
    width: 100%; background-color: #cecece; height: 10px; border-radius: 12px
}

#range1 {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    border-radius: 16px;
    height: 15px;
    pointer-events: none;
}

#range1::-webkit-slider-runnable-track {
    height: 15px;
    background: #ccc;
    border-radius: 16px;
}

#range1::-moz-range-track {
    height: 15px;
    background: #ccc;
    border-radius: 16px;
}

#range1::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #27AE60;
    box-shadow: -407px 0 0 400px #27AE60;
}

#range1::-moz-range-thumb {
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #27AE60;
    box-shadow: -407px 0 0 400px #27AE60;
}
.audio-top{
    min-width: 40px;
    height: 40px;
    background-color: #27AE60;
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.play-bar{
    display: flex;
    flex-direction: column;
}
.play-text, .resume-text, .pause-text{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Links Úteis */
.area-links-uteis {
    width: 100%;
    margin-bottom: 40px;
}
.area-links-uteis h3 {
    color: #505050;
    font-weight: 700;
}
.area-links-uteis ul {
    padding: 0;
    list-style: none;
}
.area-links-uteis a {
    color: #505050;
    text-decoration: none;
}
.area-links-uteis a:hover {
    color: #27ae60;
}
.area-links-uteis ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #FFF;
    border-radius: 6px;
    font-size: 18px;
    margin-bottom: 10px;
    align-items: center;
    padding: 10px;
    border-bottom: 2px solid #27ae60;
    box-shadow: 0 0px 5px 1px #00000020;
}
.float-top{
    position: absolute;
    width: 100px;
    height: 100px;
    top: -30px;
    right: -50px;
    color: #FFF;
    rotate: 15deg;
    animation: top_5 5s infinite;
    transition: 0.5s;
    z-index: 5;
}
.float-top:hover{
    scale: 1.1;
}
@keyframes top_5 {
    0%{
        rotate: 15deg;
    }
    30%{
        rotate: 15deg;
    }
    50%{
        rotate: 0deg;
    }
    70%{
        rotate: 15deg;
    }
    100%{
        rotate: 15deg;
    }

}
.menu-item:hover .patrocinio-on {
    background-color: #70d106;
}
.ler-texto{
    text-align: justify;
}
.imprimir:hover svg,.imprimir:hover path {
    stroke: #009357;
}
.imprimir:hover rect {
    stroke: #009357;
}
.imprimir:hover circle {
    fill: #009357;
}
.lazyYT-container {
    position: relative;
}
.favorito-status{
    transition: 1s;
    display: flex;
    border-radius: 0 8px 0 8px;
    align-items: center;
    justify-content: flex-end;
    width: 50px;
    background-color: #0D6AAA;
    padding: 5px;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
}
.favorito-status .fav-box svg{
    transition: 0.3s;
    fill: transparent;
    width: 13px;
    display: block;
    height: auto;
    display: block;
}
.favorito-status.final .fav-box svg{
    fill: #fff;
}
.favorito-status:hover,
.favorito-status.click{
    width: 255px;
}
.favorito-status span {
    width: 0px;
    transition: 0.7s;
    overflow: hidden;
    text-align: center;
    color: #FFF;
    font-weight: 900;
    font-size: 15px;
}
.favorito-status.click span,
.favorito-status:hover span{
    width: 195px;
}
.fav-box{
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#fav-text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
#wave-bottom{
    position: absolute;
    background-color: #00000000 !important;
    bottom: -8px;
    width: 100%;
    height: 11px;
    left: 0;
}
.container-fav{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

/** Página de Vídeos **/
.yt-bottom-video-infos {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    height: 48px;
  }
  .yt-actions-container {
    display: flex;
    color: #9597a0;
    font-size: 20px;
  }
  .yt-actions-container .yt-action-button {
    cursor: pointer;
  }
  .yt-actions-container .yt-like-button {
    margin-right: 15px;
  }
  .yt-actions-container .yt-like-button:hover,
  .yt-actions-container .yt-like-button.active {
    color: #327c33;
  }
  .yt-actions-container .yt-deslike-button:hover,
  .yt-actions-container .yt-deslike-button.active {
    color: #dc3545;
  }
  .yt-subscribe-area {
    margin-top: -80px;
    position: absolute;
  }
  /** Página de Vídeos **/

  /** Carregamento assíncrono dos vídeos do YT **/
  /*!
  * lazyYT (lazy load YouTube videos)
  * v1.3.0 - 2016-03-06
  * (CC) This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
  * http://creativecommons.org/licenses/by-sa/4.0/
  * Contributors: https://github.com/tylerpearson/lazyYT/graphs/contributors || https://github.com/daugilas/lazyYT/graphs/contributors
  */
  .lazyYT-container {
    position: relative;
    display: block;
    height: 0;
    padding: 0 0 56.25% 0;
    overflow: hidden;
    background-color: #000;
    border-radius: 15px;
  }
  .lazyYT-container iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
  }
  .ytp-gradient-top {
    top: 0;
    z-index: 21;
    width: 100%;
    height: 98px;
    position: absolute;
    pointer-events: none;
    background-repeat: repeat-x;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABiCAQAAAA7fHH2AAAAQUlEQVQYV22KQQoAIAzDyv7/Et/oVlGZVCfkkIYamsENXESyi8vc0u/PKZ6o8+7fZ0h8ShRYnD+BFKToRJkHFpkM2hZSxuyWpEYAAAAASUVORK5CYII=);
    transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  }
  .ytp-chrome-top {
    position: absolute;
    left: 12px;
    right: 10px;
    top: 0;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    color: #eee;
    text-align: left;
    direction: ltr;
    font-size: 11px;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    z-index: 60;
    transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  }
  .ytp-title {
    font-size: 150%;
    overflow: hidden;
    padding-right: 20px;
    white-space: nowrap;
  }
  .ytp-title-text {
    padding-top: 15px;
    display: inline-block;
    line-height: 1.1;
    vertical-align: top;
    max-width: 100%;
    margin-left: 4px;
  }
  .ytp-title-link {
    max-width: 100%;
    overflow: hidden;
    color: #eee;
    text-decoration: none;
    white-space: nowrap;
    word-wrap: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    float: left;
  }
  .ytp-thumbnail {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 12;
    cursor: pointer;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transition: opacity 0.5s cubic-bezier(0, 0, 0.2, 1);
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

  }
  .lazyYT-image-loaded .ytp-spinner {
    display: none;
  }
  .ytp-thumbnail button.ytp-button {
    visibility: hidden;
  }
  .ytp-thumbnail.lazyYT-image-loaded button.ytp-button {
    visibility: visible;
  }
  .ytp-spinner {
    position: absolute;
    left: 45%;
    top: 45%;
    width: 10%;
    height: 10%;
    z-index: 16;
  }
  .ytp-spinner-message {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 300px;
    font-size: 127%;
    line-height: 182%;
    margin-left: -150px;
    display: none;
    text-align: center;
    background-color: #000;
    opacity: 0.5;
  }
  @keyframes ytp-spinner-dot-fade {
    0% {
      opacity: 0.5;
      transform: scale(1.2, 1.2);
    }
    50% {
      opacity: 0.15;
      transform: scale(0.9, 0.9);
    }
    to {
      opacity: 0.15;
      transform: scale(0.85, 0.85);
    }
  }
  @-moz-keyframes ytp-spinner-dot-fade {
    0% {
      opacity: 0.5;
      transform: scale(1.2, 1.2);
    }
    50% {
      opacity: 0.15;
      transform: scale(0.9, 0.9);
    }
    to {
      opacity: 0.15;
      transform: scale(0.85, 0.85);
    }
  }
  @-webkit-keyframes ytp-spinner-dot-fade {
    0% {
      opacity: 0.5;
      transform: scale(1.2, 1.2);
    }
    50% {
      opacity: 0.15;
      transform: scale(0.9, 0.9);
    }
    to {
      opacity: 0.15;
      transform: scale(0.85, 0.85);
    }
  }
  .ytp-spinner-dot {
    animation: ytp-spinner-dot-fade 0.8s ease infinite;
    opacity: 0;
    fill: #ccc;
    transform-origin: 4px 4px;
  }
  .ytp-spinner-dot-1 {
    animation-delay: 0.1s;
  }
  .ytp-spinner-dot-2 {
    animation-delay: 0.2s;
  }
  .ytp-spinner-dot-3 {
    animation-delay: 0.3s;
  }
  .ytp-spinner-dot-4 {
    animation-delay: 0.4s;
  }
  .ytp-spinner-dot-5 {
    animation-delay: 0.5s;
  }
  .ytp-spinner-dot-6 {
    animation-delay: 0.6s;
  }
  .ytp-spinner-dot-7 {
    animation-delay: 0.7s;
  }
  .ytp-button,
  .ytp-button:focus {
    border: none;
    outline: 0;
    color: inherit;
    text-align: inherit;
    font-size: 100%;
    font-family: inherit;
    cursor: default;
    line-height: inherit;
    padding: 0;
    background: 0 0;
  }
  .ytp-large-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
    transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  }
  .ytp-button:not([aria-disabled="true"]):not([disabled]):not([aria-hidden="true"]) {
    cursor: pointer;
  }
  .ytp-large-play-button-bg {
    transition: fill 0.1s cubic-bezier(0.4, 0, 1, 1), opacity 0.1s cubic-bezier(0.4, 0, 1, 1);
    fill: #1f1f1f;
    opacity: 0.9;
  }
  .ytp-thumbnail:hover .ytp-large-play-button-bg {
    transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
    fill: #cc181e;
    opacity: 1;
  }
  .video-time {
    position: absolute;
    right: 2px;
    bottom: 2px;
    height: 14px;
    padding: 0 4px;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    color: #fff !important;
    background-color: #000;
    opacity: 0.75;
    zoom: 1;
  }

  #videos_conteudo_tab_async {
    width: 100%;
    position: relative;
  }
  
  #videos_conteudo_tab_async .local-video {
    width: 100%;
  }
/** Podcasts **/

.area-podcast{
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
}

.box-podcast-hr {
    border: none;
    background-color: #ccc;
    height: 1px;
    width: 100%;
  }

  .box-podcast img {
    width: 300px;
    height: 300px;
  }

  .podcast-thumb {
    position: relative;
    float: left;
  }

  .podcast-info {
    position: relative;
    float: left;
    margin-left: 15px;
    width: 589px;
    height: 300px;
  }

  .podcast-info .podcast-title a {
    font-size: 25px;
    color: #177dd8;
    font-weight: 600;
    text-decoration: none;
  }

  .podcast-info .podcast-description {
    font-size: 16px;
  }

  .podcast-info .podcast-date {
    font-size: 14px;
    color: #999;
    position: absolute;
    bottom: 0;
  }
  /** Podcasts **/


/** [Podcast player] - Begin **/
.podcast{
    padding: 15px;
    border-radius: 24px;
    background: linear-gradient(228.41deg,#ffd80b 3.98%,#f8f9fa 98.85%);
    box-shadow: 0 0px 5px 1px #00000020;
}

.podcast--full{
    height: 150px;
    margin-bottom: 30px;
}

.podcast--medium{
    width: 100%;
    height: 173px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.podcast__inside{
    float: left;
    height: 150px;
}

.podcast__inside--medium{
    width: 76%;
}

.podcast__inside--full{
    width: 707px;
}

.podcast__inside-title{
    color: #000;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
    height: 46px;
}

.podcast__inside-subject{
    color: #177dd8;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
}

.podcast__inside-timer{
    width: 100%;
    height: 20px;
}

.podcast__inside-current-time{
    position: relative;
    float: left;
    width: 50%;
    cursor: pointer;
}

.podcast__inside-total-time{
    position: relative;
    float: right;
    width: 50%;
    text-align: right;
}

.podcast__inside-progress-bar{
    height: 3px;
    width: 100%;
    background-color: #ccc;
    cursor: pointer;
    position: relative;
}

.podcast__inside-progress{
    position: absolute;
    height: 3px;
    float: left;
    width: 0%;
    background-color: #177dd8;
}

.podcast__inside-controls{
    margin-top: 10px;
}

.podcast__inside-controls-box{
    width: 33.333%;
    float: left;
}

.podcast__inside-controls-box:nth-child(2){
    text-align: center;
}

.podcast__inside-play,
.podcast__inside-stop,
.podcast__inside-seek-back,
.podcast__inside-seek-front,
.podcast__inside-audio{
    border: 0;
    cursor: pointer;
    position: relative;
}

.podcast__inside-play--medium,
.podcast__inside-stop--medium,
.podcast__inside-seek-back--medium,
.podcast__inside-seek-front--medium,
.podcast__inside-audio--medium{
    font-size: 16px;
}

.podcast__inside-play--full,
.podcast__inside-stop--full,
.podcast__inside-seek-back--full,
.podcast__inside-seek-front--full,
.podcast__inside-audio--full{
    font-size: 24px;
}

.podcast__inside-stop,
.podcast__inside-seek-front{
    margin-left: 10px;
}

.podcast__inside-seek-back--seconds{
    margin-right: 4px;
    font-size: 10px;
    font-weight: 700;
}

.podcast__inside-seek-front--seconds{
    margin-left: 4px;
    font-size: 10px;
    font-weight: 700;
}

.podcast__inside-audio{
    float: right;
}

.podcast__photo{
    float: right;
    width: 19%;
    height: 148px;
    border: 1px solid #CCC;
}

.podcast__photo--settings{
    width: 100%;
    height: 148px;
}
/** [Podcast player] - End **/
.podcast__inside-controls-box :nth-child(n){
    background: transparent;
}
.grid-pod{
    width: 100%!important;
}
.lista-pod{
    justify-content: center;
}
.combo-pod{
    height: 60px;
    margin: auto;
    border-radius: 10px;
    box-shadow: 0 0px 5px 1px #00000020;
}
.combo-pod img{
    width: 40px;
    height: 40px;
}
.podcast-apps{
    margin-bottom: 3rem;
}
.video-categoria.pod a{
    margin-right: 20px;
}
@media screen and (min-width: 200px) and (max-width: 600px){
    .podcast_photo{
        display:none;
   }

   .podcast_inside--medium{
       width: 100%;
   }
   .podcast--medium{
        height: 345px;
   }
   .podcast__inside--medium{
       width: 100%!important;
   }
   .podcast__photo{
       float: left;
       display: flex;
       width: 100%;
       border: none;
   }
   .podcast__photo--settings{
       width: auto;
       margin: auto;
       margin-top: 15px;
   }
}
@media screen and (max-width: 451px){
    .podcast__inside-seek-front, .podcast__inside-stop{
        margin-left: 0;
    }

    .podcast__inside-controls-box.skip{
        width: 32%;
    }
    .podcast__inside-controls-box.vol{
        width: 30%;
    }
}
@media screen and (max-width: 400px){
    .video-categoria.pod{
        width: 200px!important;
        height: 200px!important;
    }
}
.pod-spotify,
.pod-google,
.pod-apple,
.pod-deezer,
.pod-castbox{
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pod-spotify{
    background: #000;
    border-radius: 10px 0 0 10px;
}
.pod-google{
    background: #FFF;
}
.pod-apple{
    background: linear-gradient(47.62deg,#8d0099 4.17%,#ee58e8 100%);
}
.pod-apple img{
    height: 42px!important;
}
.pod-deezer{
    background: #000;
}
.pod-castbox{
    background: #FFF;
    border-radius: 0 10px 10px 0;
}
.pod-castbox img{
    transform: scale(1.2);
}
@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:960px;width:100%;height:100%;margin:0 auto;padding:0 10px;display:flex;justify-content:center;box-sizing:border-box}.modal-video-inner{display:flex;justify-content:center;align-items:center;width:100%;height:100%}@media (orientation: landscape){.modal-video-inner{padding:10px 60px;box-sizing:border-box}}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-45px;right:0;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}@media (orientation: landscape){.modal-video-close-btn{top:0;right:-45px}}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}