:root {

}
@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-Thin.eot%3F%23iefix") format("embedded-opentype"),
        url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-Thin.woff") format("woff"), url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-Thin.ttf") format("truetype"),
        url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-Thin.svg%23Raleway") format("svg");
}
@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway.eot%3F%23iefix") format("embedded-opentype"),
        url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway.woff") format("woff"), url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway.ttf") format("truetype"),
        url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway.svg%23Raleway") format("svg");
}
@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-Medium.eot%3F%23iefix") format("embedded-opentype"),
        url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-Medium.woff") format("woff"),
        url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-Medium.ttf") format("truetype"),
        url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-Medium.svg%23Raleway") format("svg");
}
@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-SemiBold.eot%3F%23iefix") format("embedded-opentype"),
        url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-SemiBold.woff") format("woff"),
        url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-SemiBold.ttf") format("truetype"),
        url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-SemiBold.svg%23Raleway") format("svg");
}
@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-Bold.eot%3F%23iefix") format("embedded-opentype"),
        url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-Bold.woff") format("woff"), url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-Bold.ttf") format("truetype"),
        url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Ffonts%2FRaleway-Bold.svg%23Raleway") format("svg");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Fcss%2F..%2Ffonts%2FRoboto-Regular.eot%3F%23iefix") format("embedded-opentype"),
        url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Fcss%2F..%2Ffonts%2FRoboto-Regular.woff") format("woff"), url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Fcss%2F..%2Ffonts%2FRoboto-Regular.ttf") format("truetype"),
        url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Fcss%2F..%2Ffonts%2FRoboto-Regular.svg%23Raleway") format("svg");
}
*{
    box-sizing: border-box;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
body{
    font-family: Raleway;
    background-color: #f8f8f8!important;
    margin: 0;
}
#barrauol {
    position: absolute!important;
    top: 0;
}
#barrauol .containerUOL {
    width: 100% !important;
    max-width: 1280px !important;
}
#DEBGIMG {
    top: 44px !important;
    position: fixed !important;
}
#newHeader{
    position: relative;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.topo {
    background-color: #FFF;
    height: 120px;
    display: flex;
    max-width: 1280px;
    width: 100%;
}
.topo > *{
    user-select: none;
}
.topo-logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 33.333%;
    padding: 0 10px;
}
.patrocinio-on {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.bread-patrocinio{
    display: flex;
    align-items: center;
    gap: 15px;
}
.patrocinio-banner {
    width: 120px;
    height: 60px;
}
.patrocinio-fullbar{
    display: flex; justify-content: flex-end;
}
.patrocinio-fullbar.inside{
    padding: 0 12px;
}
.topo-social {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 33.333%;
    padding: 0 10px;
}
.social-medias {
    display: flex;
    gap: 15px;
}
.social-media-bg {
    height: 50px;
    width: 50px;
    background: linear-gradient(90deg, #FF9650 0%, #ff6600 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;
    width: 100%;
}
.top-search-input{
    border-radius: 8px!important;
    height: 52px!important;
    width: 100%;
}
#search-mobile{
    background-color: #fff;
    border: 1px solid #cacaca;
    margin: 5px 0;
    padding-left: 15px;
    font-size: 18px;
}
.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;
    min-width: 107px;
}
.login-but{
    width: 50px;
    height: 50px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #FF9650 0%, #ff6600 100%);
    cursor: pointer;
}
.menuDesk{
    width: 100%;
    height: 50px;
    background-color: #e6e6e6;
    display: flex;
    justify-content: center;
    align-items: center;
}
.menuDesk nav{
    width: 100%;
    height: 100%;
    max-width: 1280px;
    position: relative;
}
.menu-items{
    padding: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    list-style: none;
    color: #fff;
    font-weight: 700;
    overflow: auto;
    cursor: pointer;
    justify-content: space-between;
    margin: 0;
}
.single-item{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 106px;
    justify-content: center;
    align-items: center;
}
.single-item a{
    border: none;
    font-weight: 900;
}
.area-site {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-top: 44px;
    min-height: 1500px;
}

.dropdown-menu{
    position: absolute;
    top: 50px;
    width: 100%;
    left: 0;
    background: linear-gradient(180deg, #FF9650 0%, #ff6600 100%);
    box-shadow: 0 5px 5px 2px #00000020;
    border-radius: 0 0 10px 10px;
    z-index: 6;
    display: none;
    opacity: 0;
    height: 0px;
    visibility: hidden;
    transition: 0.3s ease-out;
}
.dropdown-menu .menu__dropdown-itens{
    display: flex;
    flex-wrap: wrap;
    z-index: 6;
    padding: 10px;
    padding: 10px;
    min-height: 260px;
}
.single-item:hover .dropdown-menu{
    opacity: 1;
    display: block;
    visibility: visible;
    height: auto;
}
.single-item:hover .patrocinio-on{
    background: linear-gradient(180deg,#ff9650 0,#f60 100%);
}
.menu__link {
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.menu__link span{
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px 8px 0 0;
    color: #0092df;
}
.single-item:hover span{
    background-color: #FF9650;
    color: #FFF;
}
a.menu__dropdown-link{
    text-decoration: none;
    color: #FFF;
}
.menu__dropdown-item:hover a.menu__dropdown-link{
    color: #ff6600;
    color: #FFF;
}
.menu__dropdown-item:hover a.menu__dropdown-link{
    color: #ff6600;
}
footer {
    background: linear-gradient(180deg,#0092df 0,#0089ad 100%);
    width: 100%;
    position: relative;
    margin-top: 40px;
}
.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: 15px;
    font-weight: 500;
}
.rodape{
    width: 100%;
    position: relative;
}
.coluna-footer ul li a {
    display: flex;
    color: #FFF;
    text-decoration: none;
    transition: 0.3s;
    font-weight: 900;
}
.coluna-footer {
    width: 37%;
    padding: 0 1.5rem 0 1.5rem;
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.coluna-footer ul li a:hover {
    color: #FF9650;
}
.coluna-footer img {
    width: auto;
    height: 22px;
}
.coluna-footer-titulo {
    color: #FF9650;
    font-weight: 700;
    font-size: 25px;
    display: flex;
    margin: 0;
    justify-content: flex-start;
}
hr.line-rodape{
    border: none;
    margin: 0;
    border-top: 2px dotted #fff;
    height: 1px;
    width: 100%;
    opacity: 0.5;
}
.footer-social-img {
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.copyright-footer {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 3;
    min-height: 80px;
    background: #16161620;
    margin-top: 40px;
    justify-content: center;
}
.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;
}

.rodape__box{
    padding-top: 3rem;
    display: flex;
    max-width: 1280px;
    margin: auto;
}
.logo-footer{
    width: 26%;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: center;
}
.area-publi-topo {
    width: 100%;
    max-width: 100%;
    height: 266px;
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 3;
}
.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: 5;
}
.timer-publi {
    width: fit-content;
    height: fit-content;
    color: #cacaca;
}
.menu__dropdown-item {
    height: 40px !important;
    width: 280px;
    margin-right: 10px;
    font-weight: 600;
    padding-left: 10px;
    display: flex;
    align-items: center;
}
.menu__dropdown-item:hover {
    color: #0e63d2;
    background-color: #FFF;
    border-radius: 6px;
}
.editorial {
    background-color: #e5e5e5;
}
.editorial-links {
    padding: 24px 12px;
    display: flex;
    gap: 40px;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.editorial-coluna a {
    text-decoration: none;
    color: #505050;
    font-weight: 500;
    font-size: 16px;
}
.editorial-coluna a:hover {
    text-decoration: underline;
}
.left-side{
    width: 100%;
    max-width: 920px;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 0 12px;
}
.main-content{
    max-width: 1280px;
    display: flex;
    width: 100%;
    margin-top: 40px;
    margin: auto;
    justify-content: space-between;
    margin-top: 20px;
}

.topo-mobile{
    width: 100%;
    height: 80px;
    box-shadow: 0 5px 5px 2px #00000020;
    display: flex;
}
.left-topo,
.right-topo{
    width: 25%;
}
.mid-topo{
    width: 50%;
}
.left-topo,
.right-topo,
.mid-topo{
    display: flex;
    align-items: center;
}
.left-topo,
.right-topo{
    padding: 0 12px;
}
.right-topo{
    justify-content: flex-end;
}
.mid-topo{
    justify-content: center;
}
.side-menu {
    background: linear-gradient(0deg, #66BECD 0%, rgb(0 190 215) 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;
}
.form-search-mobile {
    margin-top: 40px;
}
.side-menu-opened {
    left: 0;
    transition: 0.5s;
    z-index: 600;
    position: fixed;
}
.side-search-opened {
    right: 0;
    transition: 0.5s;
    z-index: 600;
    position: fixed;
}
.close-menu img,
.close-search img {
    width: 18px;
    height: 18px;
}
.login-mobile,
.signin-mobile{
    background-color: #0f94be;
    height: 50px;
    padding: 15px;
    border-radius: 15px;
    width: 100%;
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
}
.login-mobile,
.signin-mobile,
.perfil-item{
    display: flex;
}
.perfil-item{
    margin-top: 15px;
}
.social{
    display: block;
}
.login-banner-content {
    padding: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.login-banenr-cta-text {
    text-align: center;
    color: #FFF;
    width: 90%;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}
.login-banner-cta-recursos {
    width: 100%;
    height: 160px;
    background-color: #1c9cdf;
    border-radius: 0 6px 6px 6px;
    border: 2px solid #FF6D0B;
    padding: 15px;
    position: relative;
    margin-top: 25px;
}
.login-banner-cta-recursos::before {
    content: "Recursos";
    font-weight: 500;
    position: relative;
    top: -45px;
    left: -17px;
    height: 30px;
    background-color: #FF6D0B;
    color: #FFF;
    clear: both;
    font-size: 12px;
    display: flex;
    border-radius: 6px 6px 0 0;
    justify-content: center;
    align-items: center;
    width: 80px;
}
.login-banner-cta-recursos ul {
    position: absolute;
    top: 15px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.login-banner-cta-recursos ul li {
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 18px;
    display: flex;
    gap: 5px;
}
.login-banner-content span {
    margin-top: 15px;
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
}
.login-form-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.login-form-top h5 {
    margin: 0;
    font-size: 20px;
    color: #4B4B4B;
}
.login-form-inputs {
    width: 100%;
    margin-top: 10px;
}
.login-input-txt {
    width: 100%;
    text-align: center;
    height: 40px;
    border: 1px solid #DBDBDB;
    border-radius: 6px;
    margin-bottom: 10px;
}
.login-input-submit {
    width: 100%;
    height: 40px;
    color: #FFF;
    background-color: #FF6D0B;
    border: 0;
    border-radius: 6px;
}
.login-miss-pwd-link {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #808080;
    background-color: #EBEBEB;
    border: 0;
    border-radius: 6px;
    transition: 0.3s;
}
.login-miss-pwd-link:hover {
    background-color: #d1d1d1;
}
.btn-login-social {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #383838;
    background-color: #FFF;
    border: 1px solid #DBDBDB;
    border-radius: 6px;
    transition: 0.3s;
}
.btn-login-social:hover {
    border: 1px solid #FF6D0B;
}
.btn-login-social img {
    position: absolute;
    left: 15px;
}
.modal-login-register-link {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    color: #707070;
}
.modal-login-register-link a {
    color: #FF6D0B;
    font-weight: 600;
}
.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;
}.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;
    padding-left: 15px;
}
.d-none{
    display: none;
}
.menu-expand{
    margin: 10px 0;
}
hr.dashed-line{
    border: none;
    border-top: 2px dotted #ffa106;
    color: #fff;
    height: 1px;
    width: 100%;
    opacity: 1;
    margin-top: 10px;
}
.side-menu .dashed-line{
    border-top: 2px dotted #0092df;
}
.side-menu .social-medias{
    margin-top: 15px;
    justify-content: center;
}
.side-menu .social-medias .social-media-bg{
    background: linear-gradient(90deg, #FF9650 0%, #ff6600 100%);
}
#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;
}
#submit-search-mobile {
    width: 100%;
    height: 44px;
    border-radius: 22px;
    background: linear-gradient(0deg,#004355 0,#1f85a0 100%);
    border: none;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 2px 2px 2px #00000020;
    margin-top: 10px;
}
.ov-hidden{
    overflow: hidden;
}
#perfil-img1,
#perfil-img2{
    width: 30px!important;
    height: 30px!important;
    border-radius: 50%;
}
#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: #ff6600;
    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: #ff6600;
}
.publi-bot-mobile{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #fff;
    z-index: 1000;
}
.top-right-content{
    display: flex;
    flex-direction: column;
}
.search-mobile {
    position: absolute;
    top: 70px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 6;
    height: 0px;
    overflow: hidden;
    background-color: #004355;
    transition: 0.3s;
}
.search-mobile form {
    position: relative;
    width: 100%;
    max-width: 95%;
}
.search-mobile form .search-input-mobile {
    width: 100%;
    height: 40px;
    border-radius: 6px;
    background-color: #FFF;
    border: 1px solid #cecece;
    padding-left: 15px;
}
.go-search-mobile {
    position: absolute;
    right: 5px;
    top: 10px;
}
@media screen and (max-width: 991px){
    .menu-items {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 35px;
        padding: 0 20px;
    }
    .dropdown-menu{
        display: none!important;
    }
    .rodape__box{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .coluna-footer{
        width: 100%;
    }
}
.publicidade-pequena{
    margin: 0 auto;
    background-color: #f1f1f1;
    border-radius: 8px;
    width: 300px;
    height: 300px;
}
.publi-box{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.texto-publicidade {
    font-size: 10px !important;
    padding: 20px 20px 21px 20px;
    display: block;
    color: #000000;
    text-align: left;
}
.tv-principal{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 15px;
}
.tv-content{
    display: flex;
    gap: 15px;
}
.tv-content .tv-destaque{
    width: 100%;
    max-width: calc(100% - 303px);
    border-radius: 8px;
    box-shadow: 0 2px 5px 2px #00000020;
}
.destaques-tipos{
    width: 100%;
    height: 300px;
    display: flex;
    gap: 15px;
}
.destaques-resultados {
    margin-top: 20px;
}
.destaques-resultados {
    margin-top: 20px;
}
.single-destaque{
    width: 25%;
    height: 100%;
    border-radius: 8px;
}
.single-destaque.big{
    width: 50%;
}

.janela-conteudo {
    position: relative;
    position: relative;
    border-radius: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: space-between;
}

.janela-conteudo-categoria {
    position: relative;
    z-index: 2;
    margin-top: 15px;
    padding-inline: 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;
    background-color: #0092df;
}
.janela-conteudo-materia {
    margin-inline: 15px;
    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 h3 {
    margin-inline: 15px;
    color: #FFF;
    font-size: 18px;
    line-height: 24px;
}
.conteudo-saiba-mais {
    margin-inline: 15px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background: linear-gradient(180deg, #f0843c 0%, #ff6600 100%);
    color: #FFF;
    text-decoration: none;
    border-radius: 6px;
    transition: all ease 0.3s;
    position: relative;
    overflow: hidden;
}
.conteudo-saiba-mais::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;
}
.conteudo-saiba-mais:hover::before {
    left: 120%;
}
.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;
}
.gradient-bg-soft {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #ffffff00 40%, #000000b5 80%);
    border-radius: 8px;
}
.single-destaque a,
.single-resultado a{
    text-decoration: none;
}
.combo-social {
    width: 100%;
    max-width: 320px;
    min-height: 185px;
    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%;
}
.right-side{
    width: 100%;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}
.top-right-content{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.inner-double{
    position: sticky;
    top: 5px;
    height: 250px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    margin-bottom: 10px;
}
.bloco-enem {
    height: auto;
    text-align: left;
    margin-bottom: 24px;
}

.bloco-enem h3 {
    clear: left;
    font-size: 16px;
    font-weight: 800;
    color: #004355;
    text-transform: uppercase;
    padding: 17px;
}

.bloco-enem .link-canal a {
    margin-left: 135px;
    font-size: 12px;
    font-weight: 600;
    color: #a3a5ad;
    transition: all 300ms ease;
}

.bloco-tab {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    display: flex;
    text-decoration: none;
    height: 30px;
}
.enem-title{
    height: 100%;
    width: 100px;
    border-radius: 6px 6px 0 0;
    background: #ff6d0b;
    display: flex;
    align-items: center;
    justify-content: center;
}
.enem-box {
    padding: 10px;
    border: 1px solid #e3e4e8;
    background-color: #FFF;
    border-radius: 0 6px 6px 6px;
    height: 175px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.enem-box .inner-content img{
    max-width: 100px;
}
.enem-box .inner-content {
    border: none;
    width: 100%;
    height: 50%;
    max-height: 80px;
}
.duvidas-conteudo h4 {
    margin: 0;
    font-size: 11px;
    color: #b2b4bc;
    font-weight: 700;
    text-transform: uppercase;
}
.inner-content a {
    width: 100%;
    height: 100%;
    display: flex;
    text-decoration: none;
    gap: 15px;
}

.duvidas-conteudo span {
    font-size: 13px;
    margin-top: 5px;
    color: #000000;
    font-weight: 500;
}

.inner-content img {
    height: 100%;
    border-radius: 6px;
}
.destaques-variavel{
    display: flex;
    flex-direction: column;
}
.detaques-topo{
    display: flex;
    align-items: center;
    position: relative;
    gap: 10px;
    margin-bottom: 15px;
    margin-bottom: 15px;
}
.canais-lista {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.canais-download-lista {
    margin-top: 30px;
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.canal-item {
    width: 100%;
    max-width: 49.3%;
    display: flex;
    padding: 5px;
    border-radius: 6px;
    align-items: center;
    height: 120px;
    border: 1px solid #cecece;
    border-left: 4px solid #ff6600;
    background-color: #FFF;
    text-decoration: none;
}
.canal-img {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #cecece;
    min-width: 150px;
}
.canal-info {
    padding-left: 10px;
    color: #ff6600;
    line-height: 26px;
    font-size: 16px;
    font-weight: 600;
}
.canal-info h3 {
    margin-bottom: 0;
}
.canal-info h4 {
    margin: 0;
    margin-top: 10px;
    color: #303030;
    line-height: 20px;
    font-size: 13px;
    font-weight: 500;
}
.canal-download-item {
    width: 100%;
    max-width: 280px;
    display: flex;
    flex-direction: column;
    padding: 5px;
    border-radius: 6px;
    align-items: center;
    height: 240px;
    border: 1px solid #cecece;
    border-top: 4px solid #ff6600;
    background-color: #ececec;
    text-decoration: none;
}
.canal-download-img {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #cecece;
    width: 100%;
    min-height: 80px;
}
.lista-enquete {
    width: 100%;
}
.enquete-item {
    display: flex;
    margin-bottom: 10px;
    flex-direction: column;
    text-decoration: none;
    border-radius: 4px;
    padding: 10px;
    background-color: #FFF;
    border-left: 2px solid #ff6600;
    box-shadow: 0 2px 5px 2px #00000020;
}
.enquete-item h3 {
    margin-top: 0;
    font-size: 16px;
    color: #ff6600;
}
.enquete-item span {
    font-size: 14px;
    color: #808080;
}
.area-enquete {
    width: 100%;
}
.filter-resultados ul{
    display: flex;
    justify-content: end;
    gap: 5px;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.filter-resultados ul li{
    color: #505050;
    margin: 0;
    border-radius: 6px;
    border-radius: 6px;
}
.detaques-topo h1,
.detaques-topo h2{
    font-weight: 700;
    color: #505050;
    font-size: 32px;
    margin: 0;
    margin-right: 20px;
    white-space: nowrap;
}
.detaques-topo h3 {
    white-space: nowrap;
}
.detaques-topo a {
    color:#ff6600;
    white-space:nowrap;
    text-decoration:none;
    font-weight:600;
}
.detaques-topo a {
    color:#ff6600;
    white-space:nowrap;
    text-decoration:none;
    font-weight:600;
}
.filter-resultados{
    display: flex;
    justify-content: flex-end;
}
.filter-resultados ul li button{
    cursor: pointer;
    display: block;
    padding: 0.5rem 1rem;
    border: 1px solid #cecece;
    border-radius: 6px;
    border: 1px solid #cecece;
    border-radius: 6px;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.nav-link {
    color: #505050!important;
    background-color: #fff;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    outline: 0;
    color: #0092df!important;
    font-weight: 700;
}
.conteudo-tab{
    width: 100%;
    display: none;
    gap: 10px;
}
.conteudo-tab.active {
    display: flex;
}
.single-resultado {
    width: 100%;
    max-width: 33%;
    padding: 10px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    border-radius: 6px;
    outline: 1px solid #e5e5e5;
    border-top: 3px solid #ff6600;
}
.img-single-resultado {
    position: relative;
    min-width: 80px;
    min-height: 80px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
}
.single-resultado_top {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.single-resultado_top h3 {
    color: #ff6600;
    margin: 0;
}
.single-resultado_descricao {
    padding: 10px 0;
    min-height: 90px;
    color: #202020;
    font-size: 14px;
    line-height: 22px;
}
.single-resultado:hover .single-resultado_descricao {
    text-decoration: underline;
}
#tab2 .single-resultado {
    border-top: 3px solid #0092df;
}
#tab2 .single-resultado_top h3 {
    color: #0092df;
    margin: 0;
}
.resultado-share {
    width: 100%;
    text-align: right;
    font-weight: 600;
    color: #ff6600;
}
#tab2 .resultado-share {
    color: #0092df;
}
.tv-simulados {
    margin-top: 30px;
}
.simulado-resume{
    width: 100%;
    height: auto;
}
.simulado-resume p{
    color: #505050;
}
.conteudo-simulados{
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
.simulado-vestibular,
.simulado-enem{
    width: 50%;
    border-radius: 8px;
    transition: 0.3s ease;
}
.simulado-vestibular:hover,
.simulado-enem:hover{
    box-shadow: 0 5px 5px 5px #00000020
}
.simulado-box{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
}
.simulado-title{
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
}
.simulado-title span{
    color: #FFF;
    font-weight: 900;
    height: 40px;
    min-width: 230px;
    border-radius: 0 20px 20px 0;
    display: flex;
    align-items: center;
    padding: 6px 12px;
}
.simulado-vestibular .simulado-box{
    border: 2px solid #ff6600;
}
.simulado-enem .simulado-box{
    border: 2px solid #0092df;
}
.simulado-vestibular .simulado-title span{
    background-color: #ff6600;
}
.simulado-enem .simulado-title span{
    background-color: #0092df;
}
.simulado-call{
    width: 100%;
    height: 220px;
    display: flex;
    padding: 0 12px;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.simulado-call .text-call{
    font-weight: 800;
    font-size: 16px;
    color: #505050;
}
.card-banner-utilitario {
    width: 100%;
    max-width: 49%;
    display: flex;
    justify-content: space-between;
    background-color: #FFF;
    border-radius: 8px;
    padding: 15px;
    height: 250px;
    border: 2px solid #ff6600;
}
.card-banner-utilitario_left {
    min-width: 200px;
    width: 200px;
}
.card-banner-utilitario_right {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-utilitario-img {
    width: 180px;
    height: 180px;
    position: relative;
}
.card-banner-utilitario h3 {
    width: 180px;
    margin: 0;
}
.utilitario-info {
    font-size: 14px;
    line-height: 22px;
    margin-top: 18px;
}
.utilitario-info span {
    font-weight: 600;
    color: #ff6600;
}
.link-card-banner {
    position: relative;
    width: 180px;
    height: 37px;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
    text-decoration: none;
    color: #FFF;
    border-radius: 6px;
    background-color: #0092df;
    overflow: hidden;
    transition: 0.5s;
}
.link-card-banner svg {
    position: absolute;
    right: -50px;
    transition: 0.5s;
}
.link-card-banner:hover {
    background-color: #0079bb;
}
.link-card-banner:hover svg {
    right: 10px;
}
.link-card-banner::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;
}
.link-card-banner:hover::before {
    left: 120%;
}
.create-simulado{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    text-decoration: none;
}
.create-simulado a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #FFF;
}
.start-simulado{
    width: 100%;
    height: 100%;
    padding: 15px;
    border-radius: 6px;
    text-align: center;
    color: #FFF;
    font-weight: 900;
    cursor: pointer;
}
.simulado-vestibular .start-simulado{
    background: linear-gradient(180deg, #f0843c 0%, #ff6600 100%)
}
.simulado-enem .start-simulado{
    background: linear-gradient(180deg,#0092df 0,#0089ad 100%);
}
.noticias-conteudo{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 15px;
}
.last-news{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}
.single-news{
    position: relative;
    padding: 10px;
    width: 49%;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    color: #000;
    font-size: 14px;
    background-color: #FFF;
    text-decoration: none;
}
.single-news.Enem{
    border: 2px solid #0092df;
}
.single-news.Vestibular{
    border: 2px solid #ff6600;
}
.single-news img{
    border-radius: 4px;
    min-width: 90px;
    min-height: 90px;
    border: 1px solid #e5e5e5;
}
.single-news:hover .news-text {
    text-decoration: underline;
}
.news-top {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
.news-left {
    width: 90px;
}
.news-right{
    width: 100%;
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-text {
    margin-bottom: 5px;
    line-height: 20px;
}
.news-bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.text-date{
    width: 50%;
    display: flex;
    gap: 10px;
    margin-top: 0;
    margin-bottom: auto;
}
.text-date strong{
    color: #ff6600;
}
.type-Enem,
.type-Vestibular{
    min-height: 32px;
    width: 90px;
    color: #FFF;
    font-weight: 900;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
}
.type-Enem{
    background-color: #0092df;
}
.type-Vestibular{
    background-color: #ff6600;
}
.link-news-Enem {
    color: #0079bb;
    font-weight: 500;
}
.link-news-Vestibular {
    color: #ff6600;
    font-weight: 600;
}
.tv-agenda {
    margin-bottom: 15px;
}
.tv-agenda {
    margin-bottom: 15px;
}
.conteudo-agenda{
    margin-top: 35px;
    width: 100%;
    min-height: 250px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    background-color: #e5e5e5;
    border-radius: 8px;
    border: 1px solid #cecece;
}
.single-event{
    width: 33.33%;
    min-width: 260px;
    height: 100%;
    padding: 12px;
    position: relative;
    transition: 0.3s;
    cursor: pointer;
}
.agenda-bar{
    width: 15px;
    height: 40px;
    width: 15px;
    height: 40px;
    background-color: #a3a39f;
    position: absolute;
    top: -15px;
    top: -15px;
    border-radius: 15px;
    box-shadow: 0px -3px 5px 2px #00000020;
}
.agenda-bar:first-child{
    left: 20px;
}
.agenda-bar:nth-child(2){
    left: 60px;
}
.agenda-bar:nth-child(3){
    right: 60px;
}
.agenda-bar:nth-child(4){
    right: 20px;
}
.event-info{
    padding-top: 25px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    background-color: #FFF;
    border-radius: 8px;
    border: 1px solid #cecece;
}
.event-info-top {
    width: 100%;
    padding: 0 5px;
    display: flex;
    gap: 5px;
    justify-content: space-between;
}
.event-type,
.event-local{
    height: 30px;
    align-self: center;
}
.event-text {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px !important;
    line-height: 25px;
    color: #505050;
}
.event-type{
    width: 50%;
    height: 100%;
    display: flex;
    font-weight: 500;
    border-radius: 6px;
    padding: 10px;
    background-color: #0092df;
}
.event-local {
    font-size: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    color: #505050;
}
.event-data{
    width: 50%;
    height: auto;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    margin: 0 auto;
    background-color: #ff6600;
}
.event-type span{
    display: flex;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    color: #FFF;
}
.event-text {
    font-size: 18px;
    text-align: center;
    width: 100%;
    padding: 10px;
}
.conteudo-extra{
    margin-top: 35px;
    width: 100%;
    min-height: 300px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}
.extra-destaque{
    display: flex;
    flex-wrap: wrap;
    width: 49%;
    gap: 5px;
    background-color: #eee;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #cecece;
}
.extra-title{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    background-color: #ff6600;
    color: #FFF;
    font-weight: 900;
    border-radius: 8px 8px 0 0;
    padding-left: 15px;
}
.extra-bloco{
    text-decoration: none;
    width: 49%;
    max-width: 280px;
    padding: 8px;
    border-radius: 8px;
    background-color: #fff;
    border-bottom: 2px solid #0092df;
    border: 1px solid #e5e5e5;
    height: 150px;
}
.extra-bloco a:hover h4 {
    text-decoration: underline;
}
.extra-bloco.img{
    display: flex;
    gap: 5px;
    align-items: center;
    flex-direction: column;
    height: auto;
}
.extra-bloco.img a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.info-bloco{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    text-align: center;
}
.extra-bloco h4{
    color: #0092df;
    margin: 0;
    padding: 10px 0;
}
.extra-bloco a{
    color: #505050;
    font-size: 14px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.extra-bloco span {
    text-align: left;
}

#carousel {
    position: relative;
    max-width: 580px;
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #cecece;
}

.slides {
    display: flex;
    position: relative;
    width: 300%;
    height: 100%;
    transition: 0.5s;
}

.slide {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 0 0 33.3333%;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
}
.slide-link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
}
.previous-button {
    border-radius:0 6px 6px 0;
    border-left: 0 !important;
}
.next-button {
    border-radius: 6px 0 0 6px;
    border-right: 0 !important;
}
.previous-button,
.next-button {
    position: absolute;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 40px;
    border: 1px solid #FFFFFF50;
    background-color: transparent;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.previous-button::before,
.next-button::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    display: inline-block;
    vertical-align: middle;
}

.next-button::before {
    border-right: none;
    border-left: 10px solid #fff;
}

.previous-button {
    left: 0;
}

.next-button {
    right: 0;
}
.titulo_destaque_tv {
    position: relative;
    z-index: 4;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: 600;
    min-width: 120px;
    width: fit-content;
    border-radius: 0 20px 20px 0;
    padding: 0 15px;
    margin-top: 20px;
    background: linear-gradient(180deg,#0092df 0,#0089ad 100%);
}
.descricao_destaque_tv {
    position: relative;
    z-index: 4;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 100%;
    font-weight: 600;
    color: #fff;
}

.bg-image {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.left-side.home{
    gap: 15px;
}
.filtro-agenda{
    margin: 15px 0;
}
.row-inputs-agenda {
    width: 100%;
    display: flex;
    gap: 10px;
}
.size-2{
    color: #505050;
    font-weight: 900;
}
.single-filter.filter-regiao {
    flex: 1;
}
.single-filter.filter-evento {
    flex: 1;
}
.single-filter.filter-instituicao {
    flex: 2;
}
.single-filter select {
    outline: none;
    width: 100%;
    border-radius: 4px;
    margin-top: 10px;
    height: 35px;
    background-color: aliceblue;
    border: 1px solid #cecece;
}
.item-form{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}
.item-form input{
    height: 35px;
    width: 100px;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    background-color: #9a9ca5;
    color: #FFF;
    font-weight: 600;
}
.area-agenda{
    width: 100%;
    height: auto;
    min-height: 300px;
    display: flex;
    flex-wrap: wrap;
    background-color: #eeeeee;
    border: 1px solid #cecece;
    border-radius: 12px;
    padding: 12px;
    gap: 20px;
    justify-content: space-between;
}
.agenda-page{
    background-color: #FFF;
    border-radius: 8px;
    border: 1px solid #cecece;
    position: relative;
    width: 48%;
}
.agenda-page:nth-child(odd) .agenda-row{
    padding-right: 12px;
}
.agenda-page:nth-child(even) .agenda-info{
    padding-left: 12px;
    padding-right: 45px;
}
.agenda-page:nth-child(even) .agenda-lock.first,
.agenda-page:nth-child(even) .agenda-lock.second{
    right: -25px;
    left: unset;
}
.agenda-lock{
    width: 40px;
    height: 15px;
    background: linear-gradient(180deg,#a3a39f 0,#818181 100%);
    position: absolute;
    left: -25px;
    border-radius: 15px;
    box-shadow: 0px -3px 5px 2px #00000020;
}
.agenda-lock.first{
    top: 40px;
}
.agenda-lock.second{
    bottom: 40px;
}
.agenda-info{
    display: flex;
    flex-direction: column;
    padding-left: 45px;
    width: 100%;
    height: 100%;
    align-items: center;
}
.agenda-row{
    width: 100%;
    display: flex;
    align-self: baseline;
    gap: 10px;
    padding-top: 12px;
}
.agenda-data{
    min-width: 100px;
    height: auto;
    background-color: #ff6600;
    border-radius: 4px;
    display: flex;
    padding: 8px;
    color: #FFF;
    font-family: Roboto;
    align-items: center;
    justify-content: center;
    align-self: baseline;
}
.agenda-type{
    width: 100px;
    height: auto;
    background-color: #0092df;
    border-radius: 4px;
    display: flex;
    padding: 8px;
    color: #FFF;
    font-family: Roboto;
    align-items: center;
    justify-content: center;
    align-self: baseline;
}
.agenda-content{
    width: 100%;
    height: 100%;
    display: flex;
    padding-bottom: 12px;
    flex-direction: column;
    padding-top: 12px;
    gap: 15px;
}
.agenda-loc {
    color: #505050;
    display: flex;
    align-items: center;
    font-weight: 900;
    font-size: 18px;
}
.agenda-descript{
    color: #505050;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 25px;
}
.separador-data{
    padding:0 5px;
}
.resumo-page{
    color: #505050;
    font-weight: 400;
    font-size: 18px;
}
#listas-aprovados{
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}
.daily-list{
    width: 285px;
}
.daily-list a{
    color: #505050;
    text-decoration: underline;
    font-weight: 700;
}
.daily-list a:hover{
    text-decoration: none;
}
.content-list{
    display: flex;
    flex-direction: column;
    max-width: 100%;
    height: 100%;
}
.aprovados-link{
    height: 100%;
    padding: 8px;
    border-left: 3px solid #003daf;
    border-right: 3px solid #003daf;
    text-align: center;
}
.aprovados-link:last-child{
    border-radius: 0 0 8px 8px;
    border-bottom: 3px solid #003daf;
}
.data_noticia{
    margin: 0;
    width: 100%;
    padding: 8px;
    border-radius: 8px 8px 0 0;
    background: #003daf;
    color: #FFF;
    font-weight: 900;
}
.paginacao {
    margin: 15px 0px;
    background: linear-gradient(180deg, #FF9650 0%, #ff6600 100%);
    display: flex;
    justify-content: center;
    border-radius: 12px;
}

.paginacao ul {
    width: 100%;
    padding-left: 0;
    font-weight: 800;
    display: flex;
    align-items: center;
    margin-top: 1rem;
    overflow: auto;
    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;
}
.single-lista{
    width: 100%;
    height: auto;
    background-color: #FFF;
    border-radius: 8px;
    padding: 8px;
    margin-top: 25px;
}
.resumo-lista{
    color: #505050;
    font-size: 16px;
}
figure.imagem-principal {
    margin: 0;
    margin-bottom: 40px;
    text-align: center;
    color: #000;
}

figure.imagem-principal img {
    max-width: 900px;
}

figure.imagem-principal figcaption {
    margin-top: 8px;
    font-size: 14px;
    margin-bottom: 20px;
}
.download-lista{
    width: 280px;
    height: 150px;
    margin: auto;
}
#getLink{
    width: 100%;
    height: 100%;
    border-radius: 12px;
    padding: 12px;
    background-color: #ff6600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
#getLink span{
    color: #FFF;
    font-weight: 900;
    text-align: center;
}
.conteudo-texto{
    text-align: center;
}
.area-home-simulado,
.area-home-perfil {
    width: 100%;
    border: 1px solid #dadada;
    background-color: #FFF;
    display: flex;
    border-radius: 8px;
    flex-direction: column;
    padding: 0 0 12px 0;
}
.area-simulado-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.simulado-header {
    display: flex;
    align-items: flex-end;
    position: relative;
    margin-bottom: 20px;
    padding: 12px;
    width: 100%;
    height: 120px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    border-bottom: 4px solid #ff6600;
}
.simulado-header-enem {
    display: flex;
    align-items: flex-end;
    position: relative;
    margin-bottom: 20px;
    padding: 12px;
    width: 100%;
    height: 120px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    border-bottom: 4px solid #0e63d2;
}
.calc-sisu-header {
    display: flex;
    align-items: flex-end;
    position: relative;
    margin-bottom: 20px;
    padding: 12px;
    width: 100%;
    min-height: 120px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    border-bottom: 4px solid #029692;
}
.disclaimer-sisu {
    line-height: 22px;
}
.btn-info-calc {
    padding: 12px 24px;
    border-radius: 4px;
    background: linear-gradient(180deg,#029692 0,#217571 100%);
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    border: 0;
    cursor: pointer;
}
.perfil-header {
    display: flex;
    align-items: flex-end;
    position: relative;
    margin-bottom: 20px;
    padding: 12px;
    width: 100%;
    height: 80px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    background: linear-gradient(180deg, #f0843c 0%, #ff6600 100%);
}
.perfil-header  h2 {
    margin: 0;
    color: #FFF;
}
.h2-simulado {
    display: block;
    z-index: 4;
    margin: 0;
    font-size: 38px;
    color: #FFF;
    font-weight: 700;
    /* text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF; */
}
.h1-simulado-vestibular {
    display: block;
    z-index: 4;
    margin: 0;
    font-size: 38px;
    color: #FFF;
    font-weight: 700;
    text-shadow: -1px 0 #ffa970, 0 1px #ffa970, 1px 0 #ffa970, 0 -1px #1f85a0;
}
.h1-simulado-enem {
    display: block;
    z-index: 4;
    margin: 0;
    font-size: 38px;
    color: #FFF;
    font-weight: 700;
    text-shadow: -1px 0 #7bacec, 0 1px #7bacec, 1px 0 #7bacec, 0 -1px #7bacec;
}
.h1-calculadora-sisu {
    display: block;
    text-align: left;
    z-index: 4;
    margin: 0;
    font-size: 38px;
    color: #FFF;
    font-weight: 700;
    text-shadow: -1px 0 #029692, 0 1px #029692, 1px 0 #029692, 0 -1px #029692;
}
.area-simulado-top p {
    margin-top: 0;
    font-size: 18px;
    text-align: justify;
}
.area-calc-sisu-top {
    margin-top: 0;
    font-size: 16px;
    text-align: justify;
}
.bg-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100vh;
    width: 100%;
    background-color: #00000040;
    justify-content: center;
    align-items: center;
    padding: 6px;
    overflow: hidden;
}
.bg-modal.close {
    display: none;
}
.bg-modal.open {
    display: flex;
}
.card-info-sisu {
    width: 100%;
    max-width: 600px;
    height: 80vh;
    background-color: #FFF;
    border-radius: 6px;
    padding: 20px 15px;
}
.card-info-sisu_top {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card-info-sisu_top p {
    margin: 0;
}
.close-confirmation {
    font-size: 45px;
    display: flex;
    width: 30px;
    align-self: flex-end;
    height: 30px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #029692;
}
.card-info-sisu_content {
    width: 100%;
    height: 90%;
    overflow-y: scroll;
}
.card-info-sisu_content p {
    margin-top: 0;
}
.card-info-sisu_content ul {
    list-style: none;
    padding: 0;
}
.card-info-sisu_content ul p {
    margin-top: 10px;
    line-height: 22px;
}
.simulado-intro {
    width: 100%;
    display: flex;
    gap: 20px;
    padding: 0 12px;
}
.btn-perfil {
    margin-top: 10px;
    display: flex;
    background: linear-gradient(180deg, #f0843c 0%, #ff6600 100%);
    height: 40px;
    width: 150px;
    gap: 15px;
    padding-left: 15px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    justify-content: flex-start;
    align-items: center;
    border-radius: 6px;
    transition: 0.3s;
    color: #FFF;
}
.btn-perfil:hover {
    /* box-shadow: 0 5px 5px 2px #00000020; */
    transform: scale(1.05);
}
.hr-divider {
    margin: 20px 0;
    width: 100%;
    border: 0;
    border-bottom: 2px solid #ff6600;
}
.hr-divider-blue {
    margin: 20px 0;
    width: 100%;
    border: 0;
    border-bottom: 2px solid #0092df;
}
.area-tipos-simulados {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 12px;
}
.perfil-info {
    width: 100%;
    padding: 0 12px;
}
.perfil-info h3 {
    color: #808080;
}
.area-info-user {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}
.info-user-left {
    width: 50%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 15px;
}
.perfil-avatar-user {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid #ff6600;
    overflow: hidden;
}
.btn-editar-perfil {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 6px 12px;
    background: linear-gradient(180deg,#0092df 0,#037abb 100%);
    border-radius: 4px;
    border: 0;
    color: #FFF;
    font-weight: 500 !important;
    text-decoration: none;
    transition: 0.1s;
    width: 200px;
    cursor: pointer;
}
.informacoes-perfil {
    width: 100%;
    max-width: 400px;
    margin-right: 30px;
    line-height: 25px;
}
.area-historico-user {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}
.coluna-historico {
    padding: 8px 0 12px 0;
    width: 100%;
    overflow: auto;
    border-top: 2px solid #dadada;
}
.coluna-historico h4 {
    margin: 0;
    color: #000;
    margin-bottom: 20px;
}
.coluna-rodape {
    width: 100%;
    margin-top: 30px;
    height: 40px;
}
.coluna-rodape a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg,#0092df 0,#037abb 100%);
    border-radius: 8px;
    color: #FFF;
    font-weight: 600;
    text-decoration: none;
}
.perfil-nome-user {
    margin: 0;
    color: #000;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
}
.table-responsive {
    overflow: scroll;
}
table {
    width: 100%;
    border-collapse: collapse;
    overflow: scroll;
}
th {
    font-size: 14px;
}
th, td {
    border: 1px solid #e5e5e5;
    padding: 8px;
    text-align: left;
}
td a {
    color: #0e63d2;
}
th {
    background-color: lightgray;
}
.bg-image {
    display: block;
    z-index: 2;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.bg-gradient {
    display: block;
    z-index: 3;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #99999910 0%, #00000099 100%);
}
.toggle-materias {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.toggle-materia {
    width: 100%;
}
.toggle-title {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
    color: #FFF;
    background-color: #ff6600;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 4px;
    font-weight: 900;
}
.toggle-content {
    padding: 0 10px;
    height: 0px;
    overflow: hidden;
    transition: height 0.3s;
    background-color: #e5e5e5;
}
.area-input {
    width: 100%;
    display: flex;
    gap: 30px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #cecece;
}
.area-input label {
    width: 40%;
    text-align: right;
}
.area-input select {
    height: 30px;
    width: 80px;
    font-size: 14px;
    outline: none;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 2px 5px 2px #00000020;
}
.btn-gerar-simulado {
    margin-top: 30px;
    width: 300px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    color: #FFF;
    margin-top: 30px;
    background-color: #ff6600;
    border: none;
    cursor: pointer;
    box-shadow: 0 5px 5px 2px #00000020;
    transition: 0.3s;
    font-weight: 900;
}
.btn-gerar-simulado:hover{
    box-shadow: none;
}
.simulado-lista-areas {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.simulado-area-item {
    padding: 12px;
    width: 100%;
    max-width: 48%;
    border: 1px solid #dadada;
    /* height: 200px; */
    border-radius: 8px;
}
.simulado-area-item_top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
.simulado-area-item_top span {
    font-weight: 600;
}
.simulado-area-item_bottom {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.btn-inciar-simulado {
    width: 80px;
    height: 35px;
    border-radius: 4px;
    background-color: #0092df;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
}
.area-criar-simulado-enem {
    width: 100%;
    max-width: 50%;
    padding: 12px;
}
.area-criar-simulado-enem h3 {
    margin-top: 0;
}
.formulario-criar-enem {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    border: 1px solid #dadada;
    padding: 12px;
}
.input-group {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    justify-content: space-between;
}
.input-group input {
    height: 30px;
    width: 50px;
}
.rodape-formulario-enem {
    margin-top: 20px;
}
.simulado-andamento-area {
    width: 100%;
    display: flex;
    gap: 15px;
    margin-top: 24px;
    justify-content: space-between;
}
.area-simulado-questao {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 12px;
    height: 400px;
    border-radius: 6px;
    border: 1px solid #dadada;background-color: #FFF;
}
.area-simulado-questao h4 {
    margin-top: 0;
}
.tempo-simulado {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 22px;
    margin: 0;
}
.area-simulado-questoes {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 12px;
    max-width: 250px;
    border-radius: 6px;
    border: 1px solid #dadada;
    background-color: #FFF;
}
.area-simulado-questoes h4 {
    margin: 0;
    text-align: center;
    margin-bottom: 15px;
}
.lista-questoes-simulado {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.questao-item {
    border-radius: 4px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: 1px solid #dadada;
    cursor: pointer;
}
.questao-item-num {
    width: 100%;
    height: 50%;
    background-color: #dadada;
    color: #FFF;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}
.questao-item-resposta {
    width: 100%;
    height: 50%;
    color: #505050;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}
.questao-item.respondida {
    border: 1px solid #0092df;
}
.questao-item-num.respondida {
    background-color: #0092df;
}
.finalizar-simulado {
    height: 35px;
    width: 100%;
    background-color: #0092df;
    color: #FFF;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 50px;
}
.questao-area-item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.questao-area-item img{
    max-width: 100%;
}
.questao-area-item .questao-simulado {
    display: flex;
    align-items: center;
    gap: 10px;
}
.alternativas-questao {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-anterior-questao,
.btn-prox-questao{
    padding: 5px;
    background-color: #0092df;
    color: #FFF;
    border-radius: 5px;
}
.span-alternativa {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #CECECE;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.items-alternativas {
    display: flex;
    gap: 5px;
}
.alternativa-ativa {
    background-color: #0092df;
    color: #FFF;
    border: 0;
}
.topo-resultado {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.topo-resultado h2 {
    margin: 0;
}
.topo-resultado a {
    margin: 0 5px;
    font-weight: 600;
    color: #ff6600;
}
.content-resultado {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.img-resultado {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #808080;
    width: 100%;
    height: 250px;
    border: 1px solid #dadada;
    background: linear-gradient(180deg, #e5e5e5 0%, #cecece 100%);
}
.mensagem-resultado {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 24px 0;
    width: 100%;
    height: 50px;
    font-size: 22px;
    font-weight: 700;
    color: #ff6600;
}
.tablea-resultado {
    width: 100%;
    overflow: auto;
}
.tablea-resultado td,
.tablea-resultado th {
    height: 45px !important;
    min-width: 100px;
}
.area-resumo-resultado {
    margin-top: 24px;
    width: 100%;
    display: flex;
    gap: 15px;
}
.resumo-resultado h4 {
    margin: 0;
    margin-bottom: 12px;
    color: #037abb;
}
.resumo-resultado {
    width: 100%;
    min-width: 50%;
    padding: 12px;
    border: 1px solid #dadada;
    border-radius: 6px;

}
.resumo-item {
    padding: 12px 0;
    border-top: 1px solid #dadada;
}
.resumo-item label {
    font-weight: 600;
}
.share-resultados {
    margin-top: 10px;
    width: 100%;
}
.lista-social-share {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.result-share {
    height: 35px;
    min-width: 100px;
    padding: 0 12px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}
.result-share.fb {
    color: #FFF;
    background-color: #0e63d2;
}
.result-share.tt {
    color: #FFF;
    background-color: #36b9ff;
}
.result-share.wpp {
    color: #FFF;
    background-color: #00b100;
}
.topo-banco-redacoes {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: column-reverse;
    gap: 20px;
}
.conteudo-banco-redacoes {
    background-color: #ffe3d0;
    position: relative;
}
.centro-banco-redacoes {
    width: 100%;
    max-width: 1400px;
    margin: auto;
    padding: 20px 0;
}
.topo-pagina-banco-redacoes {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.logo-banco-redacoes {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.info-banco-redacoes {
    flex: 2;
    text-align: left;
}
.info-banco-redacoes h1 {
    color: #ea427f;
    font-weight: 600;
}
.area-banco-redacoes {
    width: 100%;
    display: flex;
    margin-top: 20px;
    gap: 10px;
}
.area-campo-redacao {
    flex: 2;
    padding: 0 10px;
}
.area-info-tema {
    width: 100%;
    padding: 15px;
    border: 2px solid #ea427f;
    background-color: #ffc8c8;
    border-radius: 6px;
}
.label-tema-atual {
    display: flex;
    align-items: center;
    border-radius: 6px;
    width: 100%;
}
.label-qtd-tema-atual {
    white-space: nowrap;
}
.area-info-tema-topo {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    font-size: 18px;
}
.area-tema-texto-info {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 15px;
}
select#temas-anteriores {
    width: 100%;
    border: 3px solid #ea427f;
    outline: 0;
    padding: 12px;
    border-radius: 0 6px 6px 6px;
    font-weight: 600;
    font-size: 16px;
}
.area-info-redacao {
    flex: 1;
}
.area-campo-redacao form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.redacao-form-group {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.redacao-form-group label {
    background-color: #75c6db;
    width: fit-content;
    padding: 8px 15px;
    color: #FFF;
    font-weight: 600;
    border-radius: 5px 5px 0 0;
}
.redacao-form-group input,
.redacao-form-group textarea {
    border: 3px solid #75c6db;
    border-radius: 0 5px 5px 5px;
    height: 45px;
    outline: none;
    padding: 0 10px;
    font-size: 18px;
    resize: vertical;
}
.form-group-flex {
    display: flex;
    gap: 10px;
}
.area-tema-info-bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.btn-coletanea {
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    background-color: #ea427f;
    color: #FFF;
    border: 0;
    border-radius: 6px;
    padding: 10px 15px;
    height: 48px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s;
}
.modal-coletanea {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100vh;
    padding: 0 6px;
    width: 100%;
    background-color: #00000040;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-coletanea-card {
    width: 100%;
    height: 93vh;
    max-width: 920px;
    background-color: #f1f1f1;
    border-radius: 6px;
    padding: 15px;
    position: relative;
    /* border: 3px solid #ea427f; */
    display: flex;
    flex-direction: column;
}
.modal-coletanea-header {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-coletanea-title {
    font-size: 18px;
    color: #ea427f;
    font-weight: 600;
}
.modal-coletanea-subtitle {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    font-style: italic;
    color: #505050;
}
.btn-close-modal {
    font-size: 20px;
    color: white;
    background-color: #ea427f;
    min-width: 30px;
    height: 30px;
    border-radius: 15px;
    cursor: pointer;
    border: 0;
    transition: 0.3s;
}
.btn-close-modal:hover,
.btn-coletanea:hover {
    background-color: #ce316b;
}
.modal-coletanea-content {
    padding: 20px;
    background-color: white;
    border: 1px solid #cacaca;
    border-radius: 6px;
    overflow-y: auto;
}
.modal-coletanea-footer {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 20px;
}
.redacao-form-group textarea {
    height: 400px;
    padding-top: 15px;
    margin-bottom: 5px;
}
.bottom-opcoes-redacao {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    align-items: flex-end;
    height: 80px;
}
.btn-correcao-tradicional,
.btn-correcao-ia {
    padding: 10px 15px;
    border-radius: 5px;
    color: #FFF;
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    font-weight: 600;
    border: 0;
    outline: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.1s;
}
.btn-correcao-tradicional {
    background-color: #75c6db;
}
.btn-correcao-ia {
    background-color: #ea427f;
}
.btn-correcao-enviada{
    background-color: #f60;
}
.btn-rascunho {
    background-color: #00bb6f;
    /* padding: 5px 10px; */
    height: 40px;
    border-radius: 5px;
    color: #FFF;
    font-size: 12px;
    text-align: left;
    line-height: 22px;
    font-weight: 600;
    border: 0;
    outline: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.1s;
}
.btn-rascunho:hover {
    background-color: #009157;
}
.btn-correcao-ia:hover {
    padding: 15px;
}
.btn-correcao-tradicional:hover {
    padding: 15px;
}
button.btn-correcao-tradicional:disabled {
    height: 60px;
    opacity: 0.6;
    cursor: not-allowed;
}
.mini-perfil-redacoes {
    width: 100%;
    background-color: #E5FBFF;
    border: 3px solid #75C6DB;
    border-radius: 6px;
    padding: 15px 10px;
    margin-bottom: 15px;
}
.mini-perfil-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mini-perfil-user {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 170px;
}
.mini-perfil-user img {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 30px;
    border: 2px solid #ea427f;
}
.mini-perfil-nome {
    font-size: 14px;
    color: #ea427f;
    font-weight: 600;
}
.mini-perfil-link {
    background-color: #ea427f;
    border: 2px solid #FF9ABF;
    border-radius: 6px;
    padding: 10px;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: 0.5s;
}
.mini-perfil-link svg{
    position: absolute;
    right: -50px;
    transition: 0.5s;
}
.mini-perfil-link:hover svg {
    right: 10px;
}
.mini-perfil-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;
}
.mini-perfil-link:hover::before {
    left: 120%;
}
.mini-perfil-body {
    width: 100%;
    margin-top: 10px;
}
.mini-perfil-body-title {
    font-size: 14px;
    font-weight: 600;
}
.mini-perfil-body-content {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.monitor-tema-atual,
.monitor-tema-alternativo {
    width: 100%;
    display: flex;
}
.monitor-titulo-item {
    font-size: 12px;
    font-weight: 600;
    background-color: #D9D9D9;
    border: 1px solid #C5C5C5;
    height: 40px;
    border-radius: 6px 0 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    min-width: 150px;
}
.monitor-item-status {
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 10px;
}
.monitor-item-status.enviada {
    background-color: #00bb6f;
    color: #FFF;
}
.monitor-item-status.disponivel {
    background-color: #c5c5c5;
    color: #FFF;
}
.redacao-flag {
    height: 40px;
    width: 40px;
    min-height: 40px;
    min-width: 40px;
    background-color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #00bb6f;
}
.redacao-flag .flag {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mini-perfil-footer {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mini-perfil-link-perfil {
    color: #ea427f;
    font-weight: 600;
    font-size: 14px;
}
.mini-perfil-legenda {
    width: 100%;
    margin-top: 20px;
    display: flex;
    gap: 5px;
}
.mini-perfil-legenda-coluna {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.mini-perfil-legenda-item {
    display: flex;
    align-items: center;
    gap: 15px;
}
.legenda-item-descricao {
    font-size: 12px;
    font-weight: 500;
}
.area-artigos-redacoes-recomendados {
    width: 100%;
    margin-top: 40px;
}
.area-artigos-redacoes-recomendados h2 {
    color: #ea427f !important;
}
.atencao-card {
    padding: 0 10px;
    border: 3px solid #ea427f;
    background-color: #ffc8c8;
    border-radius: 6px;
    margin-bottom: 15px;
}
.atencao-card ol li {
    margin-bottom: 10px;
}
.btn-temas-anteriores,
.btn-redacoes-perfil {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    font-weight: 600;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    margin-bottom: 20px;
    transition: all ease 0.2s;
}
.btn-temas-anteriores {
    background-color: #75c6db;
    color: #FFF;
    border: 2px solid #a8e2f1;
}
.btn-redacoes-perfil {
    background-color: #F1F1F1;
    color: #ff6600;
    border: 2px solid #ff6600;
}
.btn-redacoes-perfil:hover {
    background-color: #ff6600;
    color: #F1F1F1;
}
.btn-redacoes-perfil:hover path {
    fill: #FFF;
}
.historico-vazio {
    color: #ea427f;
    background-color: #ffc8c8;
    padding: 15px;
    border: 2px solid #ea427f;
    border-radius: 4px;
    font-style: italic;
}
.historico-vazio a {
    color: #ea427f;
    font-weight: 600;
}
@media screen and (max-width: 970px) {
    .area-banco-redacoes {
        flex-direction: column;
    }
    .area-info-redacao {
        padding: 10px;
    }
}
@media screen and (max-width: 635px) {
    .topo-pagina-banco-redacoes {
        padding: 10px;
        flex-direction: column;
    }
    .bottom-opcoes-redacao {
        flex-direction: column;
        height: inherit;
        align-items: inherit;
    }
    .topo_area_correcao_ia h3 {
        font-size: 16px;
    }
}
.info-limites{
    display: flex;
    flex-direction: column;
}
.info-banco-redacoes h2 {
    margin-top: 0;
}
.info-banco-redacoes p {
    line-height: 25px;
    margin-top: 0;
}
.btn-page-send {
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0092df;
    color: #FFF;
    border-radius: 3px;
    padding: 6px;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
}
.red-encerrada {
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #d88888;
    color: #FFF;
    border-radius: 3px;
    padding: 6px;
    width: 100%;
    font-size: 13px;
}
.areas-content{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 12px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 12px;
    overflow: auto;
}
.area-redacao-ativa h3 {
    margin-top: 0;
}
.lista-anos-redacoes {
    margin-top: 30px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.lista-anos-redacoes a {
    background-color: #FFF;
    border: 1px solid #a0a0a0;
    border-radius: 2px;
    padding: 6px 12px;
    text-decoration: none;
    color: #a0a0a0;
    transition: 0.2s;
}
.lista-anos-redacoes a:hover {
    border: 1px solid #0092df;
    color: #0092df;
}
.ano-ativo {
    border: 0 !important;
    color: #FFF !important;
    background-color: #0092df !important;
}
.topo-info-redacao {
    width: 100%;
    font-size: 18px;
}
.alert-redacao {
    padding: 8px 12px;
    background-color: #aeceeb;
    color: #003daf;
    border-radius: 4px;
    display: flex;
    height: auto;
}
#load-more-btn {
    margin-top: 20px;
    padding: 8px 0;
    width: 100%;
    border-radius: 4px;
    background-color: #FFF;
    border: 2px solid #999999;
    color: #999999;
    font-weight: 500;
    transition: 0.2s;
    cursor: pointer;
}
#load-more-btn:hover {
    background-color: #0092df;
    color: #FFF;
    border: 2px solid #0092df;
}
.publi-inicio-texto {
    width: 300px;
    height: 300px;
    border: 1px solid #dadada;
    background-color: #e5e5e5;
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}
.texto-info-redacao {
    font-size: 18px;
    line-height: 24px;
}
.texto-info-redacao p {
    margin-top: 0;
}
.publi-meio-texto {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 280px;
    margin: 30px 0;
}
.link-envie-sua-redacao {
    margin: 30px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ff6600;
    border: 2px solid #ff6600;
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 4px;
    transition: 0.2s;
    font-weight: 600;
}
.link-envie-sua-redacao:hover {
    background-color: #ff6600;
    color: #FFF;
}
.area-enviar-redacao {
    width: 100%;
}
.area-enviar-redacao p {
    font-size: 18px;
}
.tema-redacao {
    padding: 12px 12px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #ff6600;
    border-radius: 4px;
}
#form_redacao {
    width: 100%;
    display: flex;
    flex-direction: column;
    font-size: 18px;
}
#form_redacao label {
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
}
#titulo_redacao {
    width: 100%;
    height: 40px;
    font-size: 18px;
    padding-left: 6px;
    border: 1px solid #505050;
    border-radius: 6px
}
#texto_redacao {
    width: 100%;
    min-height: 400px;
    min-width: 300px;
    max-height: 1200px;
    max-width: 100%;
    font-size: 18px;
    padding: 6px;
    border: 1px solid #505050;
    border-radius: 6px;
}
.btn_redacao {
    width: 100%;
    background-color: #ff6600;
    color: #FFF;
    border: 0;
    border-radius: 6px;
    height: 40px;
    cursor: pointer;
    font-size: 18px;
}
.topo-redacao-corrigida {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.topo-redacao-corrigida h2 {
    margin: 0;
}
.topo-redacao-corrigida h1 {
    margin-top: 0;
}
.tema-redacao-corrigida {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.tema-redacao-corrigida p {
    margin: 0;
}
.area-redacao-corrigida p {
    margin-top: 0;
    line-height: 24px;
    font-size: 16px;
}
.comentarios-corretor {
    margin-top: 30px;
    width: 100%;
    font-size: 18px;
    background-color: #ebebeb;
    border: 1px solid #ff6600;
    border-radius: 6px;
    padding: 12px;
}
.comentarios-corretor h4 {
    margin-top: 0;
}
.comentarios-corretor p {
    margin: 0;
    line-height: 30px;
}
.competecias-redacao {
    width: 100%;
}
.competecias-redacao table {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    font-weight: 500;
}
.legenda-competencias {
    margin-top: 30px;
    width: 100%;
    max-width: 600px;
}
#redacoes_corrigidas {
    width: 100%;
    background-color:#f4f4f4;
    padding:10px;
    border:solid 2px #75c6db;
}
#redacoes_corrigidas .row-white{
    background-color: #f4f4f4;
    font-weight:bold;
    background-color: #f4f4f4;
    font-weight:bold;
    height:30px
}
#redacoes_corrigidas .row-colored{
    height: 30px;
    font-size: 13px;
    font-weight: bold;
    color: #000;
}
.simple-td{
    border-bottom:solid 1px #cecece; text-align:center
}
.simple-td.pd7{
    padding: 7px;
}
.simple-td.pd7.bln{
    border-left:none;
}
.topo-pagina {
    width: 100%;
    display: flex;
    flex-direction: column;
}
h1.titulo-conteudo {
    margin-bottom: 0 !important;
    color: #505050;
}
.data-noticias {
    width: 100%;
    padding: 8px;
    background: linear-gradient(180deg,#ff6600 0,#be4c00 100%);
    border-radius: 4px;
    color: #FFF;
    font-weight: 600;
    margin-bottom: 15px;
}
.data-noticias-enem {
    width: 100%;
    padding: 8px;
    background: linear-gradient(180deg,#0092df 0,#0089ad 100%);
    border-radius: 4px;
    color: #FFF;
    font-weight: 600;
    margin-bottom: 15px;
}
.data-noticias-enem {
    width: 100%;
    padding: 8px;
    background: linear-gradient(180deg,#0092df 0,#0089ad 100%);
    border-radius: 4px;
    color: #FFF;
    font-weight: 600;
    margin-bottom: 15px;
}
.notica-item-lista {
    width: 100%;
    display: flex;
    background-color: #FFF;
    border-radius: 4px;
    border: 1px solid #cecece;
    margin-bottom: 15px;
    padding: 6px;
    text-decoration: none;
    transition: 0.2s;
}
.notica-item-lista:hover {
    box-shadow: 0 2px 5px 2px #00000020;
}
.noticia-item__img {
    position: relative;
    min-width: 80px;
    margin-right: 15px;
    width: 80px;
    height: 80px;
    border: 1px solid #e5e5e5;
}
#paginacao ul {
    display: table;
    list-style: outside none none;
    margin: 0 auto;
    padding: 12px;
    border: 1px solid #cecece;
    width: 100%;
    display: flex;
    justify-content: center;
}

#paginacao ul li {
    border: medium none;
    color: #999;
    display: flex;
    justify-content: center;
    margin-right: 10px;
    list-style: none !important;
}

#paginacao ul {
    list-style: outside none none;
}

#paginacao {
    margin-bottom: 15px;
}

#paginacao .ativo {
    color: #ff6600;
    font-weight: 600;
}

#paginacao ul li a {
    color: #000000;
    text-decoration: none;
}
.topo-pagina {
    width: 100%;
}
.noticia-item__info {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 80px;
    color: #000;
}
.noticia__info--top {
    padding-top: 10px;
    font-weight: 500;
}
.noticia__info--bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
}
.noticia-data {
    font-size: 13px;
}
.noticia-link {
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    color: #ff6600;
}
.titulo-secao {
    margin: 0;
    color: #ff6600;
}
.data-conteudo {
    font-size: 14px;
    color: #505050;
    margin-top: 15px;
}
.autores-conteudo {
    margin-top: 15px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}
.resumo-conteudo {
    margin-top: 15px;
    font-size: 18px;
    color: #505050;
}
.imagem-destaque-conteudo {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 30px;
    height: 450px;
}
.imagem-destaque-conteudo figcaption {
    font-size: 14px;
    text-align: center;
}
.img-destaque {
    width: 100%;
    height: auto;
    max-width: 600px;
    position: relative;
    display: flex;
    justify-content: center;
}
.img-destaque img {
    object-fit: cover;
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 400px;
    border-radius: 15px;
    border: 1px solid #cecece;
}
.acoes-conteudo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 55px;
    align-items: center;
}
#audimaWidget{
    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: 16px;
    border: 1px solid #505050;
}
.centraliza{
    margin: auto;
}
.fonte,
.imprimir {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
}
.imprimir:hover span {
    color: #ff6600;
}
.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;
    margin: 0 5px;
}
.a-mais:hover,
.a-menos:hover {
    background-color: #ff6600;
    cursor: pointer;
}
article {
    width: 100%;
}
article .texto-conteudo{
    background-color: #fff;
    padding: 12px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 12px;
    border: 1px solid #cecece;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    text-align: justify;
}
article .texto-conteudo img {
    max-width: 100%;
    height: auto;
    margin: auto;
}
.texto-conteudo.entire{
    background-color: #fff;
    padding: 12px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 12px;
}
.texto-conteudo a {
    color: #ff6600;
}
.texto-conteudo blockquote {
    font-size: 16px;
    margin: 20px 0;
    padding-left: 40px;
    color: #656565;
    border-left: 3px solid #ff6600;
}
.texto-conteudo figcaption {
    font-size: 14px;
    text-align: center;
}
.relacionados-conteudo,
.canais-secao {
    width: 100%;
}
.relacionados-conteudo h3{
    color: #505050;
}
.lista-relacionados {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.relacionado-item {
    text-decoration: none;
    color: #303030;
    position: relative;
    width: 100%;
    display: flex;
    min-height: 140px;
    border-bottom: 3px solid #ff6600;
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #cecece;
    cursor: pointer;
    overflow: hidden;
    background-color: #FFF;
    max-width: 49%;
}
.img-relacionado {
    position: relative;
    width: 120px;
    height: 120px;
    min-width: 120px;
    border: 1px solid #cecece;
    border-radius: 6px;
    overflow: hidden;
}
.info-relacionado {
    margin-left: 15px;
    display: flex;
    flex-direction: column;
}
.info-relacionado_titulo {
    font-weight: 600;
    font-size: 18px;
    color: #ff6600;
}
.info-relacionado_descricao {
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    line-height: 24px;
}
.info-relacionado_secao {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ff6600;
    padding: 6px 12px;
    color: #FFF;
    font-size: 14px;
    border-radius: 12px 0 0 0;
}
/** Read more */
.materia-texto {
    transition: max-height 1s ease;
}

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

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

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

.materia-close-button button {
    font-weight: 700;
    border: 0;
    background: linear-gradient(180deg,#0092df 0,#0089ad 100%);
    color: #fff;
    padding: 9.5px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    transition: all 1s ease 2s;
    box-shadow: rgb(0 0 0 / 25%) 0 2px 4px 0;
    height: 38px;
    width: 100%;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.materia-close-button button:hover {
    background: linear-gradient(180deg,#0092df 0,#0089ad 100%);
}

.materia-texto figure {
    float: none!important;
    text-align: center;
    margin: 10px 0;
}
.materia-texto article img {
    max-width: 100%!important;
    height: auto!important;
}
.area-lista-downloads {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.alert-enquete {
    width: 100%;
    height: 40px;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    transition: 0.5s;
    display: flex;
    opacity: 0;
}
.alert-enquete.atencao {
    background-color: #fff5bb;
    border: 1px solid #c2ac32;
    color: #c2ac32;
    opacity: 1;
}
.alert-enquete.warning {
    background-color: #ffb5b5;
    border: 1px solid #801515;
    color: #801515;
    opacity: 1;
}
.alert-enquete.sucess {
    background-color: #d4fcca;
    border: 1px solid #2c7e21;
    color: #2c7e21;
    opacity: 1;
}

.area-alt__404 {
    margin-bottom: 30px;
}
.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: #ff6600;
    border: none;
    color: #FFF;
    width: 80px;
    font-weight: 600;
    border-radius: 6px;
}
.throwTo__alt {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.throwTo__home {
    background-color: #0079bb;
    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;
}
.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;
}
.omnia_blog_list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin-top: 15px;
}
.single-post{
    width: 100%;
    min-width: 270px;
    width: 100%;
    max-width: 45%;
    height: 270px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    color: #505050!important;
    position: relative;
    border-radius: 8px;
}
.post-img{
    width: 100%;
    height: 100%;
}
.post-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.post-info{
    position: absolute;
    z-index: 3;
    padding: 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 20px;
}
.post-info span{
    color: #FFF;
    text-align: left;
}
.pill-description {
    text-align: left;
}
.pill-description.autor{
    padding: 0;
    border-radius: 0 0 8px 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
}
.pill-description.autor span{
    color: #ff6600;
    font-weight: 900;
}
.pill-title{
    font-weight: 900;
    text-align: left;
}
.no-cards{
    background-color: #ffabab59;
    width: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.mini-emoji{
    position: absolute;
    margin-left: 20px;
}
.no-cards .text{
    padding: 15px;
    padding-left: 52px;
    color: #5C5C5C;
    line-height: 22px;
    margin: 0;
    text-align: left;
}

.info-content {
    width: 100%;
    max-width: 1020px;
    margin: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
}

.info-1,
.info-2 {
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}
.info-1_left {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.info-1_left h1 {
    margin: 0;
    font-size: unset;
    font-weight: 900;
}
.info-1_left p {
    font-size: 18px;
    line-height: 28px;
    padding-right: 30px;
}
.info-1_right {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
}
.info-1-img {
    position: relative;
    width: 400px;
    height: 400px;
    border-radius: 8px;
    overflow: hidden;
}
.lottie{
    width: 400px;
    height: 400px;
}
.correcao-cta {
    margin-top: 20px;
    color: #FFF;
    background-color: #ea427f;
    padding: 15px 20px;
    border-radius: 25px;
    width: fit-content;
    text-decoration: none;
}
.info-2-cards {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.info-2-card {
    position: relative;
    width: 100%;
    max-width: 50%;
    background-color: #75c6db;
    border: 2px solid #a8e2f1;
    color: #FFF;
    height: 220px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px;
    margin-top: 40px;
    font-size: 16px;
    line-height: 25px;
    gap: 10px;
    display: flex;
    justify-content: space-between;
    font-weight: 900;
}
.info-2-card svg {
    min-width: 12px;
    margin-top: 3px;
}
.info-2-card-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hr-white {
    width: 100%;
    background-color: #FFF;
    border-top: 2px solid #FFF;
    /* margin: 0; */
}
.info-3 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
}
.info-3 h3 {
    text-align: center;
}
.info-3-banner {
    width: 100%;
    padding: 15px;
    border: 2px solid #ea427f;
    background-color: #ffc8c8;
    border-radius: 6px;
    color: #ea427f;
    font-weight: 900;

}
.info-4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.info-4 p {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
}
.info-5 {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.info-5 h3 {
    font-size: 32px;
    color: #ea427f;
    text-align: center;
}
.info-lista-faqs {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.toggle-single-faq {
    width: 100%;
}
.single-faq-title {
    width: 100%;
    height: 50px;
    font-size: 18px;
    padding: 0 10px;
    background-color: #ea427f;
    cursor: pointer;
    color: #FFF;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.single-faq-content {
    transition: height 0.2s;
    overflow: hidden;
    padding:0 15px;
    background-color: #ffe3d0;
}
.single-faq-content p {
    font-size: 16px;
    line-height: 24px;
}
.single-faq-content p strong {
    color: #ea427f;
    margin-right: 10px;
}
.single-faq-content p a {
    color: #ea427f;
    text-decoration: none;
}
.bloco-video-texto h2 {
    font-size: 16px;
}
.bloco-video-texto p {
    color: #0079bb;
    font-size: 14px;
    font-weight: 500;
}
/** Read more */
@media screen and (max-width: 1145px) {
    .right-side {
        display: none;
    }
    .right-side.secao {
        display: none;
    }
    .left-side {
        max-width: 100%;
    }
    .tv-content .tv-destaque{
        width: auto;
    }
    .lista-relacionados{
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .relacionado-item{
        max-width: 100%;
    }
}
@media screen and (max-width: 991px){
    .topo-redacao-corrigida{
        padding: 0 12px;
    }
    .info-2,
    .info-1 {
        flex-direction: column;
        margin-bottom: 30px;
    }
    .info-2-card {
        max-width: 100%;
        margin: 0;
        height: fit-content !important;
    }
    .info-1_left,
    .info-1_right {
        width: 100%;
    }
    .hr-white {
        margin: 15px 0;
    }
}
@media screen and (max-width: 830px) {
    .tv-principal{
        margin-top: 20px;
    }
    .tv-principal .tv-content,
    .destaques-tipos{
        align-items: center;
    }
    .destaques-tipos{
        height: auto;
        flex-wrap: wrap;
    }
    .destaques-tipos .single-destaque{
        display: flex;
        width: 48%;
        height: 270px;
    }
    .single-destaque.big{
        order: -1;
        height: 300px;
    }
    .noticias-conteudo{
        flex-direction: column-reverse;
        height: auto;
    }
    .last-news{
        width: 100%;
    }
    .conteudo-agenda{
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    .single-event{
        width: 100%;
        height: auto;
    }
    .extra-destaque{
        width: 100%;
        justify-content: center;
    }
    .extra-bloco.img{
        height: 177px;
    }
    .area-agenda{
        margin-top: 20px;
        flex-direction: column;
        padding-left: 20px!important;
    }
    .agenda-page{
        width: 100%!important;
    }
    .agenda-page:nth-child(even) .agenda-row{
        padding-right: 12px;
    }
    .agenda-page:nth-child(even) .agenda-info{
        padding-left: 45px!important;
        padding-right: 0!important;
    }
    .agenda-page:nth-child(even) .agenda-lock.first,
    .agenda-page:nth-child(even) .agenda-lock.second{
        right: unset!important;
        left: -25px!important;
    }
    .simulado-intro {
        flex-direction: column-reverse;
    }
    .area-info-user {
        flex-direction: column;
        align-items: flex-start;
    }
    .informacoes-perfil {
        max-width: 100%;
    }
    .info-user-left {
        width: 100%;
        justify-content: flex-start;
    }
    .simulado-andamento-area {
        flex-direction: column-reverse;
    }
    .area-simulado-questoes {
        max-width: 100%;
    }
    .lista-questoes-simulado{
        justify-content: center;
    }
    .card-banner-utilitario {
        flex-direction: column-reverse;
    }
    .card-banner-utilitario {
        height: auto;
        gap: 20px;
    }
    .card-banner-utilitario_left {
        width: 100%;
    }
    .card-banner-utilitario h3 {
        width: 100%;
    }
    .link-card-banner {
        width: 100%;
    }
}
@media screen and (max-width: 780px) {
    .area-info-tema-topo {
        flex-wrap: wrap;
        gap: 20px;
    }
    .conteudo-tab{
        height: auto;
        flex-direction: column;
        align-items: center;
        margin-top: 15px;
    }
    .canal-item,
    .single-videos-sec{
        max-width: 100%!important;
    }
    .single-resultado{
        width: 70%;
        height: 200px;
        max-width: 100%;
    }
    .last-news{
        flex-direction: column;
        align-items: center;
    }
    .last-news .single-news{
        width: 100%;
    }
}
@media screen and (max-width: 750px){
    .omnia-custom-iframe{
        height: 440px!important;
    }
}
@media screen and (max-width: 700px){
    .simple-td.nota{
        width: 20%!important;
    }
    .simple-td.competencia{
        width: 35%!important;
    }
    .tv-content {
        flex-direction: column;
    }
    #carousel {
        max-width: 100%;
    }
    .tv-content .tv-destaque,
    #carousel,
    .single-destaque,
    .single-destaque a{
        max-width: 100%;
        width: 100%!important;
    }
}
@media screen and (min-width: 660px) {
    .publicidade-pequena.inner-conteudo{
        float: left;
        margin: 0 25px 25px 0;
    }
}
@media screen and (max-width: 660px){
    .destaques-tipos .single-destaque{
        height: 275px!important;
    }
    .simulado-area-item {
        max-width: 100%;
    }
    .area-criar-simulado-enem {
        max-width: 100%;
    }
    .modal-confirmation{
        align-items: unset!important;
        padding: 15px;
    }
    .about-share{
        overflow-y: scroll;
    }
    .download-table{
        min-height: 40px;
    }
    .form-group-flex {
        flex-direction: column;
    }
}
@media screen and (max-width: 600px) {
    .conteudo-simulados{
        flex-direction: column;
        align-items: center;
    }
    .simulado-vestibular,
    .simulado-enem{
        width: 100%;
    }
    #listas-aprovados{
        justify-content: center!important;
    }
    #listas-aprovados .publicidade-pequena{
        margin: 0 auto!important;
    }
    .canal-download-item {
        max-width: 100%;
        align-items: flex-start;
        height: auto;
    }
    .alternativas-questao{
        gap: 10px;
        flex-wrap: wrap;
    }
    .area-simulado-questoes{
        max-width: 100%!important;
    }
    .items-alternativas{
        order: -1;
        width: 100%;
        justify-content: center;
    }
    .card-banner-utilitario {
        flex-direction: row;
    }
    .card-banner-utilitario {
        height: 250px;
        max-width: 100%;
    }
    .card-banner-utilitario_left {
        width: 200px;
    }
    .card-banner-utilitario h3 {
        width: 200px;
    }
    .link-card-banner {
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    .detaques-topo h1, .detaques-topo h2{
        font-size: 20px;
    }
    .destaques-resultados .detaques-topo{
        flex-wrap: wrap;
    }
    .destaques-resultados .detaques-topo hr{
        display: none;
    }
    .acoes-conteudo{
        flex-direction: column;
        min-height: 90px;
    }
    #audimaWidget,
    .controles-texto{
        width: 100%;
    }
    .info-relacionado_secao{
        left: 0;
        right: unset;
        border-radius: 0 12px 0 6px;
    }
    .titulo-conteudo{
        font-size: 32px;
    }
    .single-post{
        max-width: 100%;
    }
    .single-resultado{
        width: 100%;
        height: 150px;
    }
    .card-banner-utilitario {
        flex-direction: column-reverse;
    }
    .card-banner-utilitario {
        height: auto;
        gap: 20px;
    }
    .card-banner-utilitario_left {
        width: 100%;
    }
    .card-banner-utilitario h3 {
        width: 100%;
    }
    .link-card-banner {
        width: 100%;
    }
    .sisu-calculator{
        padding: 10px!important;
    }
    .nota-corte-item{
        height: 160px!important;
    }
}
@media screen and (max-width: 450px){
    .extra-destaque .extra-bloco{
        width: 100%;
    }
    .bloco-video-texto h2{
        font-size: 16px;
    }
}
@media screen and (max-width: 425px){
    .lottie,
    .info-1-img{
        width: 300px;
        height: 300px;
    }
}
@media screen and (max-width: 420px){
    .agenda-row{
        flex-direction: column;
        gap: 5px;
    }
    .canal-img {
        min-width: 100px;
    }
    .canal-info {
        font-size: 14px;
    }
    .simple-td.competencia,
    .simple-td.nota,
    .simple-td.motivo{
        font-size: 15px;
    }
    .publicidade-pequena{
        width: 100%;
        margin-bottom: 15px;
    }
    .perfil-avatar-user {
        width: 80px;
        height: 80px;
    }
    .perfil-nome-user {
        font-size: 16px;
    }
    .btn-editar-perfil {
        width: 150px;
        gap: 10px;
    }
    .btn-editar-perfil svg {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 330px){
    .lottie,
    .info-1-img{
        width: 290px;
        height: 290px;
    }
}
.pub_insert_content,
.pub_insert_content_titulo {
    display: flex;
    justify-content: center;
    margin: 10px 0;
    font-size: 13px;
}

/** Tab Vídeos **/
.video-box{
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 600px;
    margin: 20px 0;
}
.video-box_bottom {
    display: flex;
    width: 100%;
    gap: 15px;
    justify-content: space-between;
    margin: 30px 0;
}
.video-box_resumo {
    width: 100%;
    background-color: #FFF;
    border-radius: 8px;
    border: 1px solid #cecece;
    padding: 0 15px;
    line-height: 24px;
}
.video-box .lazyYT-container,
.ytp-thumbnail{
    border-radius: 8px;
    outline: 2px solid #505050;
}
.relacionados-video{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 15px;
}
.tabs-container-video {
    margin-bottom: 20px;
}
#videos_tab .video_tab {
    padding: 10px;
    display: block;
    float: left;
    width: 10%;
    background-color: #fff;
    border: 1px solid #e9ebf2;
    font-weight: 700;
    color: #666;
}
#videos_tab button {
    cursor: pointer;
    font-size: 14px;
}
#videos_tab .tab-ativa {
    background-color: #666;
    color: #fff;
}
#videos_conteudo_tab {
    padding-bottom: 50%;
    padding-top: 30px;
}
#videos_conteudo_tab,
#videos_conteudo_tab_async {
    position: relative;
    width: 100%;
}
#videos_conteudo_tab_async .local-video {
    width: 100%;
}
.tabs-container-video .yt-bottom-video-infos {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
#audima-banner {
    display: none;
}

/*!
* 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: #000000;
}
.lazyYT-container iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
border: 0;
}
/*
* Video Title (YouTube style)
*/
.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=);
    -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
    -moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
    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;
    -moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
    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;
}
/*
* Thumbnail
*/
.ytp-thumbnail {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -moz-transition: opacity 0.5s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition: opacity 0.5s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 0.5s cubic-bezier(0, 0, 0.2, 1);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.lazyYT-image-loaded .ytp-spinner {
    display: none;
}
.ytp-thumbnail button.ytp-button {
    visibility: hidden;
}
.ytp-thumbnail.lazyYT-image-loaded button.ytp-button {
    visibility: visible;
}
/*
* Spinner pre-loader
*/
.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: black;
    opacity: 0.5;
}
@keyframes ytp-spinner-dot-fade {
    0% {
      opacity: 0.5;
      -moz-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    50% {
      opacity: 0.15;
      -moz-transform: scale(0.9, 0.9);
      -ms-transform: scale(0.9, 0.9);
      -webkit-transform: scale(0.9, 0.9);
      transform: scale(0.9, 0.9);
    }

    to {
      opacity: 0.15;
      -moz-transform: scale(0.85, 0.85);
      -ms-transform: scale(0.85, 0.85);
      -webkit-transform: scale(0.85, 0.85);
      transform: scale(0.85, 0.85);
    }
  }
@-moz-keyframes ytp-spinner-dot-fade {
    0% {
      opacity: 0.5;
      -moz-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    50% {
      opacity: 0.15;
      -moz-transform: scale(0.9, 0.9);
      -ms-transform: scale(0.9, 0.9);
      -webkit-transform: scale(0.9, 0.9);
      transform: scale(0.9, 0.9);
    }

    to {
      opacity: 0.15;
      -moz-transform: scale(0.85, 0.85);
      -ms-transform: scale(0.85, 0.85);
      -webkit-transform: scale(0.85, 0.85);
      transform: scale(0.85, 0.85);
    }
}
@-webkit-keyframes ytp-spinner-dot-fade {
    0% {
      opacity: 0.5;
      -moz-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    50% {
      opacity: 0.15;
      -moz-transform: scale(0.9, 0.9);
      -ms-transform: scale(0.9, 0.9);
      -webkit-transform: scale(0.9, 0.9);
      transform: scale(0.9, 0.9);
    }

    to {
      opacity: 0.15;
      -moz-transform: scale(0.85, 0.85);
      -ms-transform: scale(0.85, 0.85);
      -webkit-transform: scale(0.85, 0.85);
      transform: scale(0.85, 0.85);
    }
}
.ytp-spinner-dot {
    -moz-animation: ytp-spinner-dot-fade 0.8s ease infinite;
    -webkit-animation: ytp-spinner-dot-fade 0.8s ease infinite;
    animation: ytp-spinner-dot-fade 0.8s ease infinite;
    opacity: 0;
    fill: #ccc;
    -moz-transform-origin: 4px 4px;
    -ms-transform-origin: 4px 4px;
    -webkit-transform-origin: 4px 4px;
    transform-origin: 4px 4px;
}
.ytp-spinner-dot-1 {
    -moz-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.ytp-spinner-dot-2 {
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.ytp-spinner-dot-3 {
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.ytp-spinner-dot-4 {
    -moz-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.ytp-spinner-dot-5 {
    -moz-animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.ytp-spinner-dot-6 {
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.ytp-spinner-dot-7 {
    -moz-animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
/*
* Play button (YouTube style)
*/
.ytp-button:focus,
.ytp-button {
    border: none;
    outline: 0;
    color: inherit;
    text-align: inherit;
    font-size: 100%;
    font-family: inherit;
    cursor: default;
    line-height: inherit;
    padding: 0;
    background: transparent;
}
.ytp-large-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
    -moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
    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 {
    -moz-transition: fill 0.1s cubic-bezier(0.4, 0, 1, 1), opacity 0.1s cubic-bezier(0.4, 0, 1, 1);
    -webkit-transition: fill 0.1s cubic-bezier(0.4, 0, 1, 1), opacity 0.1s cubic-bezier(0.4, 0, 1, 1);
    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 {
    -moz-transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
    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 (YouTube style)
*/
.video-time {
    position: absolute;
    right: 2px;
    bottom: 2px;
    height: 14px;
    padding: 0 4px;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    color: #fff !important;
    background-color: #000;
    opacity: 0.75;
    filter: alpha(opacity=75);
    zoom: 1;
}

.lista-votacoes {
    margin-top: 30px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.lista-votacoes ul {
    padding: 0;
}
.lista-votacoes ul span {
    width: 100%;
}
.lista-votacoes ul li {
    min-height: 60px;
    padding: 10px 0;
    border-top: 1px solid #cecece;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.item-options button {
    background-color: #ff6600;
    color: #FFF;
    padding: 5px 12px;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
}
.item-selecionado {
    background-color: #FFF !important;
    color: #ff6600 !important;
    border: 2px solid #ff6600 !important;

}
.item-options a:hover {
    color: #FFF;
    background-color: #ff6600;
}
.btn-votar {
    background-color: #ff6600;
    color: #FFF;
    cursor: pointer;
    height: 35px;
    border: 0;
    border-radius: 4px;
}
.videos-container{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 20px;
}
.single-videos-sec{
    width: 100%;
    max-width: 48%;
    display: flex;
    background-color: #FFF;
    border-radius: 8px;
    transition: 0.5s ease;
    border-top: 2px solid #0092df;
    border-bottom: 2px solid #0092df;
}
.single-videos-sec:hover{
    box-shadow: 0 5px 5px 2px #00000020;
}
.bloco-video-thumb,
.bloco-video-thumb a{
    height: 100%;
    display: flex;
}
.section-img{
    border-radius: 8px 0 0 8px;
    object-fit: cover;
}
.link-section{
    display: flex;
    gap: 20px;
    width: 100%;
    text-decoration: none;
    color: #505050;
}

/** [begin], grid system **/
.omnia-container * {
    box-sizing: border-box;
}

.omnia-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.omnia-col-1,
.omnia-col-2,
.omnia-col-4,
.omnia-col-8,
.omnia-col-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.omnia-col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.omnia-col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.omnia-col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.omnia-col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.omnia-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
/** [end], grid system **/

/** [begin], test correction **/
.correcao-provas-gabarito .correcao-provas-bloco {
    border: 1px solid;
    border-radius: 3px;
    margin-bottom: 20px;
    cursor: pointer;
    border-color: #ccc;
}

.correcao-provas-gabarito .correcao-provas-bloco-numero {
    font-size: 18px;
    height: 26px;
    text-align: center;
}

.correcao-provas-gabarito .correcao-provas-bloco-resposta {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    height: 26px;
}

.correcao-provas-gabarito a {
    text-decoration: none;
    font-weight: initial;
}

.correcao-provas-gabarito .correcao-titulo {
    font-size: 18px;
    font-weight: 700;
    color: #ff7400;
    margin-top: 15px;
    margin-bottom: 15px;
}

.correcao-provas-gabarito .correcao-provas-bloco-numero {
    font-family: Arial;
    background-color: #ccc;
    color: #fff;
}

.correcao-provas-gabarito .correcao-provas-bloco-resposta {
    color: #999;
}

.correcao-provas-gabarito .correcao-provas-bloco.ativo {
    border-color: #87be22;
}

.correcao-provas-gabarito .ativo .correcao-provas-bloco-numero {
    background-color: #87be22;
    color: #fff;
}

.correcao-provas-gabarito .ativo .correcao-provas-bloco-resposta {
    color: #87be22;
}
.omnia-custom-iframe{
    height: 300px;
}
.obs_correcao_ia {
    margin: 20px 0;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    line-height: 22px;
    padding: 12px;
    border: 2px solid #00bb6f;
    border-radius: 4px;
}
input.solicitar-correcao-tradicional {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #FFF;
    background-color: #75c6db;
    height: 50px;
    border-radius: 4px;
    border: 0;
    font-size: 16px;
    cursor: pointer;
}
button.solicitar-correcao-tradicional {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
    color: #FFF;
    background-color: #75c6db;
    height: 50px;
    border-radius: 4px;
    border: 0;
    font-size: 16px;
    cursor: pointer;
}
.redacao-corrigida-info {
    background-color: #ffe3d0;;
    margin-top: 15px;
    width: 100%;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    border: 3px solid #ea427f;
    border-radius: 6px;
    padding: 10px;
}
.redacao-corrigida-info-coluna {
    flex: 1;
    min-width: 300px;
}
.redacao-corrigida-info-coluna p {
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 22px;
}
.tabela-correcao-ia-salva {
    margin: 20px 0;
}
.obs_correcao_ia strong {
    color: #00bb6f;
}
.area_correcao_ia {
    width: 100%;
    padding: 12px;
    border: 3px solid #ea427f;
    border-radius: 0 12px 12px 12px;
    background-color: #f0d5d0;
    margin-top: 1px;
    margin-bottom: 20px;
}
.close-correcao-ia {
    border-radius: 4px 4px 0 0;
    border: 0;
    padding: 10px;
    color: #FFF;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    background-color: #ea427f;
}
.topo_area_correcao_ia {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
.topo_avatar_img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}
.img-iara {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    scale: 1.4;
}
.info_correcao_ia {
    margin: 10px 0;
    font-size: 16px;
    line-height: 22px;
}
.info_correcao_ia span {
    color: #ff0000;
    font-weight: 500;
}
.btn_correcao_ia {
    margin: 15px 0;
    height: 40px;
    padding: 0 12px;
    background-color: #ea427f;
    color: #FFF;
    border-radius: 4px;
    border: 0;
    font-size: 16px;
    cursor: pointer;
}
.area_avaliacao_ia {
    width: 100%;
    position: relative;
}
.area_avaliacao_ia table {
    margin-top: 30px;
    background-color: #FFF;
}

.area_avaliacao_ia th,
.area_avaliacao_ia td {
    border: 1px solid #e5e5e5;
    padding: 8px;
    text-align: left;
}
.area_avaliacao_ia th {
    color: #FFF;
    background-color: #ea427f;
}
.carregamento_correcao_ia {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.carregamento_correcao_ia p {
    color: #ea427f;
    font-weight: 500;
}
.alerta_periodo_encerrado p {
    color: #9c1500;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
}
.btn_periodo_encerrado {
    background-color: #bdbdbd;
    color: #FFF;
    cursor: not-allowed;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
}
.status-correcao-redacao {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.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;
}
.about-share{
    background-color: #FFF;
    border-radius: 12px;
    padding: 12px;
    position: relative;
    max-width: 550px;
    display: flex;
    flex-direction: column;
    color: #000!important;
}
.about-share span{
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    margin-top: 30px;
    width: 100%;
    margin-bottom: 15px;
}
.about-share table{
    position: relative;
}
.about-share table img,
.bg-table{
    opacity: .3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    scale: 1.2;
}
.download-table{
    width: 100%;
    background-color: #ea427f;
    color: #FFF;
    border: 0;
    border-radius: 4px;
    height: 40px;
    cursor: pointer;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
}
.closeShare{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 45px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #f60;
}
.label-status-opcoes-correcao {
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.status-label {
    background-color: #e5e5e5;
    border: 1px solid #adadad;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px 0 0 5px;
    padding: 10px;
    width: 180px;
    display: flex;
    justify-content: center;
}
.item-status-situacao {
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-status-situacao.nao-solicitado {
    border: 1px solid #adadad;
    background-color: #adadad;
    border-radius: 0 5px 5px 0;
    color: #FFF;
}
.item-status-situacao.corrigindo {
    border: 1px solid #FF6600;
    background-color: #FF6600;
    border-radius: 0 5px 5px 0;
    color: #FFF;
}
.item-status-situacao.corrigida {
    border: 1px solid #009420;
    background-color: #009420;
    border-radius: 0 5px 5px 0;
    color: #FFF;
}
.item-status-situacao.desclassificada {
    border: 1px solid #FF0000;
    background-color: #FF0000;
    border-radius: 0 5px 5px 0;
    color: #FFF;
}
.item-status-situacao.ia-status {
    border: 1px solid #0092df;
    background-color: #0092df;
    border-radius: 0 5px 5px 0;
    color: #FFF;
}
.font-alt {
    font-family: serif;
    font-size: 18px;
    font-weight: 600;
}
.txtResult {
    padding: 15px;
    color: #ea427f;
    background: #ffffff;
    border-radius: 3px;
    line-height: 24px;
    font-size: 14px !important;
    font-weight: 600;
}


#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;
}

.yt-shorts{
    margin-top: 20px;
}

.yt-shorts div{
    margin: auto;
}

.yt-shorts iframe{
    border-radius: 10px;
}

.area-ultimas-noticias-enem {
    width: 100%;
}
.area-ultimas-noticias-enem  h4 {
    color: #f60;
    margin: 0;
}
.area-ultimas-noticias-enem h3 {
    color: #505050;
}
.lista-ultimas-noticias-enem {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.item-ultimas-noticias {
    width: 100%;
    border: 2px solid #f60;
    border-radius: 8px;
    text-decoration: none;
    padding: 10px;
    display: flex;
    gap: 15px;
}
.lista-ultimas-noticias-enem img {
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #cecece;
}
.lista-ultimas-noticias-enem-info p {
    color: #303030;
    line-height: 22px;
    margin-bottom: 0;
}
.link-todas-noticias-enem {
    padding: 10px;
    background-color: #f60;
    border-radius: 8px;
    margin-top: 15px;
    color: #FFF;
    text-decoration: none;
}
/* Estilos de exemplo, ajuste conforme necessário */
.curso-item {
    border: 2px solid #ddd;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
}
.curso-item.aprovado {
    border: 2px solid #008000;
}
.curso-item.reprovado {
    border: 2px solid #FF0000;
}

.curso-item.ativo {
    border: 2px solid #f60;
}
.sisu-calculator,
.priuni-calculator {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
}

.notas-container {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

.notas-label {
    display: block;
    margin-bottom: 5px;
}

.notas-input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 10px;
    /* outline: ; */
}
.notas-input:focus-visible{
    outline: 2px solid #029692;
}

.estado-title {
    font-size: 18px;
    margin-bottom: 10px;
    padding: 10px
}

.cursos-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.curso-content {
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.curso-nome {
    font-size: 16px;
    margin: 0!important;
}

.curso-info {
    font-size: 14px;
    color: #555;
    margin: 0!important;
}
.select-cursos {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.calcular-button:hover {
    background-color: #0056b3;
}

/* ... Estilos anteriores ... */
.curso-content.ativo {
    background-color: #007bff;
    color: #fff;
}
.curso-item:first-child{
    margin-top: 5px;
}

.select-cursos {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.calcular-button {
    background: linear-gradient(180deg,#029692 0,#217571 100%);
    color: #fff;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    opacity: 1;
    transition: background-color 0.3s ease;
  }

  .calcular-button:hover {
    background-color: #0056b3;
  }
  .calcular-button[disabled]{
    pointer-events: none;
    opacity: .7;
    background: linear-gradient(180deg, #0c5f5d 0, #0e3937 100%);
  }
  /* ... Estilos anteriores ... */

.cursos-selecionados {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    margin-top: 20px;
  }

  .cursos-selecionados h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .cursos-selecionados ul {
    list-style: none;
    padding: 0;
  }

  .cursos-selecionados li {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .nota-corte-item.verde {
    border: 2px solid #008000;
    padding: 10px;
    margin: 5px;
    border-radius: 4px;
  }

  .nota-corte-item.vermelha {
    border: 2px solid red;
    padding: 10px;
    margin: 5px;
    border-radius: 4px;
  }
.nota-corte-item{
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}
.nota-corte-item h4{
    margin: 0!important;
}
.resultado-facul{
    position: absolute;
    right: 0;
    bottom: 0;
    border-top-left-radius: 8px;
    padding: 5px;
}
.resultado-facul.verde{
    background-color: green;
    color: #FFF;
}
.resultado-facul.vermelha{
    background-color: red;
    color: #FFF;
}
.estado-container {
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 2px solid #029692;
    position: relative;
}

.estado-title {
    cursor: pointer;
    margin: 0;
}

.cursos-list {
    list-style: none;
    padding: 0;
    margin: 0;
    transition: opacity 0.5s ease-in-out; /* Adicione a transição de opacidade */
    height: 0;
    overflow: hidden;
}

.estado-container.aberto {
    height: auto; /* Ajusta a altura para auto quando aberto */
}

.cursos-list.visivel {
    opacity: 1; /* Torna os cursos visíveis */
    height: 100%;
}
.nota-corte,
.nota-usuario{
    font-weight: 900;
}
.nota-corte.verde,
.nota-usuario.verde{
    color: green;
}
.nota-corte.vermelha,
.nota-usuario.vermelha{
    color: red;
}
.float-arrow{
    position: absolute;
    right: 12px;
    top: 12px;
    transition: 0.5s ease;
}
.estado-container.aberto .float-arrow{
    rotate: 90deg;
}
.limpar-busca{
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border: 2px solid #FF6600;
    cursor: pointer;
    align-self: end;
    border-radius: 8px;
    margin-bottom: 10px;
}

.iara-redacao {
    width: 100%;
    max-width: 400px;
    padding: 12px;
    background-color: #FFF;
    border: 2px solid #ea427f;
    border-radius: 6px;
    cursor: pointer;
    margin: auto;
}
a.iara-redacao_topo {
    display: flex;
    gap: 15px;
    text-decoration: none;
    align-items: center;
}
.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(0deg, #ff7fad 0, #ea427f 100%);
    color: #FFF;
    padding: 6px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    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%;
}
#container-redacao{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}
.banner-sidebar-be {
    width: 100%;
    display: flex;
    /* flex-direction: column; */
    gap: 10px;
    justify-content: space-around;
    align-items: center;
    border-radius: 8px;
    color: #FFF;
    text-decoration: none;
    padding: 15px;
    overflow: hidden;
    margin-bottom: 20px;
    background: url("http://www.kimcucspa.com/proxy.php?url=https%3A%2F%2Fvestibular.brasilescola.uol.com.br%2Fassets%2Fcss%2F..%2Fimages%2Fbg-cta-home.png");
    background-color: #00BB6F;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.link-cta-banner-sidebar {
    background-color: #FFC400;
    color: #FFF;
    padding: 12px 28px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
}