/*

############################### Search Tearms

=============> General
--------> Tags&Misc
--------> Header.php
--------> Footer.php


=============> Index.php


=============> Pages/Categories/Single Geral

=============> Pages/Categories/Single Specific

=============> Plugins

=============> Mobile
*/

:root {
    --color-primary: #007d5a;
    --color-muted-foreground: oklch(44.6% 0.03 256.802);
    --color-muted-background: oklch(70.7% 0.022 261.325);
}

/*============================================General============================================*/
/*-----------------Tags&Misc-----------------*/

html{
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    scroll-behavior: smooth;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.content-wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 8px;
}

.section-pt {
    padding-top: 64px;
}

.section-pb {
    padding-bottom: 64px;
}

body {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
}

button {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    cursor: pointer;
}

body > .mdl-layout__container {
        position: relative;
        width: 100%;
        height: 100%;
}

a {
        text-decoration: none;
}

p{
    font-size: 14px;
}

ul{
    font-size: 14px;
    list-style: none;
}

lo li{
    font-size: 0.875em;
}

ol li{
    font-size: 14px;
    font-weight: 300;
}

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

ul.bulletcheck li{
    padding-left: 1.3em;
}

ul.bulletcheck li:before {
    content: "\f00c"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
}

tbody{
    font-weight: 300;
}

.h1Counter {
    line-height: unset;
    letter-spacing: unset;
    margin-top: unset;
    margin-bottom: unset;
    font-size: unset;
}

.h2Counter {
    font-size: unset;
    line-height: unset;
    margin-top: unset;
    margin-bottom: unset;
    font-weight: unset;
}

.h3Counter{
    font-size: unset;
    font-weight: unset;
    line-height: unset;
    margin: unset;
}

.mdl-cell p{
    font-weight: 300;
}

.maxwidth{
    max-width: 1200px;
}

#content:focus, #content:active, #mdl-layout__content:focus, #mdl-layout__content:active, #category-container:focus, #category-container:active {
    outline:none;
}

#delimiter{
    height: 100px;
    /*display: list-item;*/
}

.hide{
    display: none !important;
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.ajax-loader{
    display: none !important;
}

.mdl-layout__obfuscator{
    position: fixed;
    top: 90px;
}

.maxwidth1000{
    max-width: 1024px;
    display: flex;
    margin: 0 auto;
    width: 100%;
    padding: 0;
}

#mdl-layout__content h4 {
    color: unset !Important;
}

/*============================================ Pages/Categories/Single Geral ============================================*/
.content-area{
    width:100%;
    margin:0 auto;
}

#category-container.mdl-tabs .mdl-tabs__panel {
    display: none;
}

#category-container.mdl-tabs .mdl-tabs__panel.is-active {
    display: block;
}


#category-container p strong {
    color: #414141;
}

#category-container p, #category-container ul, #category-container li {
    font-size: 18px ;
    font-weight: 300;
    word-break: break-word;
}

.cabecaDeCat{
    display: flex;
    left: 0;
    width: 100%;
  
    background-color: #F0F0F0;
    position: relative;
}

.cabecaDeCat h1{
    margin: 0;
}

.voltar {
    background: #f4f4f4 !important;
}

.vertical-mdl-tabs {
    margin-top: 30px;
    margin: 0 auto;
}
.vertical-mdl-tabs .mdl-tabs__tab-bar {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: inherit;
    border-bottom: none;
    /*border-right: 1px solid rgba(10, 11, 49, 0.20);*/
}

.vertical-mdl-tabs .mdl-tabs__tab {
    width: 100%;
    min-height: 35px;
    height: 100%;
    line-height: 35px;
    box-sizing: border-box;
    margin-top: 9px !important;
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active {
    color: white !important;
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    content: inherit;
    height: 0;
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs__panel {
    padding: 0;
    max-width: 670px;
    outline: 0;
}

.vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab {
    text-align: left;
    text-transform: none;
    font-weight: normal;
    font-family: "Roboto";
    width: 250px;
    padding: 0px;
    font-size: 0.889em;
}

.articlesColumn {
    position: relative;
}

.entry-title{
    font-size: 1.111em;
    font-family: 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif;
    margin-top:15px ;
    margin-bottom:15px ;
}

.page-title{
    font-size: 1.389em;
    font-family: 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif;
}

.site-content{
    margin-bottom: 20px;
}

.entry-meta{
    background:#f4f4f4;
    padding: 10px;
}

.entry-meta a{
    color: #414141 !important;
    padding: 10px;
}

.entry-summary {
    overflow: auto;
}

.MenuItem{
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 22px;
    margin-top:auto;
    margin-bottom:auto;
    font-size: 20px;
}

.interTab {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    margin-bottom: -1px;
}

a.mdl-tabs__tab.normalTab.interTab:hover{
    color: white !important;
}

.more_vert{
    font-size: 14px;
}

.more_vert:after {
    content: '\f078';
    font-family: FontAwesome;
    font-weight: normal;
    margin-left: 10px;
}

.more_vert.active:after {
    content: '\f077';
}

.catTitleWithImage {
    margin: 70px auto 20px auto !important;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    max-width: 1024px;
    line-height: unset;
    letter-spacing: unset;
}

.cabecaDeCat img{
    width: 150px;
    height: 150px;
}

.formSearchCat{
    margin-left: auto;
    display: flex;
}

.contactSearch{
    position: relative;
    height: fit-content;
    padding: 7px 60px;
    width: calc(300px + 60px);
    margin-top: 100px;
    outline: none;
    border: 0;
    border-radius: 5px;
    font-size: 16px;
}

.greenZone{
    display: flex;
    width: 37%;
    min-height: 200px;
    background-color: rgba(0, 112, 53, 0.15);
}

.espacamentoFixo{
    margin-top: 105px !important;
}

.formSearchCat label{
    position: fixed;
    top: -1000px;
}

.titleGreenZone{
    margin-top: 70px;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    display: flex;
    margin-bottom: 75px;

    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;

    position: relative;
}

.titleGreenZone:before {
    width: 100%;
    position: absolute;
    content: "";
    display: flex;
    height: 100%;
    right: 100%;
}

.catTitleNoIMG{
    word-wrap: break-word;
    padding: 15px;
    max-width: 74%;
    line-height: 28px;
    padding-left: 0;
}



/*============================================ Pages/Categories/Single Specific ============================================*/
/*----------------- category-eventos.php -----------------*/
.mdl-button--raised.mdl-button--colored{
    box-shadow: none;
    width: 95px;
    height: 35px;
    font-size: 18px;
    font-weight: normal;
    text-transform: none;
    background: #cccccc !important;
    color: white !important;
    margin-top: 45px;
    padding: 0;
    border-radius: 0;
    trasition: unset;
}

.mdl-button--raised.mdl-button--colored:hover{
    color: white !important;
    background: #6c6c6c !important;
}

.pagination{
    list-style: none;
    display: flex;
    margin: 0;
    margin-left: auto;
}

.pagination li:first-child{
    margin-left: auto;
}

.pagination li {
    padding: 0px 8px;
    margin-left: 10px;
    font-size: 13px;
    border-radius: 14px;

    font-weight: bold;
}

.pagination li.active{
    background: #F0F0F0;
}

.pagination li a{
    font-weight: bold;
}

.pagination li span .fa{
    font-weight: bold;
    color: #F0F0F0;
}

.threeEvents{
    display: flex;
    width: 100%;
    margin-bottom: 60px;
}

.threeEvents:last-child{
    margin-bottom: unset;
}

.eventsBox{
    max-width: 295px;
}

.eventsBox:nth-child(2n){
    margin: 0 auto;
}

.eventLink{
    outline: none;
    display: flex;
    flex-direction: column;
}

.eventsThumb{
    width: 100%;
    height: 220px;
}

.eventH2{
    margin-top: 35px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    height: 18px;
    display: flex;
    align-items: center;
}

.eventSpan{
    font-weight: 300;
    color: #000000;
    font-size: 16px;
}

.eventData {
    font-size: 16px;
    color: black;
    font-weight: 400;
    text-align: center;
    margin-top: 30px;
}

.eventosphp .pagination{
    width: 100%;
}

.prevEvents, .nextEvents{
    color: rgb(158,158,158);
    font-weight: 400;
    font-size: 16px;
}

.prevEvents{margin-right: auto;}
.nextEvents{margin-left: 10px;}

.EventPages{
    font-weight: 400;
    font-size: 16px;
    margin-left: auto;
}

.eventosZone {
   	width: 100%;
    display: flex;
    position: relative;
}

.threeTopEvents{
	display: none;
	width: 100%;
}

.activeTop{
	display: flex;
}

.eventosZone .prevArrow, .eventosZone .nextArrow {
    height: 220px;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
}

.eventosZone .prevArrow{left: -40px;}
.eventosZone .nextArrow{right: -40px;}

.eventosZone .prevArrow img, .eventosZone .nextArrow img {
    margin: 0 auto;
}

.lineBreak{
	display: flex;
	height: 1px;
	width: 100%;
	margin: 40px auto;
	background: #666;
}

/*----------------- single.php -----------------*/
.singlephp{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px !important;
}

#mdl-layout__content h4{
    color: rgba(27, 153, 232, 1);
}

.texto-h{
    margin-bottom: 100px;
    font-size: 0.6666666666666666em;
    width: 100%;
    max-width: 800px;
}

.texto-h p, .texto-h div{
    font-size: 18px;
    font-weight: 300;
}

.texto-h ul,
.texto-h ol{
    font-size: 18px;
    font-weight: 300;
}

.postZone{
    display: flex;
    /*margin-top: 45px;*/
    flex-direction: column;
    width: 100%;
}

.postContent{
    padding: 0;
    margin-top: 30px;
    width: 100%;
}

.singleIMGzone {
    width: 100%;
    height: 200px;
    max-width: 214px;
    margin-left: 10px;
}

.singlephp .breadcrum{
    margin-top: 75px;
    margin-bottom: 40px;
}

.singlephp .titleGreenZone{
    margin-bottom: unset;
}

.thumbnailCaption{
	width: calc(100% - 20px);
    display: flex;
    padding: 10px;
    font-weight: 300;
    font-size: 14px;
    font-style: italic;
}

.wp-caption-text {
    width: calc(100% - 20px);
    display: flex;
    padding: 10px;
    font-weight: 300;
    font-size: 14px;
    font-style: italic;
    margin-top: -16px;
}
.share_icons{ 
	display: flex;
	font-size: 0px; 
}
.share_icons a{ margin-right: 10px; } 
.share_icons img{
	width: 38px;
	height: 38px;
}


/*----------------- breadcrum -----------------*/
.breadcrum{
    margin-bottom: 40px;
}

.segundo-tile{
    margin: 0;
    background-color: #8eabc8;
}

.terceiro-tile{
    margin: 0;
    background-color: #a5bcd3;
}

.quarto-tile{
    margin: 0;
    background-color: #b7c9dc;
}

.quinto-tile{
    margin: 0;
    background-color: #c4daf1;
}


/*----------------- category-noticias.php -----------------*/
.smallNews {
    width: 100%;
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: 300;
    min-width: 148px;
}

.smallNews .thumbnail{
    margin-right:18px;
    width: 300px;
    height: 180px;
    background-size: 100% 100%;
    background-position: 50%;
}

.smallNews p{
    font-size: 0.778em;
    color: #414141;
}

.smallNewsInfo{
    width: 876px;
    position: relative;
}

.dateNoticias{
    font-size: 14px;
    color: #6c6c6c;
}

.notNav a{
    color: #6c6c6c;
}

.notNav a:hover{
    color: #6c6c6c;
}

.newsLink{
    font-size: 1.000em;
    position: absolute;
    bottom: 0;
    right: 25px;
}

.categoryNoticias{
    margin-top: calc(105px + 75px);
}

.notNav{
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 0.6666666666666666em;
    justify-content: flex-end;
    font-weight: bold;
    margin-bottom: 30px;
    height: 31px;
    margin-top: 100px;
}

.nNav span{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.notTitleLink{
    font-weight: 500;
    font-size: 19px;
}

.noticiasphp .breadcrum{
    max-width: 1024px;
    margin: 0 auto;
}


/*----------------- content-page.php -----------------*/
.postClass ul.tabs {
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #ccc;
}
.postClass ul.tabs li {display: inline-block;}
.postClass ul.tabs a {
    display: block;
    position: relative;
    top: 1px;
    padding: 5px 10px;
    border: 1px solid transparent;
    text-decoration: none;
}
.postClass ul.tabs a.active {
    border-color: #ccc;
    border-bottom-color: #fff;
}
.postClass section.tab {
    display: none;
    margin-bottom: 15px;
    padding: 15px 15px;
}
.postClass section.tab.active {
    display: block;
    background-color: #f9f9f9;
}
.postClass br{
    display: none;
}


/*----------------- functions.php -----------------*/
.nNav{
    display: flex;
    align-items: center;
    float: left;
    height: 40px;
    position: relative;
}

.iconh5{
    color:#56718b;
    margin:5px;
    font-size: 1.000em;
}

.iconp{
    margin:5px;
    font-size: 0.722em;
}

.iconp {
    font-size: 0.667em;
    font-family: roboto;
    font-weight: 400;
    color: #666666;
    padding-right: 10%;
    line-height: 20px;
}

.CatResultsAllot{
    display: flex;
    border-bottom: 1px solid #ccc;
    padding-top: 12.5px;
    padding-bottom: 12.5px;
    /* margin-top: 15px; */
}

.contentOFresultscat{
    display: flex;
    font-weight: 300;
    font-size: 0.889em;
    flex-direction: column;
}

.resultbyyear{
    margin-left: 1vw;
    border-color: #a9a9a9;
    color: #a9a9a9;
    outline: none;
    width: 4vw;
    height: 25px;
}

.catTable td{
    padding: 1vw;
    padding-left: 0;
}

.catTable tr:first-child td{
    /*background-color: #f4f4f4;*/
}

.fileDownloadCat{
    font-size: 1.389em;
    color: #7296ba;
}

.fileDownloadCat:hover{
    color: #56718b !important;
}

.mdl-list__item--two-line:hover{
    background:#f3f3f3;
}

.mdl-list__item--two-line.blue {
    background: #f4f4f4;
    color: #56718b;
    width: 250px;
    height: 60px;
    font-size: 0.833em;
}

.mdl-list__item--two-line.blue:hover{
    color:#ffffff;
}

.mdl-list__item--two-line.grey{
    background:white !important;
    cursor: pointer;
}

.mdl-list__item--two-line.grey:hover{
    background:#f4f4f4 !important;

}

.mdl-list__item--two-line.blue i {
    font-size: 2.833em;
    font-weight: bolder;
    color:#8aa7c9;
}

.mdl-list__item--two-line.blue:hover i {
    font-size: 2.833em;
    font-weight: bolder;
    color:#ffffff;
}

.div_Info_insa{
    padding: 1vw;
    background: #eff3f7;
    margin-left: 25px;
}

div.div_Info_insa .titulo{
    font-family: 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 1.556em;
}

.shortCCell{
    margin-top: 20px;
    margin-left: 0px !important;
}

.shortCCell:hover p, .shortCCell:hover h5, .shortCCell:hover span{
    color: white;
}

.falink:hover{
    color: #56718b !important;
}

.catCom td:first-child{
    width: 7vw;
}

#mdl-layout__content .mdl-list__item--two-line.grey{
    background-color: #f4f4f4 !important;
}

#mdl-layout__content .teamico{
    display: none;
}

.greenBorderTwo {
    max-width: 15%;
    display: flex;
    border-bottom: 3px solid #0da542;
}

.greenBorder {
    max-width: 70%;
    display: flex;
    border-bottom: 3px solid #0da542;
}

.catFileDate{
    font-size: 16px;
    font-weight: 300;
}

.catFileTitle{
    font-size: 16px;
    font-weight: 500;
    color: grey;
}


/*----------------- category.php -----------------*/
.subMenuClass>a.is-active{
    background-color: unset !important;
}

.tabCatTitle{
    font-weight: normal;
    font-family: "Roboto";
    cursor: pointer;
    width: 250px;
    padding-top: 10px;
    font-size: 20px;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: -1px;
    outline: none;
}

.subTabCatTitle{
    font-weight: normal;
    font-family: "Roboto";
    cursor: pointer;
    width: 250px;
    padding-top: 10px;
    font-size: 20px;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: -1px;
}

.tabActive{
    color: #ffffff !important;
}

.subMenuClass{
    width: 250px;
    background: #e5eff4;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}

.subMenuClass .subMenuClass {
    width: 248px;
}


.subMenuClass>a{
    border: none;
    width: 100% !important;
}

.subMenuClass .MenuItem{
    padding-left: 20px;
    color: #000;
    font-weight: 400;
    font-size: 18px;
}

#tabp1-panel p {
    margin-top: 0;
}

.categorytitle {
    margin-bottom: 1vw;
    display: flex;
    font-size: 20px;
}

.catBread{
    margin-top: 40px;
    margin-bottom: 40px;
}

.notesZone{
	font-weight: 300;
    font-size: 14px;
    font-style: italic;
}


/*----------------- content.php -----------------*/
.searchArticle{
    padding: 20px;
    margin-bottom: 20px;
    background-color: #e1e6e9;
    border-left: 5px solid #0488d7;
}

.searchArticle{

}

.searchArticle .entry-summary{
    overflow: inherit !important;
}


/*----------------- category-contactos.php -----------------*/
.contactosphp{
    margin: 0 auto;
}

.contactosphp label{
    position: fixed;
    top: -1000px;
}


/*----------------- content-search.php -----------------*/
.card {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 1s;
}


/*----------------- category-fale-connosco.php -----------------*/
.faleForm{
    width: calc(83.6666666667% - 16px);
    background: #f0f0f0;
    padding: 50px 50px 20px 20px;
}

.faleForm .fa-user, .faleForm .fa-envelope, .faleForm .fa-comment, .faleForm .fa-pencil{
    height: 30px;
    margin-right: 20px;
}

.faleForm .fa-user{font-size: 30px;}
.faleForm .fa-envelope{font-size: 24px;}
.faleForm .fa-comment{font-size: 24px;}
.faleForm .fa-pencil{font-size: 28px;}

.cleanSend{
    display: flex;
}

.faleClean{
    background: none;
    border: 1px solid #c8c8c8;
    color: #c8c8c8;
    outline: none;
    margin-right: 5px;
    margin-left: auto;
    height: 25px;
    width: 70px;
}

.faleSend{
    color: white;
    outline: none;
    height: 25px;
    width: 90px;
}

.faleTextInput{
    height: 20px;
    padding: 5px;
    border-top: 0;
    border-bottom: 0;
    border-left: 3px solid #c8c8c8;
    border-right: 3px solid #c8c8c8;
    width: 100%;
}

.faleTextInput[name=Mensagem], .faleTextInput[name=Assunto]{
    height: unset;
}

.faleForm label{
	display: none;
}

.declaration .faleTextInput {
    height: 30px;
    margin-left: 44px;
    width: 50%;
}


/*----------------- category-como-chegar.php -----------------*/
.comoChegarZone{
    padding: 0;
    margin-top: 60px;
    position: relative;
}

.CCPanel{
    width: 100%;
}

.CCMap{
    display: flex;
    height: 450px;
    width: 100%;
    overflow: hidden;
}

.CCContent{
    padding: 0;
    display: flex;
    flex-direction: column;
}

.ComoChegar {
    margin: 10px 0 20px;
    width: fit-content;
    height: 21px;
    padding: 2px 10px;
    color: white;
}



/*============================================ Plugins ============================================*/
.accordion {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px;
}

.accordion-heade-image{
    min-width: 50px;
    height: 50px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position-x: 50%;
    display: flex;
    align-self: center;
    margin-left: 20px;
    margin-right: 30px;
}

.accordion-title {
    border-top: 1px solid #dbdbdb;
    margin: 0;
    padding: 0px 0;
    cursor: pointer;
    font-size: 1.000em;
    position: relative;
    display: flex;
}

.accordion-title > span{
    display: flex;
    flex-direction: column;
}

.accordion-title > span > span{
    line-height: 2;
    font-size: 16px;
}

.accordion-title > span > span:first-of-type{
    font-size: 18px;
}

.accordion-title:hover {
    background-color: #f9f9f9 ;
}
.accordion-title:first-child {border: none;}
.accordion-title.open {cursor: default;}
.accordion-content {padding-bottom: 20px; font-weight: 300;}

.TheAgenda{
    display: flex;
    margin-bottom: 20px;
}

.dateEventAgenda{
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    min-width: 63px;
    height: 63px;
    align-items: center;
}

.eventDay{
    font-size: 27px;
    color: #ffffff;
    line-height: 38px;
}

.eventMonth{
    font-size: 22px;
    font-weight: 300;
    text-transform: lowercase;
    color: #ffffff;
}

.newsletter-widget form{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.newsletter-firstname{
    width: 100%;
    height: 35px;
    border:0;
    padding: 0;

}

.newsletter-email{
    width: 100%;
    height: 35px;
    border:0;
    padding: 0;

}

.newsletter-submit{
    background:#56718b;
    color:#fff;
    height: 35px;
    border:0;
    padding: 0px 1vw 0px 1vw;
}

.newsletter-submit:hover{
    cursor: pointer;
    background-color: #415568;
}

.newsletter-widget p{
    width: 50%;
    display: flex;
}

.newsletter-widget p:first-of-type{
    width: 35%;
    display: flex;
}

.newsletter-widget p:nth-of-type(2){
    width: 50%;
    margin-left: 10px;
}
.newsletter-widget p:nth-of-type(3){
    width: 15%;
    margin-left: 10px;
}

.newsletterdiv p{
    margin-top: 0;
    margin-bottom: 0;
}

div#n2-ss-6.n2-ss-load-fade.n2-ss-loaded {
    z-index: 0;
}

.rss-aggregator{
    list-style: none;
    padding: 0;
}

.rss-aggregator ul{
    list-style: none;
    padding: 0;
    display:flex;
}

.rss-aggregator ul > li{
    margin-right:20px;
    margin-left: 10px;
    font-size: 0.778em !important;
}

.feed-item i{
    font-size: 1.389em;
}

.feed-date{
    font-weight: bold;
}

.feed-item a{
    color:#414141 !important;
    text-transform: uppercase;
}

.feed-item {
    border-bottom: 1px solid #ccc;
    font-size: 0.778em !important;
}

.feed-item.grey{
    background:#f4f4f4;
    display: flex;
    height: 60px;
    align-items: center;

}

.feed-item.grey li {
    font-weight: bold;
    font-size: 0.778em !important;
}

.accordion-title.open:after{
    content: '\f078';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin:0px 0px 0px 10px;
    text-decoration:none;
    transform: rotate(180deg);
}

.accordion-title:after{
    content: '\f077';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    height: fit-content;
    display: flex;
    transform: rotate(180deg);
    position: absolute;
    right: 0;
    top: 0;
}

.goog-te-menu2 table tbody tr td {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.labelNewsletter {
    font-size: 0.667em;
}

.nl35{
    width: 35%;
}

.nl45{
    width: 45%;
}

.nl17{
    width: 17%;
}

.n2-ss-slider{
    font-size: 0.889em !important;
}

#googleMap{
    width: 100%;
    height: 400px;
    position: absolute;
    left: 0;
    overflow: hidden;
    z-index: 999999;
}

.cmra-header{
    display:none !important;
}

.cmra-category-link-list{
    display:flex;
}

.cmra-favicon{
    display:none !important;
}

.cmra .cmra-link-image{
    width: 100% !important;
}

.cmra .cmra-category li{
    border-bottom:none;
}

.cmra-category-link-list-entry{
    border: unset !important;
}

.cmra-category-link-list-entry:nth-child(2) {
    padding: 0 20px !Important;
}

.cmra-content{
    margin-bottom: 0px !Important;
}

.cmra-category{
    margin: 0px !Important;
}

.css-events-list{
    margin-left: 30px;
    margin-bottom: 20px;
    min-height: 248px;
}

.wpcf7{
    width: 100%;
}

.wpcf7-form-control-wrap{
    display: flex;
}

.textboxSelection{
	display: flex;
    flex-direction: column;
    margin-left: 22px;
    margin-bottom: 20px;
}

.textboxSelection label{
	display: flex;
	
}

.singlephp .wpcf7{
    background: #f0f0f0;
    padding: 20px;
}

.singlephp .wpcf7 label {
    display: none;
}

/* Concursos */

.contests_content{
	max-width: 1200px;
	margin: 0 auto;
    padding: 16px;
}

.contests_item{
    border-top: 1px solid var(--main-color, #0047BB);
    border-bottom: 1px solid var(--main-color, #0047BB);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contests_link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
}
.contests_item:nth-child(2n){
	background: #e8edf2;
}

.contests_date {
   font-size: 12px !important;
}

.contests_item_title{
    font-size: 20px;
    width: 100%;
    margin: 0;
    line-height: normal;
    font-weight: 500;
}

.contests_readmore{
    font-size: 14px;
    color: rgba(0,0,0, 0.87) !important;
    font-weight: 300;
}

.fa-plus-circle:before {
  color: rgba(0,0,0, 0.87) !important;
}

.contests_block{
	display: none;
	flex-direction: column;
	margin-bottom: 20px;
}
.contests_block_active{
    display: flex;
}

.contests_selector{
	display: flex;
	align-items: end;
	margin-bottom: 40px;
}

.contests_selector a, .contests_selector select {
    height: 44px;
    border-radius: 4px;
}

.contests_selector select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.contest_selecter{
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 500;
    border: solid 1px #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    margin-right: 20px;
    color: #ccc;
    background-color: transparent;
}

.contest_selecter:not(.contest_selecter_ative):hover{
    color: var(--main-color, #0047BB);
    border-color: var(--main-color, #0047BB);
}

.contest_selecter_ative{
    background-color: var(--main-color, #0047BB);
    color: #fff;
    border-color: var(--main-color, #0047BB);
}

.contest_year_selector{
    display: flex;
    align-items: end;
}

.year-selector-wrapper {
    display: flex;
    flex-direction: column;
}

.contest_year_selector label {
    font-size: small;
    opacity: 0.5;
}

#year_selector{
    height: 46px;
    padding: 0 30px;
    font-weight: 500;
    font-size: 18px;
}

#year_filter{
    background: var(--main-color, #0047BB);
    color: white;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border: 1px solid var(--main-color, #0047BB);
}

.contests_seperatingline{
	display: flex;
    margin: 60px 0;
}

.pag_setas a{display: flex;}
.pag_setas .fas{font-family:"FontAwesome"; margin: 0 10px;}

.areaconc{min-height: calc(100vh - 226px - 135px);    padding-top: 95px;}

.contests_selector_ah{
   display: flex;
    height: 100%;
}

/*============================================ Mobile ============================================*/
@media (min-width: 840px) {
    .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: calc(25% - 30px);
    }

    .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 66px);
    }

    .option .mdl-cell--6-col{
        width: calc(50% - 16px);
    }
}

@media (min-width: 767px) and (max-width: 1025px) {

    .vertical-mdl-tabs {
        margin-top: 30px !important;
    }

    .mdl-mini-footer{
        justify-content: inherit !Important;
    }

    .mdl-mini-footer li {
        margin-right: 20px;
    }

    .padding15Mobile{
        padding: 0 15px;
    }

    .cabecaDeCat{
        padding: 0 15px;
    }

    .card, .card figure{
        position: initial !important;
    }

    .menus_e_lupa{
        margin-top: 0;
    }
}

@media (max-width: 839px) and (min-width: 480px){
    .container{
        margin-top: 30px;
    }
}

@media (max-width: 479px){
    .smallNews p{
        margin-right: 0;
    }

    .articlesColumn{
        width: 100% !important;
    }

    .vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs__panel{
        padding-left: 0;
        padding: 10px;
    }

    .mdl-layout__header{
        height: auto;
    }

    .menus_e_lupa{
        margin-top: 45px !important;
    }

    .logos_login {
        margin-top: 12px !important;
    }
}

@media (max-width: 839px) and (min-width: 480px){

    .menus_e_lupa{
        display: inline-block;
    }

    .mdl-layout__header{
        height: auto;
    }

    .logos_login {
        margin-top: 12px !important;
    }

    .articlesColumn{
        width: 100% !important;
    }

    .vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs__panel{
        padding-left: 0;
    }

    .articleColumntitle{
        margin-top: 10px;
    }
}

@media (max-width: 479px) {

    .mdl-cell--2-5-col,
    .mdl-cell--2-5-col-phone.mdl-cell--2-5-col-phone {
        width: calc(100% - 24px); }
    .mdl-grid--no-spacing > .mdl-cell--2-5-col, .mdl-grid--no-spacing >
    .mdl-cell--2-5-col-phone.mdl-cell--2-5-col-phone {
        width: 100%; }
        
    .postContent img{
    	width: 100%;
	}
}

@media (min-width: 480px) and (max-width: 839px) {

    .mdl-cell--2-5-col,
    .mdl-cell--2-5-col-tablet.mdl-cell--2-5-col-tablet {
        width: calc(50% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--2-5-col, .mdl-grid--no-spacing >
    .mdl-cell--2-5-col-tablet.mdl-cell--2-5-col-tablet {
        width: 50%; }

    .mdl-cell--2-5-offset,
    .mdl-cell--2-5-offset-tablet.mdl-cell--2-5-offset-tablet {
        margin-left: calc(50% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-5-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-5-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: 50%; }
}

@media (min-width: 840px) {

    .mdl-cell--2-5-col,
    .mdl-cell--2-5-col-desktop.mdl-cell--2-5-col-desktop {
        width: calc(20% - 24px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .mdl-grid--no-spacing > .mdl-cell--2-5-col, .mdl-grid--no-spacing >
    .mdl-cell--2-5-col-desktop.mdl-cell--2-5-col-desktop {
        width: 20%; 
    }
	.hovEventImg {
    height: auto;
    margin-left: 2%;
    width: 370px;
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        display: inherit;
    }

    .mdl-layout__header .mdl-layout__drawer-button {
        margin-top: 95px;
        margin-left:0;
        width:100%;
    }
}

@media (max-width: 479px){
    .menus_e_lupa .mdl-navigation {
        display: none;
    }

    .mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
        display: inherit;
        background: #26ae55;
    }
}

@media (max-width: 479px){
    .categoryNoticias{
        margin-top: 0px;
    }

    .categoryNoticias .notNav{
        margin-top: 20px;
    }

    .catTable td{
        padding: 3vw;
    }

    .mobile_nav li.menu-item-has-children .sub-menu {
        display: none;
        position: relative;
        border: none;
        top: initial;
        flex-direction: column;
        margin: 0;
        background: white;
    }

    .mobile_nav li.menu-item-has-children .sub-menu.active{
        display: flex;
        position: relative;
    }

    .mobile_nav li.menu-item-has-children .sub-menu li{
        display: flex;
        border: 0;
        margin: 0;
        padding: 0;
        position: relative;
        background: rgba(13, 166, 66, 0.4);
    }

    .mobile_nav li.menu-item-has-children .sub-menu li:hover{
        background: none;
    }

    .mobile_nav li.menu-item-has-children .sub-menu li a{
        color: rgba(13, 166, 66, 1) !important;
        padding-left: 40px;
        padding-right: 20px;
        font-family: Roboto;
        font-size: 13px;
        width: initial;
        line-height: 1.2;
        display: flex;
        align-items: center;
    }

    .arrow_menu_m,
    .arrow_submenu_m {
        color: white;
        display: flex;
        position: absolute;
        right: 15px;
        top: 11px;
    }

    .arrow_menu_m.active:before,
    .arrow_submenu_m.active:before {
        content: "\f077";
    }

    .fixedHeader{
        display: none;
    }

    .archive-header{
        display: none;
    }

    .padding15Mobile{
        padding: 0 15px;
    }

    .texto-h img{
        width: 100%;
        height: 100%;
    }

    .shareDev{
        order: 2;
        display: flex;
        width: fit-content;
        margin-left: auto;
    }

    .LeCopyright{
        order: 3;
    }

    .nNav{
        float: right;
    }

    .catFileTitle{
        font-size: 13px;
    }

    .catFileDate{
        font-size: 13px;
    }

    .notNav{
        flex-direction: column !important;
        align-items: flex-end !Important;
    }

    .resultbyyear{
        width: initial !Important;
    }

    .greenBorderTwo{
        max-width: initial !Important;
    }

    .catCom td:first-child {
        width: initial !Important;
    }

    #smartslider {
        display: none;
    }

    .mdl-layout__header:first-child {
        top: 0;
    }

    .mdl-layout__header:nth-child(2) {
        top: 68px;
    }

    .indexphp{
        margin-top: 255px !important;
    }

    .mdl-cell {
        margin-top: 0!important;
    }

    .footerphp ul {
        display: flex;
        flex-direction: column;
    }

    .INSACells{
        margin-top: 10px !important;
    }

    .menus_e_lupa{
        margin-top: 0;
    }

    .logos_login .mdl-layout__title{
        width: 100%;
    }

    .logos_login a{
        width: 48%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .logos_login img{
        width: 100%;
    }

    .menus_e_lupa{
        display: flex;
    }

    .menus_e_lupa .material-icons{
        color: #fff;
        font-size: 1.900em;
    }

    .mdl-layout__drawer{
        z-index: 10000000;
    }

    .noheight{
        height: initial !important;
    }

    .footerContainerR{
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        width: calc(100% - 20px);
        margin: 10px auto 0;
    }

    .LeCopyright{
		order: 3;
		margin: 20px auto;
    }

    .developed{
        margin-left: auto;
        margin-right: 10px;
    }
}

@media (max-width: 1200px) {
    body{
		padding-top: 0;
	}
	.singlephp{
        margin-top: 112px;
    }

    .header_mobile {
        display: flex !important;
        position: fixed;
        width: 100%;
        /* height: 117px; */
        /* height: 90px; */
        z-index: 9999999;
        flex-direction: column;
    }

    .mdl-navigation.mobile_nav .mdl-navigation{
        top: unset;
        box-shadow: none;
    }

    .mdl-navigation.mobile_nav a{
        width: 100%;
        height: 40px;
        line-height: 1;
        font-weight: 400;
        font-family: Roboto;
        color: white !important;
        display: flex;
    	align-items: center;
    }

    .mobile_nav li.menu-item-has-children .sub-menu {
        display: none;
        position: relative;
        border: none;
        top: initial;
        flex-direction: column;
        margin: 0;
        background: white;
    }

    .mobile_nav li.menu-item-has-children .sub-menu.active{
        display: flex;
        position: relative;
    }

    .mobile_nav li.menu-item-has-children .sub-menu li{
        display: flex;
        border: 0;
        margin: 0;
        padding: 0;
        position: relative;
        background: rgba(13, 166, 66, 0.4);
    }

    .mobile_nav li.menu-item-has-children .sub-menu li:hover{
        background: none;
    }

    .mobile_nav li.menu-item-has-children .sub-menu li a{
        color: rgba(13, 166, 66, 1) !important;
        padding-left: 40px;
        padding-right: 20px;
        font-family: Roboto;
        font-size: 13px;
        width: initial;
        line-height: 1.2;
        display: flex;
        align-items: center;
    }

    .arrow_menu_m {
        color: white;
        display: flex;
        position: absolute;
        right: 15px;
        top: 11px;
    }

    .menu_mobile{
        position: fixed;
        top: 90px;
        max-height: 80%;
        overflow-x: hidden;
        height: initial;
        border: none;
    }

    .submenuVoltar:before {
        content: "\f053";
        font-family: FontAwesome;
        padding-right: 10px;
        font: normal normal normal 14px/1 FontAwesome;
    }

    .fixedHeader{
        display: none;
    }

    .indexphp{
        margin-top: 240px !important;
    }
}

@media (min-width: 767px) and (max-width: 1025px) {
    .SecSubCard{
        flex-wrap: wrap;
    }

    .SubCardZone{
        width: 50%;
    }

    .SubCardZone a{
        margin: 0 auto 15px auto;
    }
}

@media (max-width: 479px){
    .SecSubCard{
        flex-direction: column;
    }

    .SubCardZone{
        margin-bottom: 30px;
        width: 100%;
    }

    .SubCardZone a{
        margin: 0 auto;
    }

    .smallNews{
        flex-direction: column;
        width: calc(100% - 20px);
        margin-left: auto;
        margin-right: auto;
    }

    .notTitleLink{
        margin-bottom: 15px;
    }

    .areaCidMobile{
        display: flex;
        padding: 0 15px;
        padding-top: 20px;
    }

    .greenZone{
        width: auto;
    }

    .videosEventos{
        flex-direction: column;
    }

    .footerphp ul{
        flex-direction: row;
    }

    .mdl-mini-footer li{
        width: 50%;
    }

    .footerphp .sub-menu{
        flex-direction: column;
    }

    .newsletterSG {
        display: none;
    }

    .NLMobileAndLogo{
        display: flex;
    }

    .newsletterGrey{
        margin-right: auto;
        padding: 0 10px;
        height: initial;
        margin-left: 0;
        flex-direction: column;
        background: #cccccc;
    }

    .newsletterGrey span{
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .newsletterGrey input{
        padding: 5px;
        width: calc(100% - 20px) !Important;
        margin-bottom: 5px;
    }

    .newsletterGrey .NLMail{
        margin-bottom: 10px;
    }

    .NLMobileAndLogo img{
        height: 50px;
        /* width: 100%; */
        margin-right: auto;
    }
	.hovEventImg {
    height: auto;
    margin-left: 2%;
    width: 370px;
    }
    
    .contests_content{
    	max-width: calc(100% - 40px);
    }
    
    .contests_selector{
    	flex-direction: column;
	    height: unset;
	    align-items: flex-start;
	    gap: 20px;
    }
    
    .contest_selecter{height: 40px;}
}

@media (max-width: 479px){
    #homepage_header{
        display: none;
    }

    .secMenu{
        margin-bottom: 30px;
    }

    .noticiasIndex, .destaquesIndex{
        width: 100%;
    }

    .noticiash1{
        width: fit-content;
        padding-left: 2%;
    }

    .noticiasZone .notBox{
        display: none;
        margin: 0 auto;
    }

    .noticiasZone .mobNotActive{
        display: flex;
    }

    .eventosZone .notBox {
        display: none;
        margin: 0 auto;
    }

    .eventosZone .mobNotActive {
        display: flex;
    }
    .prevArrowM, .nextArrowM{
        display: unset;
    }

    .prevArrow, .nextArrow{
        display: none;
    }

    .destaqueh1{
        margin-left: 2%;
    }

    .destaquesZone{
        margin: 0 auto;
    }

    .n2-ss-slider-1, .n2-ss-slider{
        width: 100% !Important;
    }

    .videos_container{
        padding-right: unset !Important;
        padding: 0 15px 20px 15px !Important;
        margin-bottom: 70px;
    }

    .notDestIndex{
        margin-bottom: 70px;
    }

    .css-events-list{
        margin: 0 15px;
    }

    .threeEvents{
        flex-direction: column;
        margin-bottom: unset;
    }

    .eventsBox, .eventsBox:nth-child(2n){
        margin: 0 15PX;
        margin-bottom: 30px;
    }

    .voltarDiv{
        margin: 0 15px;
    }

    .eventosphp .pagination{
        margin: 0 15px;
    }

    .cabecaDeCat .maxwidth1000{
        flex-direction: column;
        align-items: center;
    }

    .imgCDC{
        width: calc(100% - 30px);
        PADDING: 0 15PX;
        TEXT-ALIGN: CENTER;
    }

    .formSearchCat{
        WIDTH: CALC(100% - 30PX);
        padding: 0 15px;
        margin: 0;
    }

    .contactSearch{
        margin-top: 20px;
        width: calc(100% - 30px);
    }

    .categoryNoticias{
        padding: 0 15px;
        width: calc(100% - 30px);
    }

    .titleGreenZone{
    	margin-top: 218px;
        max-width: unset;
        padding: 0 10px;
        width: 100%;
    }

    .titleGreenZone:before{
        width: 400%;
        z-index: -1;
        left: -100%;
        right: unset;
    }

    .categoryNoticias .smallNews{
        margin: 0;
        width: 100%;
    }

    .categoryNoticias .smallNewsInfo{
        order: 2;
        width: 100%;
    }

    .newsLink{
        right: 0;
    }

    .smallNews .thumbnail{
        order: 1;
        width: 100%;
    }

    .espacamentoFixo{
        margin-top: 90px !Important;
    }

    .categoryNoticias{
        margin-top: 130px;
    }

    .texto-h{
        width: calc(100% - 30px);
    }

    .singlephp{
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    .contactosTitle{
        padding: 0 15px;
    }

    .categoryContent{
        padding: 0 15px;
        width: calc(100% - 30px);
    }

    .articlesColumn{
        margin-bottom: 30px;
    }

    .catBread{
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    .pdfIcon{
        width: 24px !Important;
        height: 24px !Important;
    }

    .catTitleNoIMG{
        max-width: 50%;
    }
    
    .newsLink{
    	bottom: -22px;
    }
    
    .titleGreenZone:before{
    	width: inherit;
    	left: -60%;
    }
}
@media (max-width: 320px) {

 	.hovEventImg {
    height: 50px;
    margin-left: 2%;
    width: 310px;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
     
     .areaCidLupa{
     	DISPLAY: BLOCK;
     }
     
     .catTitleNoIMG{
     	line-height: normal;
     	letter-spacing: normal;
     	margin-top: 0;
     	margin-bottom: 0;
     	font-size: 24px;
     }
     
     .notTitleIndex{
     	margin-bottom: 0;
     	line-height: normal;
     	margin-right: auto;
     }
     
     .notBox hr{
     	margin-right: auto;
     }
}


/* New Homepage */

.hero-section {
    height: calc(100vh - var(--header-height));
    display: flex;
    flex-direction: column;
}

.hero-banner {
    flex: 1;
    display: flex;
    max-height: 65%;

    & img {
        width: 100%;
        object-fit: cover;
    }
}

.hero-text {
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 16px;

    & h1 {
        font-size: 2.5rem;
        font-weight: 500;
        margin: 0;
    }

    & p {
        max-width: 600px;
        color: var(--color-muted-foreground);
        margin: 0;
        font-size: 1.2rem
    }

    & a {
        color: var(--color-primary, --color-muted-foreground);
        padding: 8px;
    }

    & svg {
        height: 24px;
        width: 24px;
    }
}

.quick-access-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    justify-content: center;
    justify-items: center;

    @media (max-width: 768px) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.quick-access-card-content {
    margin-top: auto;
    padding: 16px;
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;

    & img {
        position: absolute;
        left: 16px;
        top: 16px;
        width: 64px;
        height: 64px;
    }
}

.quick-access-card {
    position: relative;
    width: 100%;
    height: 150px;
    border-radius: 14px;
    z-index: 1111;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0, rgba(0, 0, 0, 0.06) 0 1px 2px 0;

    & .bg {
        position: absolute;
        top: 5px;
        left: 5px;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        z-index: 2;
        background: rgba(255, 255, 255, .95);
        backdrop-filter: blur(32px);
        border-radius: 10px;
        overflow: hidden;
        outline: 2px solid white;
    }

    & .blob {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background-color: var(--color-primary);
        opacity: 0.4;
        filter: blur(12px);
        animation: blob-bounce 5s infinite ease;
    }
}

@keyframes blob-bounce {
    0% {
        transform: translate(-100%, -100%) translate3d(0, 0, 0);
    }

    25% {
        transform: translate(-100%, -100%) translate3d(100%, 0, 0);
    }

    50% {
        transform: translate(-100%, -100%) translate3d(100%, 100%, 0);
    }

    75% {
        transform: translate(-100%, -100%) translate3d(0, 100%, 0);
    }

    100% {
        transform: translate(-100%, -100%) translate3d(0, 0, 0);
    }
}

.section-header {
    margin-bottom: 32px;
    display: flex;
    justify-content: space-between;

    & span {
        font-size: 0.8rem;
        color: var(--color-primary);
    }

    & h2 {
        font-size: 2.5rem;
        line-height: normal;
        margin: 0;
    }
}

.color-section-bg {
    position: absolute;
    inset: 0;
    opacity: 0.2;
    background-color: var(--color-primary);
}

.news-section {
    position: relative;
}

.videos-section {
    position: relative;
}

.view-all-link {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-primary);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;

    &:hover {
        text-decoration: underline;
    }
}

.color-section-bg {
    position: absolute;
    inset: 0;
    opacity: 0.05;
    background-color: var(--color-primary);
}

.news-section {
    position: relative;
}

.news-grid {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.news-grid-row-1, .news-grid-row-2 {
    display: flex;
    gap: 32px;

    & > * {
        flex: 1;
    }

    @media (max-width: 768px) {
        flex-direction: column;
    }

}

.news-card {
    height: 100%;
    position: relative;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.2s ease;
    display: flex;
    flex-direction: column;
}

.news-grid-row-1 > div:nth-of-type(1) .news-card {
    @media (min-width: 767px) {
        border-top-left-radius: 64px;
    }
}

.news-grid-row-1 > div:nth-of-type(2) .news-card {
    @media (min-width: 767px) {
        border-top-right-radius: 64px;
    }
}

.news-grid-row-2 > div:nth-of-type(1) .news-card {
    @media (min-width: 767px) {
        border-bottom-left-radius: 64px;
    }

}

.news-grid-row-2 > div:nth-of-type(3) .news-card {
    @media (min-width: 767px) {
        border-bottom-right-radius: 64px;
    }
}


.highlight-badge {
    position: absolute;
    top: 24px;
    right: 24px;
    background: var(--color-primary);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    z-index: 2;
}

.news-image {
    width: 100%;
    height: 200px;
    overflow: hidden;

    .featured & {
        height: 300px;
    }

    img, .placeholder-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .placeholder-image {
        background: #f0f0f0;
    }
}

.news-card:hover .news-image img {
    transform: scale(1.05);
}

.news-content {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.news-date {
    color: var(--color-muted-foreground);
    font-size: 0.8rem;
    display: block;
}

.news-title, .destaque-title {
    position: relative;
    display: inline-block;
    margin: 16px 0;
    line-height: normal;
    font-size: 1.5rem;
    width: fit-content;
}

.news-title::after, .destaque-title::after {
    content: '';
    position: absolute;
    bottom: -2px; /* just below the text */
    left: 0;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width 0.3s ease;
}

.news-card:hover .news-title::after, .destaque-card:hover .destaque-title::after {
    width: 100%;
}

.news-excerpt {
    color: var(--color-muted-foreground);
    font-weight: 300;
}

.news-footer {
    box-shadow: rgba(17, 17, 26, 0.1) 0 -1px 0;
    height: 32px;
    margin-top: auto;
    padding-top: 24px;

    & button {
        font-size: 1rem;
        font-weight: 500;
        border: none;
        background-color: transparent;
        color: var(--color-primary);
    }
}

.calendar-section {
    background: #f8f9fa;
}

.calendar-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;

    @media (max-width: 1024px) {
        grid-template-columns: repeat(2, 1fr);
    }

    @media (max-width: 768px) {
        grid-template-columns: 1fr;
    }
}

.calendar-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.2s ease;

    &:hover {
        transform: translateY(-2px);
    }
}

.calendar-image {
    width: 100%;
    height: 160px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

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

.calendar-placeholder {
    background-color: var(--color-primary);
    color: white;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendar-content {
    padding: 16px;
}

.event-date {
    color: var(--color-primary);
    font-size: 0.9rem;
    display: block;
}

.event-title {
    position: relative;
    display: inline-block;
    margin: 8px 0;
    line-height: normal;
    font-weight: 500;
    width: fit-content;
    font-size: 1.2rem;
    color: black;
}

.no-events-text, .no-videos-text {
    margin: 64px 0;
}

.video-section {
    position: relative;
    background: #f8f9fa;
}

.videos-container {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.video-container:nth-child(4) {
    flex-direction: row-reverse;
}

.videos-separator {
    margin: 0 auto;
    width: 80%;
    height: 1px;
    background-color: var(--color-primary);
    opacity: 0.4;
}

.video-container {
    display: flex;
    gap: 32px;
    align-items: start;

    @media (max-width: 768px) {
        flex-direction: column !important;
        gap: 16px;
    }
}

.video-thumbnail {
    aspect-ratio: 16/9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: var(--color-primary);

    img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0,0,0,0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;

    &:hover {
        background: rgba(0,0,0,0.9);
    }
}

.video-info {
    flex: 1;
    padding: 8px;

    h3 {
        margin: 0 0 1rem 0;
        font-size: 1.5rem;
        color: #333;
        line-height: normal;
    }

    p {
        color: #666;
        margin-bottom: 1rem;
    }
}

.video-hashtags {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;

    span {
        background: var(--color-primary);
        color: white;
        padding: 0.25rem 0.75rem;
        border-radius: 20px;
        font-size: 0.8rem;
    }
}

.destaques-section {
    position: relative;
}

.destaques-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.destaque-card {
    background: var(--color-primary);
    color: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.destaque-content {
    padding: 32px 32px;
}

.destaques-footer {
    box-shadow: rgba(255, 255, 255, 0.1) 0 -1px 0;
    height: 32px;
    margin-top: auto;
    padding-top: 24px;

    & button {
        font-size: 1rem;
        font-weight: 500;
        border: none;
        background-color: transparent;
        color: white;
    }
}