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

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

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

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

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

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

* {
    box-sizing: border-box;
    font-family: system-ui;
    font-size: 100%;
    margin: 0;
    border: 0;
    outline: 0;
    padding: 0;
}

body {
    background: #f8f8f8;
}

header {
    position: relative;
    width: 100%;
    background-color: #FFF;
}
#barrauol {
    position: absolute !important;
    top: 0;
}
.area-site {
    min-height: 1500px;
    padding-top: 44px;
}
.center {
    width: 100%;
    max-width: 1280px;
    margin: auto;
}
.topo-header {
    height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu-sandwitch {
    display: none;
    width: 33%;
    padding: 12px;
}
.topo-header__social {
    width: 33%;
    padding: 12px;
}
.topo-header__logo {
    width: 33%;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.topo-header__tools {
    width: 34%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 12px;
}
.social-medias-topo {
    display: flex;
    gap: 15px;
}
.social-media-bg {
    height: 50px;
    width: 50px;
    background: linear-gradient(0deg,#0e63d2 0,#004db0 100%);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-modal {
    width: 640px;
    height: 450px;
    background-color: #FFF;
    border-radius: 8px;
    display: flex;
    opacity: 1;
    box-shadow: 2px 2px 5px 0px #00000025;
    overflow: hidden;
}
.login-banner {
    width: 50%;
    height: 100%;
    background-color: #004db0;
    border-radius: 6px 0 0 6px;
    background-image: url('/assets/images/icons-svg/icons-bg-banner-login.svg');
}
.login-banner-content {
    padding: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.login-banner-logo {
    margin-top: 30px;
}
.login-banner-cta-text {
    text-align: center;
    color: #FFF;
    width: 90%;
    font-size: 14px;
    font-weight: 600;
    margin: 30px 0 50px 0;
}
.login-banner-cta-recursos {
    width: 100%;
    height: 160px;
    background-color: #0e63d2;
    border-radius: 0 6px 6px 6px;
    border: 2px solid #ffbf00;
    padding: 15px;
    position: relative;
}
.login-banner-cta-recursos::before {
    content: "Recursos";
    font-weight: 500;
    position: relative;
    top: -45px;
    left: -17px;
    height: 30px;
    background-color: #ffbf00;
    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: 10px;
}
.login-banner-content span {
    margin-top: 15px;
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
}
.login-form {
    width: 50%;
    padding: 20px;
}
.login-form-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.login-form-top h5 {
    margin: 0;
    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: #ffbf00;
    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;
}
.login-social {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 10px 0;
}
.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 #FFC400;
}
.btn-login-social img {
    position: absolute;
    left: 15px;
}
.login-but {
    min-width: 50px;
    height: 50px;
    margin-left: 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg,#0e63d2 0,#004db0 100%);
    cursor: pointer;
}
.topo-tools{
    position: relative;
    height: 50px;
    width: 65px;
}
.search-mobile__btn {
    min-width: 50px;
    height: 50px;
    margin-left: 15px;
    border-radius: 8px;
    display: none;
    align-items: center;
    justify-content: center;
    /* background: linear-gradient(90deg, #cecece 0%, #c5c5c5 100%); */
    cursor: pointer;
}
.top-search {
    width: 100%;
    max-width: 300px;
}
.top-search form {
    width: 100%;
    position: relative;
}
.go-search {
    position: absolute;
    right: 5px;
    top: 15px;
}
.go-search-mobile {
    position: absolute;
    right: 5px;
    top: 10px;
}
.top-search-input {
    width: 100%;
    height: 50px;
    border-radius: 6px;
    border: 1px solid #cecece;
    padding-left: 10px;
}
.top-search-input:focus {
    outline: 0;
}
.btn-sandwitch {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.side-menu {
    position: absolute;
    top: 0;
    padding: 12px;
    z-index: 5;
    left: -100%;
    color: #FFF;
    background: linear-gradient(0deg,#0e63d2 0,#004db0 100%);
    width: 100%;
    height: 100vh;
    transition: 0.5s;
    overflow: scroll;
}
.side-menu-opened {
    left: 0%;
    transition: 0.5s;
    z-index: 600;
    position: fixed;
}
.close-menu img{
    width: 18px;
    height: 18px;
}
.side-menu .dashed-line{
    margin: 20px 0 10px 0;
    border-top: 2px dotted #ffdb3a;
}
.side-menu .social-medias{
    margin-top: 20px;
    display: flex;
    gap: 15px;
    justify-content: center;
}
.side-menu .social-medias .social-media-bg{
    background: linear-gradient(0deg,#ffdb3a 0,#ffbf00 100%);
}
.search-mobile {
    position: absolute;
    top: 70px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
    height: 0px;
    overflow: hidden;
    background-color: #0e63d2;
    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;
    border: 1px solid #cecece;
    padding-left: 15px;
}

.menu-expand{
    margin: 10px 0;
}
.menu-itens {
    padding: 0;
    list-style: none;
}
.item-mobile {
    margin-bottom: 15px;
}
.item-mobile a,
.menu-title {
    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 0 0 15px;
    list-style: none;
    font-size: 18px !important;
}
.inner-item--submenu-link {
    font-size: 16px !important;
}
.inner--item {
    margin: 10px 0;
}
.area-modal-login {
    display: flex;
    position: fixed;
    justify-content: center;
    align-items: center;
    z-index: 700;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.44);
}
.modal-login {
    width: 450px;
    height: 600px;
    padding: 12px;
    background-color: rgb(241, 241, 241);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    opacity: 1;
}
.modal-login__top {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.close-modal-login {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #cecece;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-login__content {
    max-width: 100%;
    height: 100%;
    margin: 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.login-content_img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    border: 1px solid #cecece;
    margin-bottom: 20px;
}
.formulario-login {
    width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.formulario-login form {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.formulario-login form a {
    margin: 20px 0;
    color: #004db0;
    font-size: 14px;
    font-weight: 600;
}
.formulario-login span a {
    color: #e7ad00;
    font-weight: 600;
    text-decoration: none;
}
.formulario-login .input_text {
    width: 100%;
    height: 46px;
    border-radius: 23px;
    border: 1px solid #cecece;
    font-size: 14px;
    padding-left: 20px;
    margin-bottom: 15px;
}
.modal-login__content h4 {
    font-size: 14px;
    max-width: 250px;
    text-align: center;
    color: #505050;
    margin-bottom: 20px;
}
.modal-btn-logar {
    width: 100%;
    height: 42px;
    background: linear-gradient(0deg,#0e63d2 0,#004db0 100%);;
    color: #FFF;
    border-radius: 21px;
    margin-top: 10px;
    cursor: pointer;
}
.modal-login-sociais {
    width: 100%;
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
}
.area-menu {
    position: relative;
    width: 100%;
    height: 50px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f7f7f7;
    margin-top: 10px;
}
.img-box{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-menu-topo {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.menu-item-link {
    color: #FFF;
    text-decoration: none;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px;
    border-radius: 8px 8px 0 0;
}
.menu-item-link.img-box{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}
.menu-item-link span{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: 8px 8px 0 0;
    color: #ffbf00;
}
.area-menu nav {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    max-width: 1280px;
}
.area-menu--items {
    padding: 0;
    margin: 0;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    color: #FFF;
    font-weight: 700;
    overflow: auto;
    cursor: pointer;
}
.menu-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 106px;
    justify-content: flex-end;
}
.menu-drop {
    cursor: default;
    display: none;
    position: absolute;
    z-index: 5;
    top: 100%;
    left: 0;
    width: 100%;
    min-height: 300px;
    height: fit-content;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 5px 2px #00000020;
    background: linear-gradient(0deg,#0e63d2 0,#004db0 100%);
}
.menu-item:hover span{
    background-color: #004db0;
    color: #FFF;
}
.menu-item:hover .menu-drop{
    display: block;
}
.menu-drop--items {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 10px !important;
}
.menu-drop--item {
    margin: 10px 0;
    width: 25%;
    list-style: none;
}
.submenu-link {
    display: flex;
    width: 100%;
    padding: 5px 10px;
    text-align: left !important;
    text-decoration: none;
    color: #ffc400;
    border-radius: 4px;
    border-radius: 6px;
}
.submenu-link:hover{
    background-color: #FFF;
    color: #004db0;
}
.btn-login_mobile,
.btn-sign_mobile,
.side-menu_perfil  {
    padding: 10px 10px;
}
.publicidade-cima {
    width: 100%;
    margin: 0 auto 22px 0;
    text-align: center;
    transition: all .5s ease;
}
.publicidade-cima div {
    margin: 0 auto;
    text-align: center;
}
.box-publicidade-topo {
    min-height: 90px;
    max-height: 250px;
    min-width: 728px;
    max-width: 970px;
    position: relative;
}
.content {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.content-left {
    width: 100%;
    max-width: 920px;
    margin-bottom: 30px;
}
.destaques-title {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.topo-sub-section {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.destaques-title h2,
.topo-sub-section h2 {
    font-size: 28px;
    white-space: nowrap;
    color: #3c3c3c;
}
.destaques-abas {
    display: flex;
    justify-content: space-between;
}
.destaques-abas h3 {
    padding: 6px 12px;
    background-color: #FFF;
    box-shadow: 0 2px 5px 2px #00000020;
    color: #0e63d2;
    margin-left: 5px;
    white-space: nowrap;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
}
.aba-ativa {
    background-color: #ffbf00 !important;
    color: #FFF !important;
}
.aba-destaques-1 {
    width: 100%;
    display: flex;
}
.aba-destaques-2 {
    width: 100%;
    display: none;
}
.aba-destaques-3 {
    width: 100%;
    display: none;
}
.aba-materia-1 {
    width: 100%;
    display: flex;
}
.aba-materia-2 {
    width: 100%;
    display: none;
}
.aba-materia-3 {
    width: 100%;
    display: none;
}
.aba-destaque-grande {
    width: 35%;
    min-width: 300px;
    padding: 0 12px;
}
.aba-destaque-pequenos {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.destaque-grande_img {
    position: relative;
    width: 100%;
    height: 200px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 5px 2px #00000020;
    border: 1px solid #cecece;
}
.grande_img-titulo {
    position: absolute;
    z-index: 3;
    top: 15px;
    left: 0;
    width: fit-content;
    background: linear-gradient(90deg,#0e63d2 0,#004db0 100%);
    min-height: 30px;
    height: fit-content;
    padding: 3px 12px;
    font-size: 14px;
    border-radius: 0 15px 15px 0;
    color: #FFF;
    display: flex;
    align-items: center;
}
.destaque-grande_info {
    background-color: #FFF;
    min-height: 110px;
    font-size: 16px;
    color: #3c3c3c;
    margin-top: 5px;
    padding: 15px 6px;
    box-shadow: 0 2px 5px 2px #00000020;
    max-height: 100px;
    border-radius: 6px;
    border-top: 2px solid #0e63d2;
}
.destaque-grande_bottom {
    margin-top: 5px;
    background-color: #FFF;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px;
    border-radius: 6px;
    border-bottom: 2px solid #0e63d2;
    box-shadow: 0 2px 5px 2px #00000020;
}
.destaque-grande_bottom span {
    font-size: 12px;
    color: #3c3c3c;
    font-weight: 700;
}
.destaque-grande_bottom a {
    color: #004db0;
    font-weight: 700;
    margin-left: 5px;
    text-decoration: none;
    font-size: 12px;
}
.aba-destaques-pequenos {
    width: 100%;
    max-width: 620px;
    padding: 0 12px;
    display: flex;
    flex-direction: column;
}
.row-destaques {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    gap: 10px;
    justify-content: space-between;
}
.aba-destaque-pequeno {
    position: relative;
    width: 48%;
    max-width: 285px;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 174px;
    border-radius: 6px;
    border-bottom: 2px solid #0e63d2;
    border-top: 2px solid #0e63d2;
    box-shadow: 0 2px 5px 2px #00000020;
}
.destaque-pequeno-top {
    width: 100%;
    display: flex;
    align-items: center;
}
.img-destaque-pequeno {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 6px 0 6px 0;
    overflow: hidden;
}
.destaque-pequeno-title {
    background: linear-gradient(90deg,#0e63d2 0,#004db0 100%);
    border-radius: 0 15px 15px 0;
    min-width: 150px;
    color: #FFF;
    padding: 6px 12px;
    min-height: 30px;
    height: fit-content;
    font-size: 14px;
}
.destaque-pequeno-descricao {
    padding: 6px;
    font-size: 14px;
    color: #3c3c3c;
    margin-bottom: 5px;
    height: 55px;
    overflow: hidden;
}
.destaque-pequeno-share {
    padding: 0 6px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}
.destaque-pequeno-share a {
    color: #004db0;
    font-weight: 700;
    margin-left: 5px;
    text-decoration: none;
    font-size: 12px;
}
.destaque-pequeno-share span {
    font-size: 12px;
    color: #3c3c3c;
    font-weight: 700;
}
.destaque-pequeno_bottom a {
    color: #004db0;
    font-weight: 700;
    margin-left: 5px;
    text-decoration: none;
    font-size: 14px;
}
.alt-resolution {
    display: none;
}
.destaques-title hr,
.topo-sub-section hr {
    width: 100%;
    border-bottom: 2px dotted #ffbf00;
    margin-left: 15px;
}
.destaques-tv,
.destaques-medios {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 12px;
}
.destaques-tv {
    flex-wrap: wrap;   
}
.destaque-tv {
    text-decoration: none;
    position: relative;
    height: 300px;
    width: 49%;
    max-width: 438px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #cecece;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 15px;
}
.destaque-tv_info {
    position: relative;
    z-index: 3;
    margin-top: 20px;
    padding: 10px 15px;
    height: 40px;
    background: linear-gradient(90deg,#0e63d2 0,#004db0 100%);
    border-radius: 0 20px 20px 0;
    color: #FFF;
    font-weight: 600;
    width: fit-content;
}
.destaque-tv_titulo {
    position: relative;
    z-index: 4;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 100%;
    font-weight: 600;
    color: #FFF;
}
.title-publi {
    font-size: 11px;
}
.destaque-medio {
    width: 100%;
    height: 200px;
    background-color: #FFF;
    margin-right: 10px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 2px 5px 2px #00000020;
    border-radius: 6px;
}
.destaque-medio-thumb {
    position: relative;
    width: 40%;
    min-width: 150px;
    border-radius: 6px;
    overflow: hidden;
}
.destaque-medio-info {
    padding-top: 10px;
    margin-left: 10px;
    width: 100%;
    max-width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.destaque-medio_title {
    color: #004db0;
    font-weight: 800;
}
.destaque-medio_descricao {
    color: #3c3c3c;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
} 
.destaque-medio_bottom {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
.destaques-artigos {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.top-5-artigos {
    width: 100%;
    max-width: 300px;
    padding: 0 12px;
}
.top-5-lista {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.top-5-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 6px;
    margin-bottom: 5px;
    border-top: 2px solid #004db0;
    background-color: #FFF;
    border-radius: 6px;
    transition: 0.3s;
    box-shadow: 0 2px 5px 2px #00000020;
}
.top-5-lista a {
    text-decoration: none;
    color: #3c3c3c;
}
.top-5-item:hover .rank-item-info {
    color: #004db0;
    font-weight: 600;
}
.rank-item {
    min-width: 50px;
    height: 70px;
    border-radius: 6px;
    color: #FFF;
    font-size: 26px;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg,#0e63d2 0,#004db0 100%);
}
.rank-item-info {
    font-size: 14px;
    margin-left: 10px;
}
.ultimos-artigos {
    width: 100%;
    max-width: 620px;
    height: 500px;
    padding: 0 12px;
}
.ultimos-artigos-lista {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: 480px;
    flex-wrap: wrap;
}
.ultimo-item-grande {
    width: 50%;
    max-width: 280px;
}
.ultimo-grande-imagem {
    position: relative;
    border-top: 2px solid #004db0;
    width: 100%;
    height: 180px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 5px 2px #00000020;
}
.ultimo-grande-info {
    width: 100%;
    padding: 6px;
    background-color: #FFF;
    border-radius: 0 0 6px 6px;
    border-bottom: 2px solid #004db0;
    box-shadow: 0 2px 5px 2px #00000020;
}
.ultimo-grande-title {
    color: #004db0;
    font-weight: 700;
    font-size: 14px;
    margin-top: 10px;
}
.ultimo-grande-descricao {
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0;
    color: #3c3c3c;
}
.ultimo-grande-tema {
    font-size: 12px;
    font-weight: 700;
    margin-top: 15px;
    color: #3c3c3c;
}
.ultimo-grande-share {
    width: 100%;
    margin: 15px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    align-items: center;
}
.ultimo-grande-share span {
    font-size: 12px;
    color: #3c3c3c;
    font-weight: 700;
}
.ultimo-grande-share a {
    text-decoration: none;
    color: #004db0;
    font-weight: 700;
    font-size: 12px;
}
.ultimo-pequeno-lista {
    width: 300px;
    display: flex;
    flex-direction: column;
}
.ultimo-item {
    text-decoration: none;
    margin-left: 5px;
    width: 50%;
    max-width: 280px;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 6px;
    background-color: #FFF;
    border-bottom: 2px solid #0e63d2;
    box-shadow: 0 2px 5px 2px #00000020;
}
.ultimo-item-titulo {
    color: #004db0;
    font-weight: 700;
}
.ultimo-item-descricao {
    font-size: 14px;
    color: #3c3c3c;
    margin-top: 10px;
}
.ultimo-item-tema {
    font-size: 12px;
    color: #3c3c3c;
    font-weight: 700;
    margin-top: 10px
}
.ultimo-item-share {
    margin-top: 5px;
    width: 100%;
    display: flex;
    gap: 12px;
    align-items: center;
}
.ultimo-item-share span {
    font-size: 12px;
    color: #3c3c3c;
    font-weight: 700;
}
.ultimo-item-share a {
    color: #004db0;
    font-weight: 700;
    text-decoration: none;
    font-size: 12px
}
.note-sos span {
    width: 15px;
    height: 15px;
    background-image: url(../images/img/note.png);
    background-repeat: no-repeat;
}
.note-sos,
.share-fb,
.share-tt {
    font-size: 12px;
    font-weight: 700;
    color: #004db0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.destaque-categoria-1 {
    width: 100%;
    padding: 0 12px;
    display: flex;
    justify-content: space-between;
}
.destaque-categoria-item {
    text-decoration: none;
    width: 100%;
    margin: 0 5px;
    max-width: 290px;
    display: flex;
    border-radius: 6px;
    background-color: #FFF;
    box-shadow: 0 2px 5px 2px #00000020;
    border-bottom: 2px solid #0e63d2;
}
.destaque-categoria-item:hover .destaque-categoria-descricao{ 
    text-decoration: underline;
}
.destaque-categoria-imagem {
    border-top: 2px solid #0e63d2;
    position: relative;
    min-width: 100px;
    min-height: 100px;
    border-radius: 6px;
}
.destaque-categoria-imagem img{
    border-radius: 6px 6px 0 6px;;
}
.destaque-categoria-info {
    margin-left: 10px;
    padding: 5px 0 10px 0;
}
.destaque-categoria-titulo {
    font-size: 14px;
    font-weight: 700;
    color: #004db0;
}
.destaque-categoria-descricao {
    margin-top: 10px;
    font-size: 14px;
    color: #3c3c3c;
    padding-right: 5px;
}
.destaque-categoria-data {
    margin-top: 10px;
    font-size: 12px;
    color: #3c3c3c;
    font-weight: 700;
}

aside {
    width: 100%;
    max-width: 340px;
    padding: 0 12px;
}
.top-right-content{
    display: flex;
    flex-direction: column;
}
.sidebar-bl-grande h2 {
    width: 100%;
    background-color: #ffbf00;
    color: #fff;
    border-radius: 6px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 12px 21px;
    text-transform: uppercase;
}
.sidebar-bl-grande {
    margin-bottom: 15px;
}
.bl-grande-conteudo {
    width: 100%;
}
.bl-grande-texto {
    margin: 15px 0;
    width: 100%;
    background-color: #FFF;
    border-radius: 6px;
    padding: 10px;
    border-bottom: 1px solid #cecece;
}
.bl-grande-texto h3 {
    color: #004db0;
    margin-bottom: 10px;
}
.bl-grande-texto a {
    font-size: 14px;
    color: #3c3c3c;
    text-decoration: none;
}

.bl-grande-conteudo .bl-grande-texto a:hover,
.bl-grande-conteudo .bl-grande-img-texto a:hover {
    text-decoration: underline;
}

.bl-grande-conteudo .bl-grande-img-texto {
    float: left;
    margin-bottom: 30px;
}

.bl-grande-conteudo .bl-grande-img-texto .bl-grande-img-texto-img {
    width: 135px;
    height: 95px;
    overflow: hidden;
    margin-bottom: 19px;
    margin-top: 24px;
}

.bl-grande-conteudo .bl-grande-img-texto .bl-grande-img-texto-img img {
    width: 100%;
    height: 100%;
}

.bl-grande-conteudo .bl-grande-img-texto:nth-child(3) {
    margin-right: 23px;
}

.bl-grande-conteudo .bl-grande-img-texto h3,
.bl-grande-conteudo .bl-grande-img-texto a {
    display: block;
    font-weight: 500;
    width: 118px;
    overflow: hidden;
}

.bl-grande-conteudo .bl-grande-img-texto h3 {
    color: #0e63d2;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

.bl-grande-conteudo .bl-grande-img-texto a {
    color: #000000;
    text-decoration: none;
    height: 48px;
    font-size: 14px;
}
.combo-social {
    margin: 20px 0;
    width: 100%;
    max-width: 320px;
    height: 185px;
    display: flex;
    flex-wrap: wrap;
}
.social-fb, .social-ig, .social-tk, .social-tt, .social-yt {
    display: flex;
    justify-content: center;
    align-items: center;
}
.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-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-tk {
    background: #000;
    border-radius: 0 0 10px 0;
}
.social-fb, .social-tk, .social-tt {
    width: 33.333%;
}

.materia-texto.close{
    max-height: 350px;
    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(90deg,#ffbe3a 0,#ffd041 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(90deg,#ffbe3a 0,#ffd041 100%);
}
.topo-page {
    padding: 0 12px;
}
.topo-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 12px;
    margin-bottom: 24px;
}
.h1-pagina-busca span {
    color: #3c3c3c;
    font-weight: 400;
}
.conteudo-materia {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 600px;
}
h1.titulo-conteudo {
    font-size: 32px;
    margin-bottom: 24px;
}
span.definicao-conteudo {
    font-size: 18px;
    color: #3c3c3c;
}
.interact{
    display: flex;
    height: 65px;
}
#audimaWidget{
    margin-top: 9px;
    width: 50%;
}
.controles-texto {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.controles-texto {
    width: 50%;
    height: 36px;
    background-color: #FFF;
    padding: 10px 6px;
    border-radius: 5px;
    box-shadow: 0 0px 5px 1px #00000020;
    margin-top: 1rem;
}
.centraliza{
    margin: auto;
}
.fonte,
.imprimir {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
}
.imprimir:hover span {
    color: #009357;
}
.fonte span,
.imprimir span {
    font-size: 12px;
    color: #808080;
    margin-right: 10px;
}
.a-mais,
.a-menos {
    background-color: #808080;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 12px;
    border-radius: 3px;
}
.a-mais:hover,
.a-menos:hover {
    background-color: #009357;
    cursor: pointer;
}
.texto-completo{
    background-color: #FFF;
    padding: 12px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 12px;
}
.texto-conteudo h2, h3 {
    margin-bottom: 1.1rem;
    text-align: left !important;
}
.texto-conteudo h2 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 800;
    position: relative;
    color: #000;
    padding: 0;
}
.texto-conteudo h3 {
    font-size: 1.5rem;
}
.texto-conteudo h4 {
    font-size: 1.2rem
}
.texto-conteudo h5 {
    font-size: 1.1rem
}
.texto-completo ul,
.texto-completo ul li {
    list-style: initial;
}
.texto-completo ul,
.texto-completo ol {
    margin: 0 0 25px 40px;
}
.texto-conteudo p {
    margin-bottom: 20px !important;
    line-height: 25px;
}
.texto-conteudo blockquote {
    border-left: 3px solid #0048d5;
    font-size: 12px;
    padding: 0 24px;
}
.texto-conteudo img {
    height: auto;
    max-width: 100%;
}
.publi-dir {
    height: 300px;
    width: 100%;
    background-color: #F1F1F1;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    left: 0;
}
.publi-dir.inner{
    width: 320px;
    margin: 0 25px 25px 0;
    float: left;
    padding: 0;
}
.publi-dir.inner p{
    padding: 12px;
}
.side-publis{
    display: flex;
    flex-direction: column;
}
.area-publi-dir {
    width: 300px;
    height: 250px;
    margin: auto;
}
.texto-conteudo  h5{
    color:#505050 !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}
.texto-conteudo  h2,strong{
    font-weight: 600 !important;
}
.texto-conteudo h2, strong {
    font-weight: 700!important;
}
 .area-publi-interna {
    width: 100%;
    height: 300px;
    background-color: #F1F1F1;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

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

.topo-sub-section {
    display: flex;
    align-items: center;
}
.topo-sub-section h2 {
    font-size: 26px;
}
.sub-section-canais {
    margin-top: 60px;
    margin-bottom: 40px;
    min-height: 450px;
    padding: 0 12px;
}
.area-canais {
    width: 100%;
    margin: 20px 0;
    background-color: #FFF;
    border-radius: 6px;
    box-shadow: 0 2px 5px 2px #00000020;
}
.canal-layer {
    display: flex;
    border-bottom: 2px solid #004db0;
    border-radius: 6px;
}
.img-canal {
    width: 140px;
    height: 140px;
    border-radius: 6px;
    margin-right: 20px;
}
.img-artigo-item {
    min-width: 140px;
    min-height: 140px;
    border-radius: 6px 6px 0 6px;
    margin-right: 20px;
}
.img-canal img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    margin-right: 20px;
    object-fit: cover;
}
.img-artigo-item img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    margin-right: 20px;
    object-fit: cover;
}
.info-artigo-item {
    width: 100%;
    padding: 5px;
    overflow: hidden;
}
.info-artigo-item span {
    font-size: 12px;
    font-weight: 700;
    color: #0048d5;
}
.info-artigo-item h3 {
    color: #3c3c3c;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
}
.info-artigo-item p {
    color: #3c3c3c;
    font-size: 12px;
    margin-top: 10px;
}
.info-canal {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}
.info-canal-categoria {
    background: linear-gradient(0deg,#0e63d2 0,#004db0 100%);
    width: fit-content;
    height: 28px;
    border-radius: 14px;
    font-size: 12px;
    font-weight: 600;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}
.info-canal-titulo {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    margin: 0;
}
.info-canal-descricao {
    color: #505050;
    font-size: 14px;
    margin: 0;
}
.info-canal-materia {
    font-size: 12px;
    color: #f1c812;
    margin: 0;
}
.texto-conteudo td {
    border: 2px solid #707070;
}
.texto-conteudo tr {
    border: 2px solid #707070;
}
.area-artigos {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.artigo-item {
    width: 100%;
    max-width: 49%;
    height: 115px;
    display: flex;
    border-radius: 6px;
    background-color: #FFF;
    border-bottom: 2px solid #004db0;
    box-shadow: 0 2px 5px 2px #00000020;
    margin-bottom: 15px;
}
.artigo-item:hover  {
    outline: 2px solid #cecece;
}
.area-img-destaque-conteudo {
    display: grid;
    place-items: center;
    height: 450px;
}
.img-destaque-interna {
    object-fit: contain;
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 520px;
    border: 1px;
    border-radius: 15px;
    box-shadow: 0 2px 5px 2px #00000020;
}
figcaption {
    font-size: 15px;
    font-weight: 400;
    width: fit-content;
    margin: auto;
    color: #606060;
    margin-top: 10px;
    margin-bottom: 10px;
}
.credito_img {
    font-size: 15px;
    font-weight: 400;
    width: fit-content;
    margin: auto;
    color: #606060;
    margin-bottom: 10px;
}

figure {
    margin-top: 30px;
}

.noticias-lista {
    margin-top: 30px;
    display: flex;
    padding: 0 12px;
    flex-direction: column;
}
.layer-noticia {
    display: flex;
    background-color: #FFF;
    color: #303030;
    box-shadow: 0 0px 5px 1px #00000020;
    padding: 8px 5px;
    border-radius: 6px;
    margin-bottom: 10px;
    text-decoration: none;
}
.layer-noticia:hover {
    color: #707070;
}
.data_noticia_dia {
    padding: 5px 10px;
    background-color: #0048d5;
    color: #FFF;
    border-radius: 6px;
    width: 100%;
    margin-bottom:15PX
}
.data_noticia_item_hora {
    font-size: 14px;
    color: #505050;
    height: min-content;
    margin-left: auto;
    margin-top: auto;
}
.data_noticia_item_imagem {
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
    border-radius: 8px;
    border: 1px solid #dadada;
    margin-right: 12px;
    overflow: hidden;
}
.data_noticia_item_imagem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.noticia-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.site-noticia {
    font-size: 14px;
    color: #ffbe3a;
    font-weight: 700;
}
.data {
    font-size: 14px;
    color: #505050;
}

.paginacao {
    height: 40px;
    margin: 15px 0px;
    background: linear-gradient(90deg,#ffbe3a 0,#ffd041 100%);
    display: flex;
    justify-content: center;
    border-radius: 12px;
}

.paginacao ul {
    width: 100%;
    padding-left: 0;
    font-weight: 800;
    display: flex;
    align-items: center;
    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;
    justify-content: center;
    align-items: center;
    background: #00000020;
    border-radius: 20px;
    min-width: 20px;
}

/* PUBLICIDADES */
.publi-destaque-mobile-1 {
    display: none;
    flex-direction: column;
    min-width: 300px;
    width: 100%;
    max-width: 48%;
    height: 280px;
    justify-content: center;
    align-items: center;
}
.publi-destaque-desktop-1 {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    min-width: 300px;
    height: 280px;
    justify-content: center;
    align-items: center;
}
#audima-banner {
    display: none !important;
}
.area-publi-topo {
    width: 100%;
    height: 266px;
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
}
.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;
}
.lista_artigos-publi {
    width: 100%;
    background-color: #e5e5e5;
    margin-bottom: 15px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    padding: 12px;
}
.lista_artigos-publi h3 {
    font-size: 12px;
    font-weight: 400;
}
.publicidade-lista-interna {
    width: 100%;
    display: flex;
    justify-content: center;
}
.pub_insert_content_titulo {
    text-align: center;
    font-size: 13px;
}
.pub_insert_content {
    width: 300px;
    margin: auto auto 10px auto;
}

/* FOOTER */
footer {
    background: linear-gradient(90deg,#0e63d2 0,#004db0 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;
    z-index: 2;
}
.coluna-footer ul li a {
    display: flex;
    color: #FFF;
    text-decoration: none;
    transition: 0.3s;
}
.coluna-footer {
    width: 37%!important;
    padding: 0 1.5rem 0 1.5rem;
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.coluna-footer ul li a:hover {
    color: #ffdb3a;
}
.coluna-footer img {
    width: auto;
    height: 22px;
}
.coluna-footer-titulo {
    color: #ffdb3a;
    font-weight: 700;
    font-size: 25px;
    display: flex;
    justify-content: flex-start;
}
hr.line-rodape{
    border: none;
    border-top: 2px dotted #ffdb3a;
    height: 1px;
    width: 100%;
    opacity: 0.5;
}
.footer-social-img {
    width: 50px;
    display: flex;
    justify-content: center;
}
.copyright-footer {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 3;
    min-height: 80px;
    background: #16161620;
    margin-top: 40px;
}
.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;
    margin: 0;
    display: flex;
}
.logo-footer{
    width: 26%;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: center;
}
.bottom-exerc{
    color: #FFF;
    text-decoration: none;
    font-size: 18px;
}
.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;
}
.bg-gradient {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,#000000 0, #ffffff00 100%);
}
.bg-image {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.invisible{
    opacity: 0!important;
    visibility: hidden!important;
    pointer-events: none!important;
}
.popUpLogin{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.44);
    z-index: 601;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    transition: 0.3s;
    display: flex;
}
.popUpLogin.invisible{
    display: none;
}
.profile-logged{
    background: #FFFFFF;
    position: absolute;
    z-index: 15;
    top: 100px;
    right: 20px;
    box-shadow: 0px 20px 25px rgb(31 30 32 / 20%);
    width: 200px;
    height: auto;
    border-radius: 10px;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: 0.3s;
}
.perfil-name {
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    background: #F2F2F2;
    border-radius: 10px 10px 0 0;
    text-decoration:none;
}
.perfil-name .img{
    margin-left: 15px;
    width: 50px;
    border-radius:8px;
    overflow:hidden;
}
.perfil-name .texto{
    font-size: 14px;
    margin-left: 20px;
    color: #5C5C5C;
}
.perfil-item{
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    border-radius: 10px 10px 0 0;
}
.perfil-item .img{
    margin-left: 15px;
}
.perfil-item .item-link a{
    color: #5C5C5C;
    font-size: 13px;
    padding: 5px 0;
    border-bottom: 0.5px solid #ededed;
    text-decoration: none;
}
.perfil-item .item-link a:hover{

    color: #808080;
}
.perfil-item .item-link {
    color: #5C5C5C;
    font-size: 14px;
    margin: 5px 15px;
    padding: 5px 0;
    border-bottom: 0.5px solid #ededed;
}
.perfil-item .item-link:hover{
    color: #808080;
}
#perfil-img1{
    border-radius: 50%;
}
.item-link{
    cursor: pointer;
}
.account__login,
.account__signin{
    width: 100%;
    height: 50px;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 15px;
    background-color: #2972d0;
}
.account__login span,
.account__signin span{
    color: #FFF;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    margin-left: 15px;
}
.account__login span a{
    color: #FFF;
}
.account__signin{
    text-decoration: none;
}
.account__login img{
    border-radius: 50%;
}
.ov-hidden{
    overflow: hidden;
}

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

.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;
    z-index: 12;
    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;

    /*  margin: 0; */
    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;
}
.publi-bot-mobile{
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #fff;
    z-index: 1000;
}
.omnia-center div {
    text-align: center;
    margin: 0 auto;
}
/** CSS Colunistas */
.colunista-topo-bloco {
    display: flex;
    margin-bottom: 25px;
    background-color: #f8f8f8;
    padding: 20px;
}
.colunista-topo-bloco .colunista-topo-imagem {
    margin-right: 20px;
}
.colunista-topo-bloco .colunista-topo-imagem img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
}
.colunista-topo-bloco .colunista-topo-nome h6 {
    font-size: 24px;
    color: black;
}
.colunista-topo-bloco .colunista-topo-description {
    margin-top: 10px;
}
.colunista-topo-bloco .colunista-topo-redes {
    margin-top: 20px;
}
.colunista-topo-bloco .colunista-topo-redes a {
    text-decoration: none;
}
.colunista-topo-bloco .colunista-topo-redes a img {
    width: 30px;
}
.colunista-bottom-bloco {
    background-color: #e9ebf2;
    padding: 20px;
    color: #000;
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    margin: 20px auto;
}
.colunista-bottom-bloco h5 {
    font-size: 20px;
    color: #3d3c41;
    margin-bottom: 20px;
    margin-top: 5px;
    font-weight: bold;
}
.colunista-pagina-titulo {
    text-align: center;
    font-size: 34px;
}
/** CSS Colunistas */


/** Alertas */
.alerts__container {
    top: 20px;
    right: 20px;
    z-index: 9999;
    position: fixed;
    padding: 4px;
    width: 320px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}
.alert {
    position: relative;
    min-height: 64px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: sans-serif;
    margin-bottom: 20px;
}
.alert__body {
    margin: auto 0;
    -ms-flex: 1;
    flex: 1 1;
}
.alert__default {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}
.alert__danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert__warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.alert__info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.alert__success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert__close {
    font-weight: 700;
    font-size: 14px;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    color: #000;
    opacity: 0.3;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.alert__close:hover {
    opacity: 1;
}
.inner-double{
    position: sticky;
    top: 5px;
    height: 520px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    margin-bottom: 10px;
}
@media screen and (max-width: 1240px) {
    .row-destaques {
        flex-direction: column;
    }
    .aba-destaque-pequeno {
        width: 100%;
        max-width: 100%;
    }
    .d-none {
        display: none;
    }
    .ultimo-item-grande {
        width: 100%;
        max-width: 100%;
    }
    .ultimo-item {
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
    }
    .ultimos-artigos {
        height: 600px;
    }
    .top-5-artigos {
        max-width: 100%;
    }
    .ultimos-artigos-lista {
        height: 600px;
    }
    .destaque-categoria-1  {
        flex-direction: column;
    }
    .destaque-categoria-item {
        max-width: 100%;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 1045px) {
    aside {
        display: none;
    }
    article{
        padding: 12px;
    }
    .menu-sandwitch {
        display: flex;
    }
    .topo-header__social {
        display: none;
    }
    .login-but {
        display: none;
    }
    .search-mobile__btn {
        display: flex;
    }
    .top-search {
        display: none;
    }
    .menu-area-desktop {
        overflow: auto;
    }
    .content-left {
        max-width: inherit;
    }
    .publi-destaque-mobile-1 {
        display: flex;
        margin-right: 10px;
    }
    .destaques-tv {
        flex-wrap: wrap;
    }
    .destaque-tv {
        min-width: 49%;
        height: 250px;
        margin-right: 0;
    }
    .destaque-tv-100 {
        max-width: 48% !important;
    }
    .login-content_img{
        display: none;
    }
    .modal-login{
        height: auto!important;
    }
    .sub-section-canais{
        padding: 0;
    }
}
@media screen and (min-width: 1046px){
    .logo-area-topo img {
        width: 240px;
        height: 64px;
    }
}
@media screen and (max-width: 969px) {
    .destaques-title {
        margin-top: 20px;
    }
    .area-publi-topo {
        display: none;
    }
}
@media screen and (max-width: 940px) {
    .logo-area-topo img {
        width: 160px;
        height: 60px;
    }
    .box-publicidade-topo {
        display: none;
    }
}
@media screen and (max-width: 778px) {
    .artigo-item {
        max-width: 100%;
    }
}
@media screen and (max-width: 720px) {
    .topo-header {
        height: 70px;
    }
    .menu-sandwitch {
        width: 15%;
    }
    .topo-header__logo {
        width: 70%;
    }
    .topo-header__tools {
        width: 15%;
    }
    .destaques-tv {
        flex-direction: column;
    }
    .destaque-tv {
        min-width: 100%;
        margin-bottom: 10px;
    }
    .logo-area-topo img {
        height: auto;
    }
    .destaques-medios {
        flex-direction: column;
    }
    .destaque-medio {
        width: 100%;
        margin-bottom: 15px;
        margin-right: 0;
    }
    .destaque-medio-thumb {
        min-width: 100px;
    }
    .destaque-medio-info {
        max-width: 100%;
    }
    .destaque-medio_descricao {
        font-size: 14px;
    }
    .destaques-abas h3 {
        font-size: 14px;
    }
    .aba-destaques-1,
    .aba-destaques-2,
    .aba-destaques-3 {
        flex-direction: column;   
    }
    .aba-materia-1,
    .aba-materia-2,
    .aba-materia-3 {
        flex-direction: column; 
    }
    .aba-destaque-grande {
        display: none;
    }
    .aba-destaques-pequenos {
        max-width: 100%;
        margin-top: 20px;
    }
    .alt-resolution {
        display: flex;
        margin-bottom: 0;
    }
    .destaques-artigos {
        flex-direction: column;
    }
    .ultimos-artigos {
        max-width: 100%;
        height: initial;
    }
    .ultimos-artigos-lista {
        height: initial;
    }
    .ultimo-item {
        margin-left: 0;
    }
}
@media screen and (max-width: 600px) {
    .destaques-title h2 {
        font-size: 22px;
    }
    .destaques-abas h3 {
        font-size: 11px;
    }
    .topo-sub-section h2 {
        font-size: 18px;
        white-space: initial;
    }
    .rodape__box{
        flex-direction: column;
    }
    .logo-footer,
    .coluna-footer{
        width: 100%!important;
        align-items: center;
    }
    .info ul li{
        justify-content: center;
    }
    .colunista-topo-bloco {
        padding: 0;
        flex-direction: column;
        gap: 10px;
    }
    .colunista-topo-bloco .colunista-topo-imagem {
        display: flex;
        justify-content: center;
    }
    .colunista-topo-bloco .colunista-topo-imagem img {
        margin: auto;
        text-align: center;
    }
    .interact {
        flex-direction: column;
        height: auto;
    }
    .controles-texto {
        width: 100%;
    }
    #audimaWidget {
        width: 100%;
    }
    .publi-dir.inner {
        width: 100%;
    }
    .publi-dir{

    overflow: scroll;
    }
    .materia-texto.close{
        max-height: 600px;
    }
}
@media screen and (max-width: 480px) {
    .destaque-medio {
        height: 150px;
    }
    .destaques-abas h3 {
        white-space: initial;
    }
}
@media screen and (max-width: 320px) {
    
}
#DEBGIMG {
    top: 44px!important;
    position: fixed!important;
}
#banner-1x1-area {
    height: 0 !important;
}

#breadcrumbs {
    padding: 12px;
    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: #0048d5;
    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: #0048d5;
}

.patrocinio-on {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.patrocinio-banner {
    width: 120px;
    height: 60px;
}
.patrocinio-fullbar{
    display: flex; justify-content: flex-end;
}
.patrocinio-fullbar.inside{
    padding: 0 12px;
}
#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;
    margin-top: 10px;
}
.change-mode-mobile span{
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
}
.bread-patrocinio{
    display: flex;    
    align-items: center;
    gap: 15px;
}
.ler-texto{
    text-align: justify;
}
/* jssor slider bullet navigator skin 01 css */
/*
.jssorb01 div           (normal)
.jssorb01 div:hover     (normal mouseover)
.jssorb01 .av           (active)
.jssorb01 .av:hover     (active mouseover)
.jssorb01 .dn           (mousedown)
*/
.jssorb01 {
	position: absolute;
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
	position: absolute;
	/* size of bullet elment */
	width: 12px;
	height: 12px;
	filter: alpha(opacity=70);
	opacity: .7;
	overflow: hidden;
	cursor: pointer;
	border: #000 1px solid;
}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
*/
.jssora05l, .jssora05r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url(/assets/images/jssor_slider/a17.png) no-repeat;
	overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
/*# sourceMappingURL=all-1.3.7.min.css.map */