@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&family=Roboto:wght@400;700;900&display=swap');

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    text-decoration: none;
}

html {
    font-size: 62.5%;
}

html,
body {
    min-height: 100%;
}

body {
    -webkit-font-smoothing: antialiased !important;
    color: #666666;
    background: #ffffff;
    font-size: 16px;
}

body,
input,
textarea,
button {
    font-family: 'Merriweather', sans-serif;
}

strong,
b {
    font-weight: bold;
}

h1,
h2,
h3 {
    font-family: 'Merriweather', sans-serif;
    font-weight: 700;
    line-height: 120%;
}

h1 {
    font-size: 2.8rem;
}

h2 {
    font-size: 1.6rem;
}

h1 *,
h2 * {
    color: #000000;
}

h1>a:hover,
h2>a:hover {
    color: #3e608a;
}

a {
    color: #000000;
}

a:hover {
    text-decoration: none;
    color: #3e608a;
}

.total {
    width: 100%;
    float: left;
}

.container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.container2 {
    width: 850px;
}

#inicio {
    background: #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #ffffff;
    padding: 20px 0;
}

#topo {
    float: left;
    padding: 12px 0;
    margin-left: 135px;
    border-left: 1px solid #ffffff;
    padding-left: 20px;
}

#topo ul {
    display: flex;
    gap: 27px;
}

#topo ul li {
    display: list-item;

}

#topo ul li:first-child::marker {
    color: #000000;
}

#topo>ul>li::marker {
    font-size: 15px;
    margin-left: 15px;
    color: #ffffff;
}

#topo>ul>li>a {
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}

#topo>ul>li>a:hover {
    color: #3e608a;
}

#topo2 {
    float: left;
    padding: 12px 0;
}

#topo2 ul {
    display: flex;
    gap: 27px;
}

#topo2 ul li {
    list-style: none;
}

#topo2>ul>li>a {
    color: #000000;
    text-align: center;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
}

#topo2>ul>li>a:hover {
    color: #3e608a;
}

.doe {
    float: right;
    background-color: #3e608a;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    border-radius: 10px;
    padding: 10px;
}

.doe:hover {
    background-color: #ffffff;
    color: #000000;
}

.revistas {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.revistas img {
    width: 100%;
}

.acesse {
    background-color: #3e608a;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    border-radius: 10px;
    padding: 10px;
}

.acesse:hover {
    background-color: #000000;
    color: #ffffff;
}

.redessociais {
    padding: 9px 0;
    float: right;
}

.barra {
    width: 100%;
    padding-top: 15px;
    display: table;
}

.barra .container {
    border-bottom: 2px solid #e7e7e8;
    display: flex;
    justify-content: space-around;
}

#logo {
    float: left;
}

#logo img {
    -ms-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    max-width: 100%;
}

#previsao {
    width: 155px;
    float: right;
    padding: 5px 0;
    font-family: 'Roboto', sans-serif;
}

#previsao .cidade {
    width: 100%;
    float: left;
    color: #3e608a;
    font-size: 12px;
    font-weight: 700;
}

#previsao .max {
    float: left;
    color: #3e608a;
    font-size: 20px;
    font-weight: 700;
    padding-right: 10px;
}

#previsao .min {
    float: left;
    color: #000000;
    font-size: 20px;
    font-weight: 700;
}

#previsao-mobile {
    display: none;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 20px 0 0 0;
    text-align: center;
    padding-bottom: 20px;
}

#previsao-mobile .cidade {
    width: 100%;
    float: left;
    color: #000000;
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
}

#previsao-mobile .max {
    float: left;
    color: #eb4702;
    font-size: 20px;
    font-weight: 700;
    padding-right: 10px;
}

#previsao-mobile .min {
    float: left;
    color: #000000;
    font-size: 20px;
    font-weight: 700;
}

#busca-mobile {
    display: table;
}

#busca-mobile>a {
    width: auto;
    position: absolute;
    z-index: 101;
    top: 7px !important;
    left: 175px;
    color: #ffffff;
    font-size: 25px;
}

#busca-mobile span {
    font-size: 12px;
    float: right;
    cursor: pointer;
}

.form-busca-mobile {
    top: 48px;
    left: 0;
    opacity: 1;
    width: 50%;
    padding: 20px 15px 3px 15px;
    position: absolute;
    background-color: #fff;
    z-index: 1040;
    -webkit-box-shadow: 0 0 50px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 50px -3px rgba(0, 0, 0, .3);
    -webkit-transition: opacity .3s ease, top 1s ease, -webkit-box-shadow .5s ease;
    transition: opacity .3s ease, top 1s ease, -webkit-box-shadow .5s ease;
    transition: opacity .3s ease, top 1s ease, box-shadow .5s ease;
    transition: opacity .3s ease, top 1s ease, box-shadow .5s ease, -webkit-box-shadow .5s ease;
    display: none;
    border-radius: 20px;
}

.form-busca-mobile span a {
    color: #000000;
}

.form-busca-mobile label {
    width: 80%;
    float: left;
    display: block;
}

.form-busca-mobile .span10 {
    width: 98%;
    float: left;
    min-height: 40px;
    padding: 9px 10px;
    padding-left: 20px;
    font-size: 16px;
    border: 1px solid #cecece;
    background: #fff;
    border-radius: 25px;
    color: #3b3b3b;
    font-family: 'Roboto', sans-serif;
}

.form-busca-mobile ::placeholder {
    opacity: 1;
}

.form-busca-mobile .btenviar {
    width: 20%;
    padding: 13px 0;
    float: left;
    border: 0;
    cursor: pointer;
    background: #000000;
    color: #fff;
    border-radius: 25px;
    font-family: 'Roboto', sans-serif;
}

.form-busca-mobile .btenviar:hover {
    background: #303030;
    color: #fff;
}

.modal-container {
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, 0.5);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mostrarPopup .publicidadePopup {
    animation: mostrar .3s;
}

.espacamentoAcima {
    margin-top: 40px;
}

.espacamentoAbaixo {
    margin-bottom: 40px;
}

.publicidadePopup {
    background: #ffffff;
    padding: 10px;
    position: relative;
}

.publicidadePopup img {
    max-height: 500px;
}

.publicidadeTag img {
    width: 100%;
    height: auto;
}

.publicidadeMenorTag {
    display: flex;
    justify-content: center;
}

@keyframes mostrar {
    from {
        opacity: 0;
        transform: translate3d(0, -60px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.publicidadePopup .fechar {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #ffffff;
    border: 0;
    padding: 5px 10px;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
}

.bx-pager {
    display: none
}

.bx-wrapper {
    margin: 0 !important;
}

.bx-wrapper img {
    display: inline
}

.bx-wrapper .bx-viewport {
    box-shadow: none;
    background: none;
    border: 0px;
    left: 0
}

.bxslider {
    margin: 0;
    padding: 0
}

.compartilhar {
    width: 100%;
    float: left;
    font-size: 25px;
}

.compartilhar a {
    padding: 5px 2px;
    margin-right: 5px;
    color: #ffffff;
    width: 40px;
    float: left;
    text-align: center;
    transition: margin-top .3s;
}

.compartilhar a:hover {
    margin-top: -5px;
}

.compartilhar a.facebook {
    background: #3B5998;
}

.compartilhar a.twitter {
    background: #1DA1F2;
}

.compartilhar a.whatsapp {
    background: #4DC247;
}

.compartilhar a.telegram {
    background: #0088CC;
}

.compartilhar a.linkedin {
    background: #0077B5;
}

.publicidade {
    width: 100%;
    float: left;
    text-align: center;
    z-index: -1;
}

.publicidade img {
    /*width: 100%;*/
}

#publicidade1 .publicidade .bx-viewport,
#publicidade2 .publicidade .bx-viewport,
#publicidade3 .publicidade .bx-viewport,
#publicidade4 .publicidade .bx-viewport,
#publicidade5 .publicidade .bx-viewport,
#publicidade8 .publicidade .bx-viewport,
#publicidade10 .publicidade .bx-viewport {
    max-height: 250px !important;
}

h1.interna {
    color: #092647;
    margin-bottom: 40px;
    padding: 10px;
    border-bottom: 4px solid #f47b25;
}

#destaquesCapa {
    margin: 40px 0;
}

#destaquesCapa .col1 {
    width: calc(35% - 20px);
    float: left;
    margin-right: 20px;
}

#destaquesCapa .col1 #noticia1 h1 {
    font-size: 32px;
    line-height: 37px;
    padding-top: 10px;
    font-weight: 700;
}

#destaquesCapa .col1 #noticia1 p {
    font-size: 20px;
    line-height: 26px;
    margin-top: 15px;
}

#destaquesCapa .col1 ul {
    margin-top: 15px;
    list-style-position: inside;
}

#destaquesCapa .col1 ul li {
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
}

#destaquesCapa .col1 ul li::marker {
    font-size: 25px;
    margin-left: 15px;
    color: #3e608a;
}

#destaquesCapa .col1 ul li a {
    margin-left: -15px;
}

@-moz-document url-prefix() { 
    #destaquesCapa .col1 ul li a {
        margin-left: -7px;
    }
}

#noticia1 a .imagem {
    display: none;
}

#destaquesCapa a:hover {
    color: #3e608a;
}

#destaquesCapa .col2 {
    width: calc(42% - 30px);
    float: left;
    margin-right: 30px;
    height: 330px;
    background-size: cover;
    background-position: center center;
    position: relative;
}

#destaquesCapa .col3 {
    width: 23%;
    float: left;
}

#destaquesCapa .col3 fieldset {
    border: 2px solid #e7e7e8;
    padding: 20px 5px;
    text-align: center;
    position: relative;
    margin-top: -10px;
}

#destaquesCapa .col3 legend {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #3e608a;
    padding-inline-start: 4px;
    padding-inline-end: 4px;
}

#destaquesCapa .col3 .imagem {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center center;
    position: relative;
}

#destaquesCapa>a:hover>.col2,
#destaquesCapa .col3 a:hover>.imagem {
    opacity: 0.8;
}

#destaquesCapa .col3 span {
    width: 100%;
    float: left;
    color: #3e608a;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0 10px 0;
}

#destaquesCapa .col3 h1 {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}

#colunistasCapa .item a:hover>.desc p,
#listarColunistas .item a:hover>.desc p {
    color: #3e608a;
}

#colunistasCapa .item .desc,
#listarColunistas .item .desc {
    width: calc(100% - 120px);
    padding-right: 10px;
    float: left;
}

#colunistasCapa .item h2,
#listarColunistas .item h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #3e608a;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 0;
}

#colunistasCapa .item p,
#listarColunistas .item p {
    font-size: 16px !important;
    line-height: 24px;
    word-break: break-word;
    margin-top: 0;
}

#colunistasCapa .ico,
#listarColunistas .ico {
    width: 120px;
    height: 120px;
    border-radius: 60px;
    background-size: cover;
    background-position: center center;
    float: right;
}

.bloco .col1 {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    gap: 40px 0;
}

.bloco .col2 {
    width: 20%;
    min-width: 160px;
    float: left;
}

.bloco .linha1 {
    display: flex;
    gap: 30px;
}

.bloco .linha1 .item {
    width: 50%;
    display: flex;
}

.bloco .linha1 .item a {
    width: 100%;
    display: flex;
    gap: 10px;
}

.bloco .item a:hover>.desc>h2 {
    color: #3e608a;
}

.bloco .linha1 .item .desc {
    width: 50%;
    float: left;
}

.bloco .linha1 .item .desc span,
.bloco .linha2 .item .desc span {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #3e608a;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0;
    display: table;
}

.bloco .linha1 .item .desc h2,
.bloco .linha2 .item .desc h2,
#videosCapa .item .desc h2 {
    font-size: 20px;
    line-height: 23px;
    color: #222222;
}

#videosCapa>.container>h2 {
    position: relative;
}

#videosCapa>.container>h2 span.linha {
    width: calc(100% - 200px);
    position: absolute;
    border-top: 2px solid #c2c1c1;
    right: 29px;
    top: 32px;
}

#videosCapa .item .desc h2 {
    font-size: 18px;
    line-height: 21px;
    color: #222222;
    padding-top: 10px;
}

.bloco .linha1 .item .imagem {
    width: 50%;
    height: 130px;
    background-size: cover;
    background-position: center center;
    position: relative;
    float: right;
}

.bloco .item a:hover>.imagem,
#videosCapa .item a:hover>.imagem,
#maisLidasCapa .item a:hover>.imagem,
#maisLidasLateral .item a:hover>.imagem {
    opacity: 0.8;
}

.bloco .linha2 {
    display: flex;
    gap: 30px;
}

.bloco .linha2 .item {
    width: 33.33%;
    display: flex;
    flex-direction: column;
}

.bloco .linha2 .item .imagem,
#videosCapa .item .imagem {
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: center center;
    position: relative;
}

#videosCapa {
    padding: 30px 0 60px 0;
}

#videosCapa>.container>h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    font-weight: 900;
    color: #3e608a;
    margin-bottom: 20px;
}

#videosCapa .item a:hover>.desc h2 {
    color: #3e608a;
}

.bloco2 {
    display: flex;
    flex-direction: column;
    gap: 40px 0;
}

.bloco2 .linha1 .item .desc {
    width: 60%;
}

.bloco2 .linha1 .item .imagem {
    width: 40%;
}

#maisLidasCapa>.container>h2,
#maisLidasLateral>h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    font-weight: 900;
    color: #3e608a;
    margin-bottom: 30px;
    position: relative;
}

#maisLidasCapa>.container>h2 span.linha {
    width: calc(100% - 165px);
    position: absolute;
    border-top: 2px solid #c2c1c1;
    right: 0;
    top: 32px;
}

#maisLidasCapa .linha {
    display: flex;
    gap: 30px;
}

#maisLidasCapa .item {
    width: calc(100% / 5);
    position: relative;
    border-bottom: 2px solid #c2c1c1;
}

#maisLidasLateral .item {
    position: relative;
    background-color: #f5f4f4;
}

#maisLidasLateral .item:last-child {
    margin-bottom: 0;
}

#maisLidasCapa .item .ico,
#maisLidasLateral .item .ico {
    width: 30px;
    height: 30px;
    color: #ffffff;
    background-color: #3e608a;
    text-align: center;
    border-radius: 30px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    z-index: 1;
    top: -15px;
    left: calc(50% - 15px);
    padding-top: 5px;
}

#maisLidasCapa .item .desc,
#maisLidasLateral .item .desc {
    padding: 20px;
}

#maisLidasCapa .item .imagem,
#maisLidasLateral .item .imagem {
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: center center;
    position: relative;
}

#maisLidasCapa .item .desc h2,
#maisLidasLateral .item .desc h2 {
    font-size: 20px;
    line-height: 23px;
    color: #222222;
}

#maisLidasCapa .item .desc span,
#maisLidasLateral .item .desc span {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #3e608a;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0;
    display: table;
}

#maisLidasCapa .item a:hover>.desc h2,
#maisLidasLateral .item a:hover>.desc h2 {
    color: #3e608a;
}

.interna h1 {
    font-size: 44px;
    line-height: 48px;
    font-weight: 900;
    color: #000000;
}

.interna p {
    font-size: 18px;
    line-height: 27px;
    color: #666666;
    font-weight: 400;
    margin-top: 30px;
}

#politicaDePrivacidade h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    color: #333333;
    margin-top: 40px;
}

#expediente h2,
.interna h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    color: #333333;
    margin-top: 40px;
}

#listarNoticias {
    width: 80%;
    padding-right: 40px;
    float: left;

}

#listarNoticias>h1 {
    font-size: 30px;
    line-height: 40px;
    color: #000000;
    font-weight: 900;
}

#listarNoticias>span {
    font-family: 'Roboto', sans-serif;
    width: 100%;
    float: left;
}

#listarNoticias .item {
    width: 100%;
    float: left;
    overflow: hidden;
}

#listarNoticias .item:last-child {
    margin-bottom: 0;
}

#listarNoticias .item h2 {
    font-size: 20px;
    line-height: 23px;
    color: #000000;
}

#listarNoticias .item:hover h2 {
    color: #3e608a;
}

#listarNoticias .item:hover .imagem {
    opacity: 0.9;
}

#listarNoticias .item .imagem {
    width: 300px;
    height: 180px;
    float: left;
    background-size: cover;
    background-position: center center;
}

#listarNoticias .item .desc {
    width: calc(100% - 300px);
    padding: 10px 10px 10px 20px;
    float: left;
}

#listarNoticias .item span {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #3e608a;
    margin-bottom: 5px;
    display: table;
    text-transform: uppercase;
}

#listarNoticias .item .desc p {
    font-size: 14px;
    color: #7A7A7A;
    font-family: 'Roboto', sans-serif;
    margin-top: 10px;
}

.paginacao {
    width: 100%;
    float: left;
    display: flex;
}

.paginacao>a {
    background: #000000;
    color: #ffffff;
    padding: 10px 15px;
    margin: 3px;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

.paginacao>a:hover,
.paginacao>a.ativo {
    background: #3e608a;
}

#extras {
    width: 20%;
    float: left;
}

#extras .extras {
    width: 100%;
    float: left;
}

#colunista h2 {
    color: #092647;
}

#colunista .ico {
    width: 90px;
    height: 90px;
    border-radius: 45px;
    background-size: cover;
    background-position: center center;
    float: left;
    margin-right: 20px;
    border: 2px solid #f47b25;
}

#colunista img {
    border: 2px solid #f47b25;
}

#publicacao .data {
    color: #3b3b3b;
    font-size: 13px;
}

#publicacao .ico {
    width: 90px;
    height: 90px;
    border-radius: 45px;
    float: left;
    font-size: 35px;
    border: 2px solid #f47b25;
    color: #f47b25;
    text-align: center;
    padding-top: 25px;
    margin-right: 20px;
}

#maisLidas h1 {
    background: #092647;
}

#maisLidas .desc p {
    font-size: 14px;
    font-weight: 600;
}

#maisLidas .ico {
    width: 90px;
    height: 90px;
    border-radius: 45px;
    background-size: 90px;
    background-position: center center;
    float: left;
    margin-right: 20px;
    border: 2px solid #092647;
}

#noticias {
    width: 100%;
    float: left;
}

.noticiadetalhes {
    width: 100%;
    float: left;
}

.texto a {
    color: #3e608a;
    font-weight: bold;
}

.texto a:hover {
    color: #000000;
}

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* Relação de aspecto 16:9 (dividindo a altura pela largura) */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#tags {
    display: block;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    align-items: center;
}

#tags b {
    float: left;
    padding-top: 10px;
}

#tags a {
    background-color: #3e608a;
    padding: 5px 10px;
    border-radius: 10px;    
    margin:5px;
    float: left;
    color: #ffffff;
}

#tags a:hover {
    background-color: #000000;
}


.mapa {
    width: 100%;
    float: left;
}

.mapa>span {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #3e608a;
    margin-bottom: 30px;
    display: flex;
}

span.ponto {
    font-size: 30px;
    line-height: 10px;
    font-weight: bold;
    padding: 0 3px;
    margin-top: -4px;
}

.mapa>span a {
    color: #3e608a;
}

.mapa>span a:hover {
    color: #3e608a;
}

.registro {
    width: 100%;
    color: #666666;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.registro>div {
    display: flex;
}

.registro span.por {
    font-size: 14px;
    width: 100%;
    float: left;
    font-weight: bold;
    line-height: 20px;
}

.noticiadetalhes h1 {
    width: 100%;
    font-size: 44px;
    line-height: 48px;
    font-weight: 900;
    float: left;
    color: #000000
}

.noticiadetalhes p.linhadeapoio {
    width: 100%;
    float: left;
    padding: 20px 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #666666;
}

.noticiadetalhes .compartilhar,
#listarColunas .compartilhar {
    margin-bottom: 30px;
}

.noticiadetalhes .imagem {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

#noticias .imagem {
    width: 100%;
    display: table;
}

.noticiadetalhes .imagem img,
#noticias .imagem img {
    width: 100%;
}

.noticiadetalhes .texto img {
    max-width: 100%;
}

.noticiadetalhes .imagem span,
#listarColunas .imagem span,
#noticias .imagem span {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #3e608a;
    padding-top: 10px;
}

.noticiadetalhes .texto {
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 32px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.noticiadetalhes .texto p {
    font-size: 18px;
    line-height: 32px;
    color: #666666;
}

.noticiadetalhes .pontilhada {
    width: 100%;
    float: left;
    border-top: 1px dashed #dedede;
    margin: 20px 0;
}

.noticiadetalhes .pontilhada span {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 20px;
    color: #525254;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

#listarColunistas,
#listarColunas,
#listarPublicacoes {
    width: 80%;
    padding-right: 40px;
    float: left;
}

#listarPublicacoes h2 {
    color: #f47b25;
}

#listarPublicacoes .item {
    width: 50%;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#listarPublicacoes .item .ico {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    float: left;
    font-size: 25px;
    border: 2px solid #3e608a;
    color: #3e608a;
    text-align: center;
    padding-top: 20px;
    margin-right: 20px;
}

#listarPublicacoes .item .desc {
    width: calc(100% - 110px);
    float: left;
    padding-top: 10px;
}

#listarPublicacoes .item p {
    padding-right: 10px;
    color: #222222;
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
}

#listarPublicacoes .item .data {
    padding-right: 10px;
    color: #3b3b3b;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

#listarPublicacoes .item a:hover p {
    color: #3e608a;
}

#publicacoes {
    width: 80%;
    padding-right: 40px;
    float: left;
}

#publicacoes .publicacaodetalhes h1 {
    color: #000000;
}

#publicacoes .publicacaodetalhes .registro {
    margin-top: 20px;
}

#publicacoes .publicacaodetalhes embed {
    min-height: 800px;
}

#publicacoes .publicacaodetalhes .bt {
    background: #3e608a;
    color: #ffffff;
    padding: 10px 20px;
    margin: 10px 0;
    float: left;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

#publicacoes .publicacaodetalhes .bt:hover {
    background: #000000;
}

#listarColunistas h2 {
    color: #092647;
}

#listarColunistas .lista {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin: 20px 0;
}

#listarColunas .item {
    width: 100%;
    float: left;
}

#listarColunas .item:last-child {
    border-bottom: 0;
}

#listarColunas .item .registro {
    width: 100%;
    color: #767779;
    font-size: 14px;
    padding: 4px 0;
    float: left;
    margin-bottom: 20px;
}

#listarColunas .item a:hover h1 {
    color: #3e608a;
}

#listarColunas .item h1 {
    float: left;
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 40px;
    color: #000000;
}

#listarColunas .item .texto {
    width: 100%;
    float: left;
}

#listarColunas .item .imagem {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

#listarColunas .item .imagem img {
    width: 100%;
}

#listarColunas .texto img {
    max-width: 100%;
}

#listarColunas .item .texto {
    width: 100%;
    float: left;
}

#listarColunas .item .texto p {
    font-size: 18px;
    line-height: 32px;
    padding: 10px 0;
}

#colunistaperfil {
    width: 100%;
    float: left;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#colunistaperfil .ico {
    width: 120px;
    height: 120px;
    border-radius: 60px;
    background-size: cover;
    background-position: center center;
}

#colunistaperfil .desc {
    width: 100%;
    float: left;
    padding-top: 10px;
    text-align: center;
}

#colunistaperfil h2 {
    font-family: 'Roboto', sans-serif;
    color: #3e608a;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}

#colunistaperfil p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
    padding-right: 10px;
    color: #3b3b3b;
    font-family: 'Roboto', sans-serif;
}

#colunistaperfil .bt {
    background: #3e608a;
    color: #ffffff;
    padding: 10px 20px;
    margin: 10px auto;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    display: table;
}

#colunistaperfil .bt:hover {
    background: #000000;
}

#edicoes .container{
    flex-direction: column;
}

#filtro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 30px 0;
    border-bottom: 2px solid #e7e7e8;
}

#filtro span {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
}

#filtro select, #filtro input {
    width: 200px;
    font-size: 20px;
    color: #8d8d8d;
    background: #ffffff;
    border: 1px solid #cecece;
    padding: 10px;
    border-radius: 10px;
}
#filtro input {
    width: 280px;
}

#filtro button {
    width: 200px;
    padding: 10px 20px;
    color: #ffffff;
    border: 0;
    border-radius: 10px;
    font-size: 25px;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
    background: #000000;
}

#filtro button:hover {
    transition: .2s;
    opacity: 0.9;
}

#edicao.lista{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
    margin-left: auto;
    margin-right: auto;
}

#edicao.lista a {
    display: table;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
} 

#edicao.lista .item {
    display: table;
    margin-bottom: 5px;
}

#edicao.lista a span {
    background-color: #5e5d5d;
    color: #ffffff;
    position: absolute;
    z-index: 1;
    width: 150px;
    padding: 10px 15px;
    text-align: center;
    left: calc((100% - 150px)/2);
    top: calc((100% - 30px)/2);
}

#edicao.lista img {
    max-width: 100%;
    position: relative;
    z-index: 2;
}

#edicao.lista a:hover img {
    opacity: 0.2;
}

#edicao.lista a:hover span {
    z-index: 1;
}

#edicaoDetalhe {
    display: flex; 
    justify-content: center; 
    align-items: center;
    gap: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

#edicaoDetalhe a.bt {
    background: #000000;
    color: #ffffff;
    border-radius: 10px;
    padding: 10px 20px;
    font-weight: normal;
    font-size: 14px;
}

.bx-wrapper .bx-controls-direction a {
    width: 21px;
}

.bx-wrapper .bx-prev {
    background: url('../../img/diariodosul/seta-esq.svg') no-repeat;
}
.bx-wrapper .bx-next {
    background: url('../../img/diariodosul/seta-dir.svg') no-repeat;
}

/*enderecos*/

.endereco {
    width: 100%;
    float: left;
    color: #ffffff;
    padding: 20px 7%;
    font-size: 15px;
}

.endereco i {
    font-size: 40px;
    color: #f47b25;
    float: left;
    padding: 0 10px 10px 10px;
}

/*formulario*/
.formulario {
    width: 100%;
    display: table;
}

.form-geral {
    width: 100%;
}

.form-geral .col {
    width: 50%;
    float: left;
}

.form-geral .span10,
.form-geral textarea {
    width: 95%;
    padding: 10px;
    border: 0;
    outline: 1px solid #bebabe;
    border-radius: 20px;
    padding-left: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.form-geral textarea {
    width: 97.5%;
}

.form-geral .control-group {
    width: 100%;
    float: left;
    margin-top: 13px;
    padding-top: 13px;
}

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

.form-geral .control-label {
    float: left;
    width: 20%;
    padding-top: 5px;
    text-align: right;
    display: none;
}

.form-geral .controls {
    margin-left: 0%;
    height: 55px;
}

.form-geral .controls-textarea {
    height: 140px;
}

.form-geral .error {
    color: #C22026;
}

.form-geral .btenviar {
    padding: 13px 20px;
    border: 0;
    background: #000000;
    color: #ffffff;
    cursor: pointer;
    z-index: 4;
    position: relative;
    border-radius: 20px;
    font-family: 'Roboto', sans-serif;
}

.form-geral .btenviar:hover {
    background: #303030;
}

/*proposta*/
.carregandoForm {
    width: 60px;
    border-radius: 5px;
    padding: 5px;
    background: #fbfbfb;
    text-align: center;
    display: none;
}

/*alertaMSG*/
.alert {
    width: 100%;
    font-size: 18px;
    padding: 1.5% 2.5%;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    outline: 1px solid #fbeed5;
    float: left;
    text-align: center;
}

.alert>span {
    width: auto;
    font-size: 25px;
    padding-right: 20px;
    color: #c90000;
    background: none;
}

.alert-success {
    background-color: #dff0d8;
    outline-color: #d6e9c6;
    color: #468847;
}

.alert-error {
    background-color: #f2dede;
    outline-color: #eed3d7;
    color: #b94a48;
}

.alert-info {
    background-color: #d9edf7;
    outline-color: #bce8f1;
    color: #3a87ad;
}

/*rodape*/

#rodape {
    font-weight: bold;
}

#direitos {
    width: 100%;
    color: #666666;
    text-align: center;
    float: left;
    font-size: 14px;
    line-height: 21px;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 10px;
}

#rodape ul.menurodape {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

#rodape ul.menurodape li {
    display: inline;
}

#rodape ul.menurodape li a {
    padding: 12px 20px;
    color: #000000;
    text-align: center;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 20px;
    display: table;
}

#rodape ul.menurodape li a:hover {
    color: #3e608a;
}

#rodape ul.redessociais {
    width: 100%;
    float: left;
    text-align: center;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}

#rodape ul.redessociais li {
    display: flex;
}

#rodape ul.redessociais li a {
    font-family: 'Roboto', sans-serif;
    background-color: #c1c1c1;
    color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-weight: normal;
    padding-top: 1.5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#rodape ul.redessociais li a:hover {
    background-color: #3e608a;
}

.box-cookies.hide {
    display: none !important;
}

.box-cookies {
    position: fixed;
    background: rgba(255, 255, 255, .95);
    width: 100%;
    z-index: 998;
    bottom: 0;
    padding: 20px 10%;
    font-size: 14px;
    text-align: center;
}

.box-cookies .msg-cookies {
    text-align: center;
    color: #3b3b3b;
    line-height: 21px;
    font-family: 'Roboto', sans-serif;
}

.box-cookies .btn-cookies {
    background: #3e608a;
    color: #ffffff;
    padding: 8px;
    border-radius: 5px;
    font-weight: bold;
    text-decoration: none;
    font-size: 10px;
}

.box-cookies .btn-cookies:hover {
    background: #000000;
    color: #ffffff;
}

.bx-wrapper .bx-controls-direction a {
    width: 25px;
    height: 25px;
    top: auto;
    bottom: -25px;
}

.bx-wrapper .bx-prev {
    background: none;
    /*left: -37px;*/
    left: -3px;
    background-color: #3e608a;
    -webkit-mask: url('../../img/lerunica/seta-esq.png') no-repeat center;
    mask: url('../../img/lerunica/seta-esq.png') no-repeat center;
}

.bx-wrapper .bx-next {
    background: none;
    /*right: -37px;*/
    left: 20px;
    background-color: #3e608a;
    -webkit-mask: url('../../img/lerunica/seta-dir.png') no-repeat center;
    mask: url('../../img/lerunica/seta-dir.png') no-repeat center;
}

@media (max-width:768px) {
    .container {
        width: 100%;
        margin: 0;
    }

    .containerMobile {
        width: 88% !important;
        margin-left: 6% !important;
        margin-right: 6% !important;
    }

    #topo,
    #topo2 {
        display: none;
    }

    .barra {
        padding-top: 5px;
    }

    #previsao {
        width: auto;
    }

    #previsao .cidade {
        width: auto;
        padding-right: 10px;
        font-size: 16px;
    }

    #previsao .max,
    #previsao .min {
        font-size: 16px;
    }

    #destaquesCapa .col1,
    #destaquesCapa .col2 {
        width: 100%;
        margin: 0;
    }
    #destaquesCapa .col3 {
        width: 92%;
        margin: 0 4%;
    }

    #destaquesCapa>a {
        display: none;
    }

    #noticia1 a .imagem {
        display: block;
        margin: 20px 0;
    }

    #destaquesCapa .col1 ul li a {
        margin-left: -4px;
    }

    #destaquesCapa .col2 {
        height: 300px;
    }

    #destaquesCapa .col3 {
        margin-top: 20px;
    }

    #destaquesCapa .col1 #noticia1 h1 {
        padding-top: 0;
    }

    .bloco .col1 {
        width: 100%;
    }

    .bloco .linha1 {
        flex-direction: column;
    }

    .bloco .linha1 .item {
        width: 100%;
    }

    .bloco .linha1 .item .desc span {
        margin-top: 0;
    }

    .bloco .linha2 {
        flex-direction: column;
    }

    .bloco .linha2 .item {
        width: 100%;
    }

    .bloco .col2 {
        width: 100%;
        margin-top: 40px;
        text-align: center;
    }

    .bloco .linha1 .item .desc h2,
    .bloco .linha2 .item .desc h2,
    #videosCapa .item .desc h2 {
        font-size: 17px;
    }

    #videosCapa>.container>h2 span.linha {
        width: calc(100% - 175px);
        right: 0;
    }

    #maisLidasCapa .linha {
        flex-direction: column;
        gap: 0;
    }

    #maisLidasCapa .item {
        width: 100%;
    }

    #noticias {
        width: auto;
        padding-right: 0;
    }

    #listarNoticias,
    #listarColunistas,
    #listarColunas,
    #listarPublicacoes {
        width: 100%;
        padding-right: 0;
    }

    #listarNoticias .item .imagem {
        width: 40%;
        height: 130px;
    }

    #listarNoticias .item h2 {
        font-size: 17px;
        line-height: 20px;
    }

    #listarNoticias .item .desc {
        width: 60%;
        padding: 0 0 0 20px;
    }

    .noticiadetalhes h1,
    .interna h1 {
        font-size: 36px;
        line-height: 40px;
    }

    #listarColunistas .lista {
        grid-template-columns: 1fr;
        margin: 0;
    }

    #listarPublicacoes .item {
        width: 100%;
    }

    #listarPublicacoes .item .desc {
        width: calc(100% - 100px);
    }

    #publicacoes {
        width: 100%;
        padding-right: 0;
    }

    #publicacoes .publicacaodetalhes embed {
        min-height: 550px;
    }

    #colunistaperfil {
        margin-top: 40px;
    }

    #filtro {
        flex-direction: column;
    }
    #filtro select, #filtro input {
        width: 100%;
    }
    #filtro button {
        font-size: 18px;
    }

    #edicao.lista {
        grid-template-columns: 1fr 1fr;
    }

    #extras {
        width: 100%;
    }

    #extras #publicidade11,
    #extras #publicidade12 {
        width: 50%;
        margin-top: 30px;
    }

    #rodape ul.menurodape {
        flex-direction: column;
        align-items: center;
    }

    .form-busca-mobile {
        width: 100%;
    }

    #busca-mobile>a {
        padding-right: 0;
    }

    .publicidadePopup img {
        width: 100%;
    }

    .form-geral .col {
        width: 100%;
    }

    .revistas {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width:450px) {
    #publicidade1 .publicidade .bx-viewport, #publicidade2 .publicidade .bx-viewport, #publicidade3 .publicidade .bx-viewport, #publicidade4 .publicidade .bx-viewport, #publicidade5 .publicidade .bx-viewport, #publicidade8 .publicidade .bx-viewport, #publicidade10 .publicidade .bx-viewport {
        height: 88px !important;
    }
}