:root {

    /* --fonte-principal: 'Open Sans', sans-serif; */
/* --fonte-principal: "Playfair Display", serif; */
     
    /* --fonte-principal: "Lora", serif; */
    /* --fonte-principal: "Tahoma", sans-serif; */

    --fonte-principal: "Merriweather Sans", sans-serif;

    --fonte-principal-cor: rgba(51,51,51,1);
    --container-size: 1240px;

    --primary-color: #2D2F94;
    --secondary-color: #b53e54;
    --tertiary-color: #8199c5;
    --quaternary-color: #e47287;
    --quinary-color: #f06a81;
    --background-color: #f7f7f7;
    --text-color: #57575a;
    --text-secondary-color: #757698;
    --text-tertiary-color: #ababab;
    --text-quaternary-color: #a7b4d4;
}


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

td {
    padding: 5px 20px;
}

hr {
    border-bottom: #e6e1e1 1px solid;

}

html {
    padding: 0;
    margin: 0;
    min-width: var(--container-size);
}

body {
    background-color: #f7f7f7;
    min-width: var(--container-size);
    /* font-family: Arial, Tahoma; */
    font-family: var(--fonte-principal);
    font-size: 13px;
    /* color: #757698;
    color: #57575a; */
    color: var(--fonte-principal-cor);
    font-optical-sizing: auto;
    font-weight: 350;
    font-style: normal;
}

a {
    text-decoration: none;
    cursor: pointer;
       color: var(--fonte-principal-cor);
}
    a:hover {
        text-decoration: underline;
    }

.container {
    margin: 0 auto;
    position: relative;
    width: var(--container-size);
    text-align: left;
}

.discreto {
    width: var(--container-size);
    padding: 5px 0px;
    border: none;
    background: none;
}

.topo {
    background-color: #2D2F94;
    height: 180px;
}

    .topo .logo {
        width: 320px;
        padding-top: 30px;
    }

.logo img {
    width: 275px;
    height: auto;
    object-fit: cover;
}

.menu {
    margin-top: 32px;
}

    .menu a {
        text-align: left;
        color: #FFF;
        padding-right: 75px;
        font-size: 13px;
        font-weight: bold;
        font-family: var(--fonte-principal);
    }

        .menu a:last-child {
            padding-right: 0;
        }

.capa {
    padding-bottom: 20px;
    display:flex;
    flex-wrap:wrap;
    gap: 20px;
}


.manchete, .destaques, .ultima-edicao {
    /* float: left;
    margin-top: 15px; */
}

    .manchete h1, .manchete a.titulo {
        color: #2D2F94;
        font-size: 25px;
        font-weight: 700;
    }


.manchete.card1 {
    flex: 0 0 500px;
    /* width: 500px; */
    /* margin-right: 30px; */
}

    .manchete .texto {
        text-align: center;
        margin-top: 10px;
        line-height: 20px;
    }

    .manchete .descricao-curta {
        color: #757698;
        color: var(--fonte-principal-cor);

    font-size: 16px;
    line-height: 24px;
    }

    .manchete .continue {
        /*float: right;*/
        color: #7b7cc5;
        color: #b53e54;
        /*display: inline-block;*/
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 5px;
    }

    .manchete img {
        object-fit: cover;
        width: 400px;
        height: 350px;
    }

.destaques.card2 {
     /* margin-top: 45px; */
    /* width: 300px; */
    flex: 0 0 360px;
    box-sizing: border-box;
    /* margin-right: 23px; */
    padding-right: 20px;
    padding-left: 20px;
    border-right: #F06A82 1px dashed;
    border-left: #F06A82 1px dashed;
}

    .destaques div {
        margin-top: 20px;
    }

    .destaques > div:first-child {
        margin-top: 0px;
    }

    .destaques .titulo, .destaques-2 .titulo, .noticias-4 .titulo {
        font-size: 11px;
        text-transform: uppercase;
        display: inline-block;
        color: #b18a91;
        color: #e47287;
        font-weight: bold;
    }

    .destaques .destaque, .destaques-2 .destaque, .noticias-4 .destaque {
        margin-top: 3px;
        color: #2D2F94;
        font-size: 18px;
        display: block;
    }

.destaques-2 {
    display:flex;
    flex:1;
    flex-wrap:wrap;
    align-items: start;
}

.destaques-2 .materia-interna
{
    padding: 10px;
    background-color: #ededed;

}

.destaques-2 .widget-clima{
    width: 340px;
    margin-top:15px;
}

    .destaques-2 img {
        margin-top: 10px;
        object-fit: cover;
        width: 100%;
        height: 200px;
    }

.ultima-edicao {
    width: 230px;
    margin-top: 40px;
}

    .ultima-edicao .titulo {
        width: 194px;
        background-color: #b53e54;
        background-color: #8199c5;
        color: #FFF;
        padding: 6px 0 8px 0px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        font-family: var(--fonte-principal);
        font-size: 15px;
    }

    .ultima-edicao .capa-container {
        padding: 0px 0px;
        width: 230px;
    }

    .ultima-edicao a {
        display: inline-block;
        text-align: center;
        font-family: var(--fonte-principal);
        font-weight: 400;
        margin-top: 2px;
        color: #b53e54;
    }

.anuncio {
    float: left;
    width: 742px;
    height: 147px;
    margin: 0px auto;
}

    .anuncio.noticia {
        float: none;
        width: 742px;
        height: 147px;
        margin: 0px auto;
    }

    .anuncio span {
        font-size: 10px;
    }

.informativo {
    background-color: #efefef;
    padding: 10px 20px;
    margin-left: 20px;
    float: left;
    width: 230px;
}

    .informativo .titulo {
        font-family: var(--fonte-principal);
        font-size: 18px;
        color: #2F3193;
    }

    .informativo .descricao {
        margin-top: 5px;
    }

    .informativo input {
        margin-top: 10px;
        border: #333 1px solid;
        width: 220px;
        padding: 5px;
    }

    .informativo .link {
        display: inline-block;
        float: right;
        color: #FFF;
        margin-top: 5px;
        border-radius: 5px;
        background-color: #2F3193;
        padding: 7px 10px;
    }


    .assunto .tag-assunto{
      background-color: #CCC;
    color: #FFF;
    padding: 6px 20px 7px 10px;
    display: block;
    border-bottom-left-radius: 5px;
    }

    .assunto .tag-assunto.destaques{
        float:none;
        margin-top:inherit;
    }

    .tag-assunto.destaques{
        background-color: #8199c5;
    }

    .tag-assunto.geral{
        background-color: #4f632b;
    }

    .tag-assunto.educacao{
        background-color: #b1844b;
    }

    /* display entre as matérias do meio e a coluna das mais antigas */
    .meio {

        display:flex;
        gap: 10px;

        --tamanho-area-materias: 1000px;
        
        
        .materias {
             width: 940px;
                   

            .inner{
            
                width: 940px;
                display:flex;
                flex-wrap:wrap;
                gap: 20px;
            
                .materias2-linha{
                
                    flex: 0 0 940px;
                    display:flex;
                    flex-wrap:wrap;
                    gap: 20px;
                

                    .materia{
                            flex:0 0 295px;
                            /* gap: 20px; */
                            box-sizing: border-box;;
                    }

                }
   
            }
        }
        
        .materias-ld{
            flex:1;
            /* display:flex; */
        } 
}
  
    .materias .inner .materia {
        background-color: #fff;
        padding: 20px;
        /* border: #e6e1e1 1px solid; */
        display:flex;
        flex-wrap: wrap;
    }

 .materias .inner .materia a:has(>img), .materias .inner .materia img {
        height: 180px;
    }


    .materias .inner .materia .assunto {
        height: 25px;
             /* margin-bottom: 8px; */
    text-align: right;
    color: #ababab;
    text-transform: uppercase;
    font-size: 11px;
    display: block;
    justify-content: flex-end;
    display: flex;
    width: 100%;

               
        }

        .materias .inner .materia img {
            max-width: 100%;
            object-fit: cover;
            width: 320px;
            height: 180px;
            /*border: #e6e1e1 1px solid;*/
        }

        .materias .inner .materia .titulo {
            display: block;
            margin-top: 10px;
            font-size: 19px;
            color: #2d2f94;
            margin-bottom: 10px;
        }

.materia a.descricao {
    margin-top: 5px;
    display: block;
    /*color: #999;*/
}

.destaques-2 .link {
    margin-top: 20px !important;
}

.materia .link, .destaques-2 .link {
    padding: 5px 10px;
    display: inline-block;
    background-color: #e47287;
    color: #FFF;
    margin-top: 10px;
    border-radius: 3px;
    float: right;
}

.colunas-titulo {
    padding: 10px 20px;
    text-align: center;
    font-family: var(--fonte-principal);
    font-size: 20px;
    color: #FFF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #7191cb;
    background-color: #2F3193;
    background-color: #8199c5;
}

.colunas {
    /*margin-top:55px;
    float: left;
    width: 270px;*/
    /* margin-top: 40px; */
   
}

    .colunas .inner {
        /*border: #2f3193 1px solid;
        border: #7191cb 1px solid;*/
        background-color: #FFF;
        padding: 10px 22px;
        border: #e6e1e1 1px solid;
        box-sizing: border-box;
        /*min-height: 679px;*/
    }

    .colunas img {
        width: 230px;
    }

    .colunas .coluna {
        padding-top: 29px;
        padding-bottom: 29px;
        /*border-bottom: #2F3193 1px dotted;*/
        /*border-bottom: #c5c5c5 1px dotted;*/
        border-bottom: #e1e1e6 1px dotted;
        text-align: center;
    }

.coluna:first-child {
    padding-top: 15px;
}

.coluna:last-child {
    border-bottom: none;
}

.ultima-nota {
    margin: 15px 0 0px 0;
    text-align: left;
}

    .ultima-nota .titulo {
        font-weight: bold;
    }

    .ultima-nota .conteudo {
        margin-top: 5px;
        text-align: left;
        height: 85px;
        /*overflow: hidden;*/
    }

    .ultima-nota .continua {
        display: inline-block;
        text-align: center;
        font-family: var(--fonte-principal);
        font-weight: 400;
        margin-top: 2px;
        color: #b53e54;
        margin-top: 10px;
    }

.rodape {
    margin-top: 50px;
    background-color: #2D2F94;
    padding-bottom: 30px;
}

    .rodape .titulo {
        color: #FFF;
        margin-top: 20px;
        font-family: var(--fonte-principal);
        font-size: 20px;
    }

    .rodape .texto {
        margin-top: 20px;
        text-align: justify;
        color: #a7b4d4;
        font-size: 13px;
        line-height: 22px;
    }

    .rodape .coluna {
        margin-top: 20px;
        float: left;
        width: 240px;
    }

.coluna.expediente, .coluna.assuntos, .coluna.contato {
    margin-left: 20px;
}

.coluna.assuntos {
    width: 180px;
    margin-left: 40px;
}

.contato .titulo {
    margin-left: 5px;
}

.coluna.sobre {
    margin-right: 50px;
}

.sobre .logo {
    text-align: center;
}

    .sobre .logo img {
        width: 200px;
        height: 55px;
        margin: 0 auto;
        object-fit: cover;
        object-position: 50% 50%;
    }

.expediente p {
    margin-top: 10px;
}

.assuntos a {
    display: block;
    line-height: 30px;
    color: inherit;
}

.sobre .midias {
    text-align: center;
    margin-top: 20px;
}

.contato img {
    float: left;
    margin-top: 6px;
}

.contato p {
    text-align: left;
    padding-left: 50px;
}

h1.titulo-noticia, h1.titulo-contato {
    font-size: 25px;
    margin-top: 20px;
    color: #2D2F94;
    text-align: center;
}

.publicadoEm {
    color: #b1afaf;
    margin-bottom: 30px;
    margin-top: 5px;
    margin-left: 2px;
    font-style: italic;

    text-align:center;
}

.noticias a.item {
    display: block;
    color: inherit;
    margin-bottom: 20px;
    font-size: 18px;
}

.nao-encontrado {
    margin-top: 20px;
}

/*************** FIM: LAYOUT ***************/

/*************** INICIO: GERAL ***************/

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.clear {
    clear: both;
    height: 1px;
}

.margT10 {
    margin-top: 10px;
}

.margT20 {
    margin-top: 20px;
}

.margT25 {
    margin-top: 25px;
}

.margT30 {
    margin-top: 30px;
}

.margT60 {
    margin-top: 60px;
}

.margB30 {
    margin-bottom: 30px;
}

.auto-margin {
    margin: 0 auto;
}

a.link001 {
    color: #F06A81;
}

.f10 {
    font-size: 11px;
}

@media all and (min-width:0px) and (max-width: 768px) {
    /* put your css styles in here */
}

@viewport {
    width: device-width;
    zoom: 1.0;
}

.menu a.toggle {
    display: none;
}

.noticias-4 {
    margin-top: 10px;
    /* float: left;
    width: 280px; */
}

    .noticias-4 > div {
        margin-top: 20px;
    }

        .noticias-4 > div span {
        }

        .noticias-4 > div a {
        }

.data-hoje {
    float: left;
}

.busca {
    float: right;
    width: 145px;
}

    .busca input {
        padding: 5px;
    }

        .busca input[type=text] {
            border: #CCC 1px solid;
            width: 105px;
            background: #f7f7f7;
            float: left;
            border-radius: 5px;
        }

#google-search-bt {
    width: 20px;
    height: 20px;
    background-image: url(../img/search-icon.png);
    display: block;
    background-size: contain;
    float: left;
    margin-top: 3px;
    margin-left: 5px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 600px) {
    html, body {
        min-width: unset;
    }

    * {
        max-width: 100%;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }

    .logo img {
        width: 250px;
    }

    .topo {
        height: unset;
    }

    .foto, .foto img {
        height: auto;
        width: 100% !important;
        margin-left: 0 !important;
    }

    .menu a {
        padding: 10px 0;
        display: block;
        background-color: #2D2F94;
        text-align: center;
    }

    table {
        width: 100% !important;
    }

        table tr {}

            table tr td {
                width: 100%;
                display: block;
                list-style-type: none;
                padding-bottom: 10px;
                max-width: 100% !important;
                width: 100% !important;
                -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
                -moz-box-sizing: border-box; /* Firefox, other Gecko */
                box-sizing: border-box; /* Opera/IE 8+ */
            }

                table tr td p {
                    /*font-size: 25px;*/
                    text-align: center;
                }

                table tr td img, .noticia-holder img {
                    width: 100% !important;
                    height: auto !important;
                }

    .noticia-holder p {
        line-height: 21px;
    }

    .container {
        max-width: 100% !important;
        width: 100% !important;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
                padding: 10px;
    }

    h1.titulo-noticia, .publicadoEm {
        text-align: center;
    }

    .rodape .coluna {
        margin: 20px auto;
        float: none;
        width: 240px;
    }

    .anuncio {
        max-width: 100%;
        float: none;
        width: auto;
        height: auto;
        margin-bottom: 20px;
    }

    .manchete {
        width: 100%;
        margin-right: 0;
    }

    .destaques {
        width: 100%;
        margin-right: unset;
        padding-right: unset;
        border-right: none;
    }

    .destaques.card2{
        flex: auto;
     margin-right: unset;
        padding-right: unset;
        border-right: none;
        border-left:none;
        width:100%;
    }

    .meio {
		& .materias {
			& .inner {
				& .materias2-linha {
					.materia {
						justify-content: center;
					}
				}
			}
		}
	}

    .ultima-edicao {
        width: 100%;
        /* margin: auto; */
    }

        .ultima-edicao .capa-container {
            width: unset;
        }

    .informativo {
        margin-left: unset;
        width: 355px;
        float: none;
        margin: auto;
    }

    .materias {
        width: 100%;
        float: none;
    }

        .materias .inner {
            text-align: center;
        }

            .materias .inner .materia {
                margin: 0 auto;
                margin-bottom: 10px;
                float: none;
                margin-left: auto !important;
            }

                .materias .inner .materia:nth-child(2n+1) {
                    margin-left: auto !important;
                }

                .materias .inner .materia:nth-child(n+3) {
                    margin-top: auto;
                }

    .colunas {
        margin: 20px auto;
        float: none;
    }

    .menu a {
        display: none;
        text-decoration: none;
    }

        .menu a.toggle {
            display: block;
            font-size: 18px;
        }

            .menu a.toggle img {
                width: 20px;
            }

        .menu a.mobi-show {
            display: block;
        }

    body {
        font-size: 15px;
    }

    .noticias-4 {
        margin-top: 10px;
        padding: 20px;
        float: none;
        width: 100%;
    }

    .data-hoje {
        float: none;
        text-align: center;
    }

    .busca {
        margin-top: 10px;
        float: none;
        margin: auto;
        width: 220px;
        margin-top: 15px
    }

        .busca input {
            padding: 5px;
        }

            .busca input[type=text] {
                border: #CCC 1px solid;
                width: 190px;
                background: #f7f7f7;
                float: left;
                border-radius: 5px;
            }

    #google-search-bt {
        width: 20px;
        height: 20px;
        background-image: url(../img/search-icon.png);
        display: block;
        background-size: contain;
        float: left;
        margin-top: 3px;
        margin-left: 5px;
    }
}