html { scroll-behavior: smooth;}
body main { overflow: visible; }
.messages.status.modal {position: fixed; width: 100%; box-shadow: 0 0 12px 1px rgba(0,0,0,0.3); z-index: 14; max-width: 400px; display: flex; flex-direction: column; align-items: center; min-height: 300px; background: #fff; z-index: 2; left: calc(50% - 200px); top: 20%; box-sizing: border-box; padding: 60px; display: flex; text-align: center; font-weight: 900; line-height: 94%; letter-spacing: -.03em; font-size: 2em; }
.messages.status.modal p { margin-bottom: 30px;  margin: 0; font-family: var(--tipo-letra-principal); line-height: 116%; }
.page #main-inner { margin: 0; max-width: 100%; padding: 0;}
.node-header, #media_relacionado { display: none; }
#article {font-family: var(--tipo-letra-principal); }
#article .headerNormal { text-align: center; text-transform: uppercase; letter-spacing: .5em; font-weight: 400; }

#article .topo {background: #000; height: 70vh; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; }
#article .topo h1 { margin: auto 0;font-weight: 100; text-transform: uppercase; letter-spacing: .04em; padding: 17px; border: 1px solid #fff; font-size: 3.3em; line-height: 90%; }
@media (min-width:400px){
#article .topo h1 {padding: 18px; font-size: 4em;  }
}
@media (min-width:600px){
#article .topo h1 {padding: 21px; font-size: 4.7em;  }
}
@media (min-width:800px){
#article .topo h1 {padding: 28px; font-size: 5.3em;  }
}
@media (min-width:1000px){
#article .topo h1 {padding: 35px; font-size: 6.4em;  }
}
@media (min-width:1200px){
#article .topo h1 {padding: 40px; font-size: 7em;  }
}
@media (min-width:1400px){
#article .topo h1 {padding: 43px; font-size: 7.5em;  }
}
@media (min-width:1600px){
#article .topo h1 {padding: 47px; font-size: 8em;  }
}
@media (min-width:1800px){
#article .topo h1 {padding: 50px; font-size: 8.5em;  }
}
#article #videopopup { position: fixed; max-width: 600px; z-index: 11; width: 100%; top: 20vh; left: calc(50vw - 300px); background: #fff; padding: 20px; box-sizing: border-box; box-shadow: 6px 6px rgba(0, 0, 0, 0.41); }
#article #videopopup .popup-close { cursor: pointer; position: absolute; top: 0; right: 0; background: transparent; color: #000; border: 0; width: 20px; height: 20px; display: block; margin: 12px; padding: 7px; opacity: .5; }
#article #videopopup .popup-close { position: absolute; top: 20px; right: 20px; background: transparent; color: #000; border: 0; width: 20px; height: 20px; display: block; margin: 12px; padding: 7px; opacity: 1; z-index: 1;  }
#article #videopopup .popup-close:before { content: ""; background: #fff; width: 2px; height: 20px; position: absolute; top: 0; left: 50%; display: block; transform: rotate(45deg); }
#article #videopopup .popup-close:after { content: ""; background: #fff; width: 2px; height: 20px; position: absolute; top: 0; left: 50%; display: block; transform: rotate(-45deg); }
#article .menu {font-family: var(--tipo-letra-principal); box-shadow: 0 1px 4px 1px rgba(0,0,0,0.3); opacity:1;transition: all .3s ease-in-out; position: sticky; top: var(--alturaHeader); left: 0; margin: 0;  z-index: 4;  box-sizing: border-box; background: #000; }
#article .menu ul { list-style: none; width: 100%;  line-height: 95%; font-size: .9em; text-transform:  uppercase; padding: 0; display: none;  margin: 0; text-align: left; }
#article .menu ul.active { display: grid; }
#article .menu ul>* { margin: 0; padding: 0;transition: all .3s ease-in-out; }
#article .menu ul>* a { height: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.10); letter-spacing: .05em; color:#fff; opacity: .8; transition: all .3s ease-in-out; overflow: hidden; margin: 0; padding: 24px 17px; box-sizing: border-box; display: block; position: relative; }
#article .menu ul>*:hover a { opacity: .4; opacity: 1; }
#article .menu > div {
align-items: center; display: flex; flex-wrap: wrap;  }
#article .menu button{ z-index: 1;  background: transparent; border: 0; fill: #fff; margin: 0; width: 100%; display: flex;justify-content: flex-end; text-align: right;}
#article .menu button .close { display: none;}
#article .menu button.active .open{ display: none;}
#article .menu button.active .close { display: block;}
#article .menu button svg { height: 24px; padding: 9px; width: auto; }
#article .menu div span{ color: #fff; padding-left: 5px; position: absolute; text-transform: uppercase;  font-size: .8em; letter-spacing: .3em;}
@media (min-width:700px){
#article .menu { margin: auto 0 0 0; box-shadow: none; opacity: 1; padding:0 20px 0; box-sizing: border-box; }
#article .menu > div {  display: none; }
#article .menu ul.modal { font-size: .75em; height: auto;visibility: visible; opacity: 1;  display: flex; flex-direction: row; justify-content: center; align-items: center; box-sizing: border-box; }
#article .menu ul>* { position: relative; padding: 0; margin: 0; }
#article .menu ul>* a{  padding:6px 10px 4px 10px; border-bottom: 3px solid #000;   letter-spacing: 0; }
#article .menu ul>*:hover a { border-bottom: 3px solid #fff;  }
}
@media (min-width:1100px){
#article .menu ul.modal { font-size: .9em; }
#article .menu ul>* a{  padding:10px 16px 7px; }
}
#article .share .socialmedia { overflow: hidden; z-index: 1; display: flex; height: 40px; align-items: center;}
#article .share .socialmedia:hover { overflow:visible;}
#article .share:hover .socialmedia:hover svg { opacity: .4; }
#article .share:hover .socialmedia:hover a:hover svg { opacity: .8; }
#article .share .socialmedia a {  transform: translate(0, 60px); transition: all .3s ease-in-out; margin: 0 8px; }
#article .share .socialmedia svg { opacity: 0; height: 18px; width: auto; display: block; fill:#000; transition: all .3s ease-in-out; }
#article .share .socialmedia svg * { fill:#000; }
#article .share:hover .socialmedia a { transform: translate(0, 0); }
#article .share:hover .socialmedia svg { opacity: .14; }
#article .share .socialmedia a:nth-child(2) { transition-delay: .13s;}
#article .share .socialmedia .tooltip .tooltiptext { opacity: 1;  }
#article .share .socialmedia .tooltip .tooltiptext:after { }



#article .mensagemJS { max-width: 1000px; }
#article .mensagemJS a { padding-top: 30px; padding-bottom: 30px; display: flex; align-items: center; }
#article .mensagemJS figure {     width: 140px; height: 129px; padding-right: 10px; }
#article .mensagemJS figure img { width: 100%;     height: 100%;     object-fit: cover; }
#article .mensagemJS a > div {     width: calc(100% - 150px); }
#article .mensagemJS h4 { text-transform: uppercase; font-weight: 100; font-size: .9em; }
#article .mensagemJS h3 {font-weight: 900; letter-spacing: -.03em; line-height: 108%; font-size: 1.8em; font-size: .93em;}
@media (min-width: 650px) {
#article .mensagemJS a > div {     width:auto; }
#article .mensagemJS h4 { font-size: .9em; }
#article .mensagemJS h3 { font-size: 1.8em; }
#article .mensagemJS figure { width: auto; height: auto; padding-right: 30px; }
#article .mensagemJS figure img { width: 260px; height: 147px;}
}


#article .nemumdireitoamenos .lSSlideWrapper {min-height: calc(80vh - var(--alturaHeader)); max-height: calc(80vh - var(--alturaHeader)); position:relative; }
#article .nemumdireitoamenos .lSSlideWrapper:before {     z-index: 1; height: 20%; position: absolute; width: 100%; top:0; left: 0; content: ""; background: linear-gradient(to top,rgba(255, 54, 66,0) -11%,rgba(255, 54, 66,1) 100%); }
#article .nemumdireitoamenos .lSSlideWrapper:after { height: 20%; position: absolute; width: 100%; bottom:0; left: 0; content: ""; background: linear-gradient(to bottom,rgba(255, 54, 66,0) -11%,rgba(255, 54, 66,1) 100%); }
#article .nemumdireitoamenos .slideshow { margin: 0; overflow: hidden; position: relative; padding: 0; box-sizing: border-box; width: 100%; }
#article .nemumdireitoamenos .slideshow .lslide { position: relative; box-sizing: border-box; margin: 0; padding:0px 0 20px 40px; }
#article .nemumdireitoamenos .slideshow:after { left: 24px; border-left: 1px dashed #000; content: ""; width: 1px; height: 100%; position: absolute; bottom: 7px; z-index: 1; }
#article .nemumdireitoamenos .lSAction {z-index: 1; position: absolute; width: 100%; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; }
#article .nemumdireitoamenos .lSAction > * { position: relative; cursor: pointer; width: 14px; height: 14px; transform: rotate(45deg); border: 3px solid  #e8e6d1; border-width: 3px; margin: 0 8px; }
#article .nemumdireitoamenos .lSPrev { border-right: 0; border-bottom: 0; }
#article .nemumdireitoamenos .lSNext { border-left: 0; border-top: 0;     top: -10px;}
#article .nemumdireitoamenos .slideshow time { position: relative; font-family: var(--tipo-letra-principal); font-weight: 900; font-size: .78em; color:#e8e6d1; line-height: 100%; margin: 0; }
#article .nemumdireitoamenos .slideshow time:after { position: absolute; top:3px; left: -19px; content: ""; width: 9px; height: 9px; border-radius: 100%; background: #000;}
#article .nemumdireitoamenos .slideshow time:before { position: absolute; top:0; left: -22px; content: ""; width: 13px; height: 13px; border: 1px solid #000; border-radius: 100%; }
#article .nemumdireitoamenos .slideshow p { font-family: var(--tipo-letra-principal); color:#000; line-height: 110%; margin: 0; font-size: .83em; }
@media (min-width:800px){
#article .nemumdireitoamenos .slideshow time { font-size: .8em; }
#article .nemumdireitoamenos .slideshow p { font-size: .9em; }
}
@media (min-width:1200px){
#article .nemumdireitoamenos .lSSlideWrapper {min-height: calc(90vh - var(--alturaHeader)); max-height: calc(90vh - var(--alturaHeader)); position:relative; }
#article .nemumdireitoamenos .slideshow time { font-size: .84em; }
#article .nemumdireitoamenos .slideshow p { font-size: .97em; }
}

#article .nemumdireitoamenos { background: #ff3642; color:#e8e6d1; padding: 60px 0; }
#article .nemumdireitoamenos > header { padding: 0 20px 30px 20px; text-align: center; }
#article .nemumdireitoamenos > header h3 { text-transform: uppercase; color: #000; font-weight: 400; letter-spacing: .3em; font-size: 1.1em; }
#article .nemumdireitoamenos > header h2  {text-transform: uppercase; font-weight: 900; font-size: 3em; line-height: 90%; letter-spacing: -0.045em; }
#article .nemumdireitoamenos > header .casos { padding:  40px 0; text-align: center; font-family: var(--tipo-letra-secundario); color:#000; font-style: italic; letter-spacing: -.03em; line-height: 96%;  font-size: 1.78em;}
#article .nemumdireitoamenos > header .casos span:nth-child(2){ font-size: .78em; }
#article .nemumdireitoamenos > header .casos span:nth-child(4){ font-size: .7em; }
#article .nemumdireitoamenos > header .casos span:nth-child(5){ font-size: 1.04em; }
#article .nemumdireitoamenos > header .casos span:nth-child(6){ font-size: 1.09em; }






#article .nemumdireitoamenos .webform-client-form header img { max-width: 70%; margin: 15px auto 0;}

#article .nemumdireitoamenos .webform-client-form > div > * {  box-sizing: border-box;}
#article .nemumdireitoamenos .webform-client-form > div > div:last-child { display: flex; flex-direction: column; }

#article .nemumdireitoamenos .webform-client-form .webform-component-textfield .form-item, #article .nemumdireitoamenos .webform-client-form .webform-component-textarea .form-item, #article .nemumdireitoamenos .webform-client-form .webform-component-email .form-item { background: rgba(0,0,0,0.1);}
#article .nemumdireitoamenos .webform-client-form .webform-component-textfield .form-item:hover, #article .nemumdireitoamenos .webform-client-form .webform-component-textarea .form-item:hover, #article .nemumdireitoamenos .webform-client-form .webform-component-email .form-item:hover { background: rgba(0,0,0,0.16);}

#article .nemumdireitoamenos .webform-client-form #edit-actions { text-align: center; margin: 50px 0 0 0; }
#article .nemumdireitoamenos .webform-client-form #edit-actions input { margin: 0; }
#article .nemumdireitoamenos .webform-client-form ::-webkit-input-placeholder { color: #e8e6d1; }
#article .nemumdireitoamenos .webform-client-form .form-item input,#article .nemumdireitoamenos .webform-client-form .form-item textarea { color: #e8e6d1; }


@media (min-width:600px){

#article .nemumdireitoamenos .webform-client-form header { font-size: 1.4em; display: flex; flex-direction: row; padding: 0 20px 30px 20px; }
#article .nemumdireitoamenos .webform-client-form header img { max-width: 270px; margin:0 0 0 20px;}

}

@media (min-width:800px){
#article .nemumdireitoamenos > .container {display: grid; grid-template-columns: repeat(2,1fr); grid-gap:30px; }
#article .nemumdireitoamenos .webform-client-form header {font-size: 1.37em;}

}
@media (min-width:1100px){
#article .nemumdireitoamenos > .container { grid-gap:40px; }
#article .nemumdireitoamenos .webform-client-form header {font-size: 1.55em; }

}
@media (min-width:1350px){
#article .nemumdireitoamenos .webform-client-form header {font-size: 1.76em; }

}
@media (min-width:1600px){
#article .nemumdireitoamenos .webform-client-form header {font-size: 1.8em; }

}
@media (min-width:1800px){
#article .nemumdireitoamenos .webform-client-form header {font-size: 2em; }
}
#article .salvarEconomia { background: #c7d0d3; color: #231f20; padding: 100px 0; }
#article .salvarEconomia > h2 { text-align: center; padding: 0 20px; text-transform: uppercase; letter-spacing: .4em; font-weight: 400; }
#article .salvarEconomia .grelha { display: grid; grid-template-columns: repeat(1, 1fr); }


#article .salvarEconomia .grelha > div { height: 100vw; position: relative; }
#article .salvarEconomia .base { position: absolute; top: 0; left: 0; }
#article .salvarEconomia h3 { padding: 0 10px; letter-spacing: -.05em; font-size: 1.9em; text-align: center; font-family: var(--tipo-letra-principal); font-weight: 900;     line-height: 98%;}
#article .salvarEconomia h3 span { font-weight: 100; font-style: italic; font-family: var(--tipo-letra-secundario); }
#article .salvarEconomia .el { font-family: var(--tipo-letra-principal); font-weight: 900; letter-spacing: -.05em; position: absolute; width: 30%; line-height: 95%; text-align: center;   font-size: .8em;}
#article .salvarEconomia .el mark { color:#fff; background: #231f20; }
#article .salvarEconomia .el.upper { text-transform: uppercase; }
#article .salvarEconomia .share .socialmedia { position: absolute; bottom: 0; justify-content: center; width: 100%;}
@media (min-width: 800px) {
  #article .salvarEconomia .grelha { grid-gap: 40px; grid-template-columns: repeat(2, 1fr); }
  #article .salvarEconomia .grelha > div { height: calc((92vw - 150px)/ 2); }
}
@media (min-width: 1000px) {
  #article .salvarEconomia .grelha { grid-gap: 60px; grid-template-columns: repeat(3, 1fr); }
  #article .salvarEconomia .grelha > div { height: calc((89vw - 150px)/ 3); }

}
@media (min-width: 1380px) {
  #article .salvarEconomia .grelha {     grid-gap: 60px; }
  #article .salvarEconomia .grelha > div { height: calc((80vw - 150px)/ 3); }
}
#article .salvarEconomia .item1 h3 { margin-top: 17%;  }
#article .salvarEconomia .item1 .el:nth-of-type(1) { bottom: 25%; left: 5%; }
#article .salvarEconomia .item1 .el:nth-of-type(2) { bottom: 14%; left: 35%; }
#article .salvarEconomia .item1 .el:nth-of-type(3) { bottom: 19%; left: 68%; }

#article .salvarEconomia .item2 h3 { margin-top: 19%; }
#article .salvarEconomia .item2 .el:nth-of-type(1) { bottom: 43%; left: 5%; }
#article .salvarEconomia .item2 .el:nth-of-type(2) { bottom: 25%; left: 57%; }

#article .salvarEconomia .item3 h3 { margin-top: 19%; }
#article .salvarEconomia .item3 .el:nth-of-type(1) { bottom: 18%; left: 7%; }
#article .salvarEconomia .item3 .el:nth-of-type(2) { bottom: 18%; left: 35%; }
#article .salvarEconomia .item3 .el:nth-of-type(3) { bottom: 18%; left: 68%; }

#article .salvarEconomia .item4 h3 { margin-top: 10%; }
#article .salvarEconomia .item4 .el:nth-of-type(1) { bottom: 18%; left: 7%; }
#article .salvarEconomia .item4 .el:nth-of-type(2) { bottom: 11%; left: 35%; }
#article .salvarEconomia .item4 .el:nth-of-type(3) { bottom: 23%; left: 68%; }

#article .salvarEconomia .item5 h3 { margin-top: 10%; }
#article .salvarEconomia .item5 .el:nth-of-type(1) { bottom:20%; left: 7%; }

#article .salvarEconomia .item6 h3 { margin-top: 10%; }
#article .salvarEconomia .item6 .el:nth-of-type(1) { bottom: 35%; left: 59%; }
#article .salvarEconomia .item6 .el:nth-of-type(2) { bottom: 25%; left: 11%; }
#article .salvarEconomia .item6 .el:nth-of-type(3) { bottom: 5%; left: 39%; }

#article .salvarEconomia .item7 h3 { margin-top: 10%; }
#article .salvarEconomia .item7 .el:nth-of-type(1) { bottom: 47%; left: 0%; }
#article .salvarEconomia .item7 .el:nth-of-type(2) { bottom: 25%; left: 62%; }
#article .salvarEconomia .item7 .el:nth-of-type(3) { bottom: 21%; left: 32%; }



#article .audicoes { padding: 100px 0; }
#article .audicoes .lSSlideWrapper {position:relative; }
#article .audicoes .slideaudicoes { margin: 0; overflow: hidden; position: relative; padding: 0; box-sizing: border-box; width: 100%; }
#article .audicoes .slideaudicoes a { overflow: hidden; height: 56.25vw;}
#article .audicoes .slideaudicoes img {  margin: 20px 0; width: 100%; height: auto; transition: all .3s ease-in-out;}
#article .audicoes .slideaudicoes a:hover img { transform: scale(1.04); }

#article .audicoes .lSAction {z-index: 1; }
#article .audicoes .lSAction > * { cursor: pointer; position: absolute; width: 70px; height: 100%; top:0; z-index:3; }
#article .audicoes .lSAction > *:after { content:""; position: absolute; width: 14px; height: 14px; transform: rotate(45deg); border: 4px solid  #fff; border-width: 3px; margin: 0 8px; top:50%; }
#article .audicoes .lSPrev { left: 0; }
#article .audicoes .lSNext { right: 0; }
#article .audicoes .lSAction > .lSPrev:after { left: 5px; border-right: 0; border-top: 0; }
#article .audicoes .lSAction > .lSNext:after { right: 5px; border-left: 0; border-bottom: 0; }

@media (min-width:700px){
  #article .audicoes .slideaudicoes a { height: 50vw;}
}
@media (min-width:900px){
  #article .audicoes .slideaudicoes a { height: 21vw;}
}

@media (min-width:1200px){
  #article .audicoes .lSSlideWrapper { position:relative; }
}








#article .propostas .lSSlideWrapper {position:relative; }
#article .propostas .slidePropostas { margin: 0; overflow: hidden; position: relative; padding: 0; box-sizing: border-box; width: 100%; }

#article .propostas .slidePropostas .lslide .container { height: 60vh; display: flex; flex-direction: column; justify-content: center;  }

#article .propostas .slidePropostas .lslide h3 { letter-spacing:.25em;  font-size: .96em; font-weight: 600; text-transform: uppercase; }
#article .propostas .slidePropostas .lslide h2 { font-weight: 900; line-height: 97%; letter-spacing: -.03em; font-size: 2.2em; }
#article .propostas .slidePropostas .lslide h2 span { font-weight: 100; font-family: var(--tipo-letra-secundario); font-style: italic; }
#article .propostas .slidePropostas .lslide p { font-weight: 900;  font-family: var(--tipo-letra-principal); font-size: .93em; margin-bottom: .7em; margin-top: 0;}

#article .propostas .slidePropostas .lslide.rosa { background:#d069a9; }
#article .propostas .slidePropostas .lslide.azul { background:#2f559a; }
#article .propostas .slidePropostas .lslide.amarelo { background:#fce600; }
#article .propostas .slidePropostas .lslide.preto { background:#231f20; }

#article .propostas .slidePropostas .lslide.rosa h2 { color:#231f20; }
#article .propostas .slidePropostas .lslide.azul h2 { color:#d069a9; }
#article .propostas .slidePropostas .lslide.amarelo h2 { color:#2f559a; }
#article .propostas .slidePropostas .lslide.preto h2 { color:#fce600; }

#article .propostas .slidePropostas .lslide.rosa h3 { color:#fce600; }
#article .propostas .slidePropostas .lslide.azul h3 { color:#fce600; }
#article .propostas .slidePropostas .lslide.amarelo h3 { color:#d069a9; }
#article .propostas .slidePropostas .lslide.preto h3 { color:#fce600; }

#article .propostas .slidePropostas .lslide.rosa p { color:#fce600; }
#article .propostas .slidePropostas .lslide.azul p { color:#fce600; }
#article .propostas .slidePropostas .lslide.amarelo p { color:#231f20; }
#article .propostas .slidePropostas .lslide.preto p { color:#d069a9; }


/* #article .propostas .lSAction {z-index: 1; position: absolute; width: 100%; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; } */
#article .propostas .slidePropostas .lSAction {z-index: 1; position: absolute; width: 100%; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; }
#article .propostas .slidePropostas .lSAction > * { position: relative; cursor: pointer; width: 14px; height: 14px; transform: rotate(45deg); border: 3px solid  #e8e6d1; border-width: 3px; margin: 0 8px; }

#article .propostas .lSAction > * { position: absolute; cursor: pointer; width: 14px; height: 14px; transform: rotate(45deg); border: 4px solid  #fff; border-width: 3px; margin: 0 8px; top:50%; }
#article .propostas .lSPrev { left: 5px; border-right: 0; border-top: 0; }
#article .propostas .lSNext { right: 5px; border-left: 0; border-bottom: 0; }

#article .propostas .slidePropostas .share .socialmedia { z-index: 1; height: 27px; }
#article .propostas .slidePropostas .share .socialmedia a {    transform: translate(0,0); opacity: 1; }
#article .propostas .slidePropostas .share .socialmedia a svg {opacity: 1; height: 13px; }
@media (min-width:1200px){
#article .propostas .lSSlideWrapper { position:relative; }
}







#article .propostas .grelhaProposta { max-width: 1000px; }
#article .propostas .grelhaProposta > * {border-top: 1px dashed rgba(0, 0, 0, 0.18); padding: 26px 14% 26px 0;  position: relative; }
#article .propostas .grelhaProposta > .share { padding: 45px 14% 5px 0; }
#article .propostas .grelhaProposta h3 {    line-height: 105%; font-size: 1.18em; font-weight: 900; color:#000; letter-spacing: -.03em; }
#article .propostas .grelhaProposta h3 span  { font-family: var(--tipo-letra-secundario); font-weight: 100; font-style: italic; }
#article .propostas .grelhaProposta ul { font-weight: 900; margin: 6px 0 0 0; font-size: .78em; }
#article .propostas .grelhaProposta p { font-family: var(--tipo-letra-principal);font-weight: 900; margin: 0; font-size: .78em; }
#article .propostas .grelhaProposta figure {height: 100%; top: 0; overflow: hidden;position: absolute; right: 0; width: 13%; }
#article .propostas .grelhaProposta img { width: 100%; height: 100%; object-fit: contain; }
#article .propostas .grelhaProposta .rejeitado img { mix-blend-mode: luminosity; }
/*#article .propostas .grelhaProposta .aprovado:after {content: ""; width: 42px; background: #0f8708; position: absolute; height: 10px; top: 45%; left: 16px; transform: rotate(-45deg); z-index: 2;}
#article .propostas .grelhaProposta .aprovado:before { content: ""; width: 10px; background: #0f8708; position: absolute; height: 30px; top: 42%; left: 12px; transform: rotate(-45deg); z-index: 2; }
#article .propostas .grelhaProposta .rejeitado:before { content: ""; width: 42px; background: #b20000; position: absolute; height: 10px; top: 42%; left: 0; transform: rotate(45deg); z-index: 2; }
#article .propostas .grelhaProposta .rejeitado:after { content: ""; width: 42px; background: #b20000; position: absolute; height: 10px; top: 42%; left: 0; transform: rotate(-45deg); z-index: 2; }
*/
@media (min-width:400px){
#article .propostas .grelhaProposta h3 { font-size: 1.2em; }
#article .propostas .grelhaProposta ul,#article .propostas .grelhaProposta p { font-size: .8em; }
}
@media (min-width:600px){
#article .propostas .grelhaProposta h3 { font-size: 1.23em; }
#article .propostas .grelhaProposta ul,#article .propostas .grelhaProposta p { font-size: .85em; }
}
@media (min-width:800px){
#article .propostas .grelhaProposta h3 { font-size: 1.27em; }
#article .propostas .grelhaProposta ul,#article .propostas .grelhaProposta p { font-size: .9em; }
}
@media (min-width:1000px){
#article .propostas .grelhaProposta h3 { font-size: 1.29em; }
#article .propostas .grelhaProposta ul,#article .propostas .grelhaProposta p { font-size: .95em; }
}



#article .estadoEmergencia { display:block; background: #191717; padding: 100px 0; }
#article .estadoEmergencia header { margin-bottom: 40px; text-transform: uppercase; text-align: center; letter-spacing: .5em;}
#article .estadoEmergencia header > * { line-height: 99%; }
#article .estadoEmergencia header h3 { color:#e8e6d1; font-size: 1.5em; }
#article .estadoEmergencia header h2 { color:#ff3642; font-size: 2.7em; }
#article .estadoEmergencia header time { color:#ff3642; font-size: .8em; }
#article .estadoEmergencia .tabAcordiao { max-width: 620px; padding-left: 51px; width: 100%; margin: 0 auto; box-sizing: border-box;}
#article .estadoEmergencia .tabAcordiao > * > .content { display: none; }
#article .estadoEmergencia .tabAcordiao > .active > .content { display: block;}
#article .estadoEmergencia .tabAcordiao .content > * { color:#fff;}
#article .estadoEmergencia .tabAcordiao .content > * * { color:#fff;}

#article .estadoEmergencia .anteriores { text-align: center; color:#ff3642;}
#article .estadoEmergencia .anteriores h3 { display: block; width: 100%; font-size: .8em; text-transform: uppercase;letter-spacing: .5em;}
#article .estadoEmergencia .anteriores a { width: 50%; float: left; padding: 15px; box-sizing: border-box; color:#ff3642; }

#article .estadoEmergencia .tabTitulo {cursor: pointer; color:#e8e6d1; font-size: 1.1em; letter-spacing: -.05em;    margin: 0 0 12px 0; line-height: 103%; width: 100%; box-sizing: border-box; position: relative; transition: all .2s ease-in-out; padding: 0 20px 0 0; align-items: center; display: flex; height: 42px; }
#article .estadoEmergencia .tabTitulo span { color: #ff3642; font-weight: 100; display: inline-block; border-radius: 100%; position: absolute; width: 42px; left: -51px; top: calc(50% - 21px); text-align: center; line-height: 42px; height: 42px; border: 1px solid #ff3642; }
#article .estadoEmergencia .tabTitulo:after { content: ""; width: .6em; height: .6em; transform: rotate(-45deg); border-bottom: .12em solid #ff3642; border-left: .12em solid #ff3642; position: absolute; top: calc(50% - .45em); right: 3px; }
#article .estadoEmergencia .active .tabTitulo:after { transform: rotate(135deg);     }
@media (min-width: 900px) {
  #article .estadoEmergencia .tabAcordiao { max-width: 620px; padding-left: 77px; }

  #article .estadoEmergencia .tabTitulo { padding: 0 20px 0 0; height: 62px; }
  #article .estadoEmergencia .tabTitulo span { width: 60px; left: -51px; top: calc(50% - 31px); height: 60px; }

  #article .estadoEmergencia .tabTitulo { font-size: 1.2em;  }
  #article .estadoEmergencia .tabTitulo:after {   right: 20px;     }
}
@media (min-width: 1200px) {
  #article .estadoEmergencia .tabTitulo { font-size: 1.55em; }
}

  #article .conclusao { font-family: var(--tipo-letra-principal);     color: #e8e6d1;     text-align: center;     letter-spacing: .3em;     text-transform: uppercase;     max-width: 800px;     margin: 40px auto;     font-size: 1.35em;     line-height: 105%;}

#article .videoDestaque { display:block; background: #000; }
#article .videoDestaque .container { border-top:1px solid #ddd; padding-top: 20px; padding-bottom: 20px; overflow:auto; display:flex; flex-wrap: wrap; align-items:center; margin: 0 auto; border-bottom: 1px solid #ddd;}
#article .videoDestaque .video { width:100%; float:none; }
#article .videoDestaque header { width:100%; text-align:center; box-sizing:border-box; padding: 15px 0 0 0; }
#article .videoDestaque header h2 { line-height: 115%; font-weight: 900; font-size:1.3em; }
#article .videoDestaque .video_cover { overflow: hidden; }
#article .videoDestaque .video_cover img { transition: all .3s ease-in-out;}
#article .videoDestaque .video_cover:hover img { transform: scale(1.04); }
#article .videoDestaque .btn { margin-top: 30px; }
@media (min-width: 510px) {
#article .videoDestaque header h2 { font-size: 1.6em; }
}
@media (min-width: 768px) {
#article .videoDestaque .views-row { padding-top: 30px; padding-bottom: 30px; margin: 30px auto; }
#article .videoDestaque .video { width:60%; }
#article .videoDestaque header { text-align: left; width:40%; padding:0 0 0 20px; }
}
@media (min-width: 1180px) {
#article .videoDestaque .container { padding: 40px 0; }
#article .videoDestaque header h2 { font-size:1.9em; }
}

#article .assembleia, #article .pe { position: relative; }
#article .assembleia header, #article .pe header { text-align: center; }
#article .assembleia header h2,
#article .pe header h2 {text-transform: uppercase; font-weight: 200; letter-spacing: .3em; font-size: .9em;}
#article .headerSubNormal { text-transform: uppercase; font-weight: 400; letter-spacing: .4em; margin-bottom: 40px; }
#article .propostasAR, #article .perguntasAR { margin-top: 50px; margin-bottom: 50px; }
#article .propostasAR .submitted, #article .perguntasAR .submitted { font-size: .6em; }
#article .propostasAR a, #article .perguntasAR a { padding: 9px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.19); display: block; }
#article .propostasAR article a { display: block; }
#article .propostasAR article a > div { width: 100%; box-sizing: border-box; position: relative;}
#article .propostasAR article.rejeitado a > div:after, #article .propostasAR article.aprovado a > div:after { position: absolute; content: ""; width: 25px; height: 25px; border-radius: 100%; border: 2px solid #000; left: -1px; bottom: -30px; }
#article .propostasAR .votacao { box-sizing: border-box;display: block; font-size: .8em; padding-left: 42px; position: relative;  width: 100%; align-items: center;}
#article .propostasAR .votacao b { padding: 0 4px 0 20px; }
#article .propostasAR .aprovado .votacao:before { content: ""; width: 4px; height: 21px; transform: rotate(45deg); background: #000; position: absolute; left: 20px; top: 1px; }
#article .propostasAR .aprovado .votacao:after { content: ""; width: 4px; height: 14px; transform: rotate(-45deg); background: #000; position: absolute; left: 10px; top:7px; }
#article .propostasAR .rejeitado .votacao:after { content: ""; width: 3px; height: 21px; transform: rotate(45deg); background: #000; position: absolute; left: 12px; top: 5px; }
#article .propostasAR .rejeitado .votacao:before { content: ""; width: 3px; height: 21px; transform: rotate(-45deg); background: #000; position: absolute; left: 12px; top: 5px; }
#article .propostasAR h4, #article .perguntasAR h4{ line-height: 120%; font-size: .95em; font-weight: 800; text-transform: none; letter-spacing: -.026em; }
#article .propostasAR h5{  margin: 0; text-transform: uppercase; font-weight: 400; font-size: .65em; }
#article .perguntasAR article a {height: 100%; box-sizing: border-box;}
@media (min-width: 800px) {
  #article .propostasAR article a { display: flex; }
  #article .propostasAR article a > div { width: 50%; padding-right: 45px; }
  #article .propostasAR .votacao { padding-left: 45px; width: 50%; display: flex; font-size: 1em; align-items: center;}

  #article .propostasAR article.rejeitado a > div:after, #article .propostasAR article.aprovado a > div:after { left: auto; right: -45px; top: calc(50% - 11px); }

  #article .propostasAR .aprovado .votacao:before { left: 27px; top: calc(50% - 10px); }
  #article .propostasAR .aprovado .votacao:after { left: 37px; top: calc(50% - 4px); }
  #article .propostasAR .rejeitado .votacao:after { left: 29px; top: calc(50% - 7px); }
  #article .propostasAR .rejeitado .votacao:before { left: 29px; top: calc(50% - 7px); }

}
@media (min-width: 1000px) {
  #article .perguntasAR .paginar { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px 30px; }
}


#article .grelha { grid-template-columns: repeat(1, 1fr); display: grid; }


@media (min-width:650px){
#article .grelha { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 930px) {
#article .grelha {  grid-template-columns: repeat(3, 1fr); }
#article .assembleia header,
#article .pe header {position: sticky;     left: 30px;     top: calc(var(--alturaHeader) + 60px);     width: 300px;     transform-origin: 150px 150px;     transform: rotate(270deg); }

}
@media (min-width:1280px){
#article .grelha.col4 { grid-template-columns: repeat(4, 1fr); grid-gap: 20px; }
}
@media (min-width:1000px){
}
@media (min-width:1300px){
#article .grelha.col5 { grid-template-columns: repeat(5, 1fr); }
}

@media (min-width:1800px){

}

#article .sns { background: #edfbfb; padding: 60px 0; color:#084071; }
#article .sns header { padding-bottom: 40px; }
#article .sns header h2 { text-transform: uppercase; font-weight: 900; letter-spacing: -.03em; text-align: center; font-size: 2.5em; }
#article .sns .grelha h3 { position: relative; z-index: 1; font-weight: 900; letter-spacing: -.03em; font-size: 1.7em; line-height: 110%; padding: 0 0 0 20px; opacity: 0; transform: translate(0,-40px);transition: all .3s ease-in-out .4s;}
#article .sns .grelha h3 span  { font-family: var(--tipo-letra-secundario); font-weight: 100; font-style: italic; }
#article .sns .grelha p {margin: 0; position: relative; z-index: 1; font-family: var(--tipo-letra-secundario); color:#000; font-size: .84em; line-height: 110%; padding: 0 0 0 20px; opacity: 0; transform: translate(0,-40px);transition: all .3s ease-in-out .4s;}
#article .sns .grelha > *{  transition: all .2s ease-in-out; position: relative; padding: 20% 20% 20% 0; box-sizing: border-box; }
#article .sns .grelha figure{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0; left: 0; mix-blend-mode: multiply;  }
#article .sns .grelha figure img { width: 100%; height: 100%; object-fit: cover; transition: filter .3s ease-in-out .4s, transform .2s ease-in-out; filter: blur(13px);}
#article .sns .grelha>*.visible figure img{ filter: blur(0); }
#article .sns .grelha>*.visible h3 { opacity: 1; transform: translate(0,0); }
#article .sns .grelha>*.visible p { opacity: 1; transform: translate(0,0); }
#article .sns .grelha>*:hover { box-shadow: 0 0 24px rgba(0, 0, 0, 0.22); }
#article .sns .grelha>*:hover figure img { transform: scale(1.04);}
#article .sns .share .socialmedia { justify-content: center;  width: 100%; position: absolute; bottom: 0; left: 0; }
#article .sns .share .socialmedia svg * { fill:#084071; }
#article .sns .share:hover .socialmedia svg {     opacity: 1; }
#article .posicoes { padding: 90px 0; }
#article .grelha { grid-gap: 17px; }
#article .posicoes header { margin-bottom: 60px; }
#article .grelha article { width: 100%; box-sizing: border-box; }
#article .grelha article a { display: flex; align-items:center; }
#article .grelha article figure { overflow: hidden; height: 80px; width: 80px; margin-right: 10px; float: left; }
#article .grelha article a > div { width: calc(100% - 90px)}
#article .grelha article img { display: block; object-fit: cover; width: 100%; height: 100%; transition: all .3s ease-in-out;}
#article .grelha article:hover img { transform: scale(1.04);}
#article .grelha article h4 { text-transform: uppercase; font-weight: normal; font-size: .65em; }
#article .grelha article h3 { line-height: 120%; font-size:.95em; font-weight: 800; letter-spacing: -.026em; }
#article .grelha article .submitted { font-size: .7em; }
@media (min-width:415px) {
#article .grelha article figure { height: 95px; width: 130px; margin-right: 12px; }
#article .grelha article a > div { width: calc(100% - 142px)}

}
@media (min-width:535px) {
#article .grelha article figure { height: 110px;  width: 150px; margin-right: 17px; }
#article .grelha article a .pane-content > div:nth-child(2) { width: calc(100% - 167px)}
#article .grelha article h3 { font-size:1.05em; }
}
@media (min-width: 650px) {
#article .grelha article figure { width: 100%; height: auto; margin: 0 0 5px 0; float: none; }
#article .grelha article img { width: 100%; height: auto;}
#article .grelha article a { display: block; }
#article .grelha article a > div { width: 100%}
#article .grelha article h3 { font-size:1.15em; }
}

@media (min-width: 1280px) {
#article .grelha article a img { width: 100%; height: auto; background: #d0d0d0; }
}
@media (min-width: 1360px) {
#article .grelha { grid-gap: 30px; }
#article .grelha article a h3 { font-size:1em; }
}
@media (min-width: 1460px) {
#article .grelha article a h3 { font-size:1.1em; }
}