@charset "UTF-8";
/*configurações*/
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{line-height:1.2em;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0; padding-bottom:0;}
h1{font-size:42px; font-weight:500;}
h2{font-size:36px; font-weight:500;}
h3{font-size:32px; font-weight:500;}
h4{font-size:28px; font-weight:500;}
h5{font-size:26px; font-weight:500;}
h6{font-size:24px; font-weight:500;}
p{font-size:18px; line-height:1.5em;}
ul:not(.reset-list) li{font-size:18px; line-height:1.5em;}
ul:not(.reset-list) li + li{margin-top:.7em;}
.chamada{font-size:22px;}
.legenda{font-size:14px;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
a{text-decoration:none; cursor:pointer;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:500;}

/* identificadores */
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; color:#0E0E0E; min-width:360px;}
#container {margin:0; padding: 0; height:100%; min-height:100%; height:auto!important; position:relative; z-index: 1; background:#FFFFFF; overflow-x:hidden; min-width:360px;}

header {position:fixed; top:0; z-index:150; padding: 0 4.4%; width:100%; font-size:0; text-align:right; min-width:360px;}
header .content{background-color: #FFFFFF; padding: 20px; border-bottom: solid 2px #1B9CD9;}

header .logo{position: relative; display: block; width: 292px; height: 60px; float: left; z-index: 10; background-image: url("../images/svg/nova-sede-asbrav.svg"); background-size: contain; background-repeat: no-repeat; background-position: center;}

header .circle.alpha.blue-b{margin-left: 10px; border: solid 1px #1B9CD9; position: relative; z-index: 10;}

nav{margin: 10px 0; display:inline-block; vertical-align: middle; text-align: left; position: relative; z-index: 5;}
nav .reset-list li{font-size: 18px; display:inline-block; vertical-align:middle; z-index:0; position: relative;}
nav .reset-list li + li{margin-left: 20px;}
nav .reset-list li .oswald.blue{line-height: 40px; display:block; position:relative; cursor:pointer; z-index:10; transition:color 1s;}
nav .reset-list li .oswald.blue:hover{color: #1B9CD9;}
nav .reset-list li .oswald.white.button{transition:background-color 1s;}
nav .reset-list li .oswald.white.button:hover{background-color: #213B78;}
nav .reset-list li .oswald.blue-b.button{background-color: #213B78;}

#banner{padding: 0 4.4%; position:relative; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; text-align: center; min-width:360px; z-index: 0; width: 100%; height: 100%; aspect-ratio: 2/1; min-height: 800px;}
#banner::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url("../images/svg/plantas-white-01.svg") no-repeat, url("../images/svg/plantas-white-02.svg") no-repeat, url("../images/svg/plantas-white-03.svg") no-repeat, url("../images/svg/plantas-white-04.svg") no-repeat; opacity: .25; animation-name:animar-plantas; animation-timing-function:linear; animation-iteration-count:infinite; animation-fill-mode: forwards; animation-duration:15s;}
@keyframes animar-plantas {
    0% {background-size: 80% auto, 120% auto, 60% auto, 80% auto; background-position: center, center top -30%, center bottom -30%, center;}
    25% {background-size: 100% auto, 100% auto, 80% auto, 100% auto; background-position: center top -30%, center, center, center bottom -30%;}
    50% {background-size: 80% auto, 80% auto, 100% auto, 120% auto; background-position: center , center bottom -30%, center top -30%, center;}
	75% {background-size: 60% auto, 100% auto, 80% auto, 100% auto; background-position: center bottom -30%, center, center, center top -30%;}
    100% {background-size: 80% auto, 120% auto, 60% auto, 80% auto; background-position: center, center top -30%, center bottom -30%, center;}
}
#banner .column-2{border: solid 1px #1B9CD9;}
#banner .column-2::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #213B78; mix-blend-mode: multiply;}
#banner .column-2 *{position: relative; z-index: 20;}
#banner .column-2 .button{position: absolute; bottom: -50px; margin-left: -4em; width: 8em;}
#banner + #patrocinadores{margin-top: -100px;}

#patrocinadores .content{background-color: #FFFFFF; z-index: 20; border-top: solid 2px #1B9CD9;}

#patrocinadores .marcas{display:block;}
#patrocinadores .marcas.platina a{height:150px;}
#patrocinadores .marcas.ouro a{height:140px;}
#patrocinadores .marcas.prata a{height:130px;}
#patrocinadores .marcas.bronze a{height:110px;}
#patrocinadores .marcas a {padding: 10px; margin: 0 3%; display: inline-block;}
#patrocinadores .marcas a img{height:100%;}
#patrocinadores .marcas span{display: none;}
#patrocinadores p{margin: 3em 0 1.5em 0; position: relative; line-height: 1.4em;}
#patrocinadores p::before{content: ""; position: absolute; top: 50%; right: 0; left: 0; border-top: solid 1px #1B9CD9; z-index: 0;}
#patrocinadores p span{position: relative; z-index: 1; padding: .3em 1.5em; border-radius: 1em; font-size: .8em;}

#andamento{background: linear-gradient(to right,  #213B78 0%,#1B9CD9 100%);}
#andamento::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; mix-blend-mode: multiply;}
.no-webp #andamento::before, .no-js #andamento::before{background-image: url("../images/large/nova-sede-andamento.jpg");}
.webp #andamento::before{background-image: url("../images/large/nova-sede-andamento.webp");}
#andamento .column-3{aspect-ratio: 5/4; margin: 0;}

#andamento .column-3 .flex{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center;}
#andamento .column-3 .blue{display: block; aspect-ratio:1/1; font-size: 65px; width: 2.5em; position: relative; margin: .8em auto; z-index: 10;}
#andamento .column-3 .blue .detalhe{content: ""; position: absolute; top: -.7em; right: -.7em; bottom: -.7em; left: -.7em; z-index: -1;}
#andamento .column-3 .blue .circle{font-weight:bold; letter-spacing: -.05em; width: 2.5em; line-height: 2.3em; padding-bottom: .2em; position: relative;}
#andamento .column-3 p{margin: 0; line-height: 1.2em;}

#andamento .column-3:first-child h2{display: block; margin: 0 auto; width: 5em; position: relative; z-index: 10;}
#andamento .column-3:first-child h2::before{content: ""; display: block; width: 5em; height: 5em; top: 50%; margin-top: -2.5em; position: absolute; background-color: #213B78; z-index: -1; border-radius: 50%; border: solid 2px #1B9CD9;}

#andamento .column-3:nth-child(2){float: left;}
#andamento .column-3:nth-child(2) .blue .detalhe{background-image: url("../images/svg/calendario.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}

#andamento .column-3:last-child{float: right;}
#andamento .column-3:last-child .blue .detalhe{border-radius: 50%; border: solid 2px #1B9CD9;}
#andamento .column-3:last-child .blue .circle::after{content: "%"; display: inline-block; font-size: .4em; line-height: 2em; vertical-align: top; padding-top: 1.4em;}

#apresentacao::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #FFFFFF; opacity: .9;}
#apresentacao .column-2{z-index: 10; vertical-align: middle; text-align: left;}
#apresentacao .column-2 p:last-child{padding-right: 25%;}
#apresentacao .column-2 .button{position: absolute; right: 0; bottom: 0;}
#apresentacao iframe{display: inline-block; vertical-align: middle; width: 21.7%; aspect-ratio: 9/16; margin: 0;}

#noticias::before{content: ""; position: absolute; top: 2px; right: 0; bottom: 2px; left: 0; border-top: solid 1px #1B9CD9; border-bottom: solid 1px #1B9CD9;}
#noticias .news-list li:nth-child(4){display: none;}

#projeto::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: url("../images/svg/plantas-black-01.svg") no-repeat, url("../images/svg/plantas-black-02.svg") no-repeat, url("../images/svg/plantas-black-03.svg") no-repeat, url("../images/svg/plantas-black-04.svg") no-repeat; background-size: 60% auto, 80% auto, 80% auto, 100% auto; background-position: center, center top -200%, center bottom -200%, center; background-repeat: no-repeat; mix-blend-mode: multiply; opacity: .6;}
#projeto h2{margin-bottom: 0;}
#projeto .gallery a span{aspect-ratio: 2/1;}

#estrutura h2{margin-bottom: 2em;}
#estrutura .column-2{margin-bottom: 4.4%; border: solid 1px #1B9CD9; border-radius: 5px; overflow: hidden; background-color: #FFFFFF; box-shadow: 0 0 7px #000000; text-align: left;}
#estrutura .column-2 .button{position: absolute; right: 30px; top: 30px;}
#estrutura .column-3 {margin: 0 0 0 4.4%; text-align: right; vertical-align: bottom;}
#estrutura .box{display: block;}
#estrutura .pict + .oswald.blue-b{display: inline-block; vertical-align: middle; font-size: 1.2em;}
#estrutura .oswald.blue-b + span{display: block; padding-left: 40px;}
#estrutura p{margin-bottom: 0;}
#estrutura ul:not(.reset-list){margin-top: 0; padding-left: 60px;}
#estrutura ul:not(.reset-list) li + li{margin-top:0;}

#investimento::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: url("../images/svg/plantas-black-01.svg") no-repeat, url("../images/svg/plantas-black-02.svg") no-repeat, url("../images/svg/plantas-black-03.svg") no-repeat, url("../images/svg/plantas-black-04.svg") no-repeat; background-size: 60% auto, 80% auto, 80% auto, 100% auto; background-position: center, center top, center bottom, center; background-repeat: no-repeat; mix-blend-mode: multiply; opacity: .2;}
#investimento .scroller .pict.large{display:none;}/*anterior e próximo*/
#investimento h4 span:not(.blue-b) {font-size: 1.4em; line-height: 1em;}
#investimento tbody{font-size: 18px;}
#investimento tbody tr:first-child td{font-size: 24px; border-top-width: 3px;}
#investimento tbody tr:last-child td{font-size: 24px; border-bottom: solid 3px #1B9CD9;}
#investimento tbody td{height:40px; padding: 5px 0; line-height: 1.1em; border-top: solid 1px #1B9CD9; position: relative;}
#investimento tbody td:not(:first-child){width: 130px; padding-left: 10px;}
#investimento tbody td sup{font-size: .6em;}
#investimento tbody td .pict.alpha{opacity: .2;}
#investimento tbody td .pict + span{display: inline-block; vertical-align: middle; font-size: .9em; line-height: 1em; padding: 0 .5em;}

#apoie{padding:0 4.4%; position: absolute; right: 0; bottom: 0; left: 0; border-top: solid 1px #FFFFFF;}
.no-webp #apoie, .no-js #apoie{background-image:url("../images/large/bg-footer.jpg");}
.webp #apoie{background-image:url("../images/large/bg-footer.webp");}
#apoie::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #1B9CD9; mix-blend-mode: multiply; z-index: 0;}
#apoie .content::after{content:""; display: block; padding-bottom: 180px;}
#apoie .bg-gradient-blue{position: absolute; right: 17.4%; bottom:0; left: 17.4%; border-radius: 5px 5px 0 0;}
#apoie h4 span:not(.white) {font-size: 1.4em; line-height: 1em;}
#apoie h5{margin-bottom: 1em;}
#apoie h5 span{display: block; font-size: .7em; font-weight: 400;}
#apoie a + a{margin-left: 4.4%;}

#titulo::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: url("../images/svg/plantas-white-01.svg") no-repeat, url("../images/svg/plantas-white-02.svg") no-repeat, url("../images/svg/plantas-white-03.svg") no-repeat, url("../images/svg/plantas-white-04.svg") no-repeat; background-size: 60% auto, 80% auto, 80% auto, 100% auto; background-position: center, center top, center bottom, center; background-repeat: no-repeat; opacity: .2;}
#titulo .content{padding: 140px 0 40px 0;}

#principal .content.dinamico .article{display:block; margin:0 auto;}/*noticias*/

#principal .content.dinamico .sharethis-inline-share-buttons{margin-bottom: 40px;}
#principal .content.dinamico .sharethis-inline-share-buttons img{border: none;}/* links compartilhamento*/
#principal .content.dinamico .mostra-data {display: inline-block; }/* float: left; data */
#principal .content.dinamico h2 span{text-transform:uppercase; display:block; font-size:.5em; font-weight:300;}
#principal .content.dinamico h3, #principal .article.dinamico h4 {color:#1B9CD9; margin-top: 1.5em; margin-bottom:.2em; font-family: "Oswald", sans-serif; font-optical-sizing: auto; font-weight: 400;}

#principal .content.dinamico .img-destaque{max-width:100%; display:block; margin:auto; border:solid 1px #1B9CD9; clear: both; border-radius: 5px;}
#principal .content.dinamico .img-destaque.vertical{max-width:47.8%; float:right; margin:0 0 4.4% 4.4%;}
#principal .content.dinamico iframe{display:block; width:100%; margin:5% auto; overflow:hidden; aspect-ratio: 16/9;}

#principal .content.dinamico p:not(.text-center) a{text-decoration:none; font-weight:700; color:#1B9CD9;}
#principal .content.dinamico p.navegador{margin-top: 80px;}
#principal .content.dinamico p.navegador br{display: none;}
#principal .content.dinamico p.navegador br + .button{margin-left: 4.4%;}
#principal .content.dinamico p.navegador .button .label{width: 7em;}

#filtro {visibility:hidden;display:none;position:absolute;}
#dados{display:block; position:relative;}
#dados input[type=text] {font-size:18px; margin:0 4.4% 40px 0; width:47.8%; font-weight:400; font-optical-sizing: auto; font-style: normal; display:inline-block; vertical-align: middle; background-color: #FFFFFF; border:none; padding:0 15px; height:50px; line-height:50px; border-radius: 25px;}
#dados input[type=text]:nth-child(2n), #dados input[type=text]:last-child{margin-right: 0;}
#dados input[type=submit] {font-size:14px; font-weight:400; padding:0; cursor:pointer; appearance:none; border:none; height:50px; width:200px; display:block; margin: auto; border-radius: 25px;}

/*cookie consent*
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:800px; border:solid 1px #1B9CD9;}
.termsfeed-com---nb .cc-nb-title {color: #1B9CD9; font-family: "Open Sans", sans-serif; font-size:32px;}
.termsfeed-com---nb .cc-nb-text{color: #2C4634;}
.cc-nb-main-container{background-color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:18px;}
.cc-nb-okagree{background-color:#2C4634!important; color:#FFFFFF!important;}
.cc-nb-reject{background-color:#C41F21; color:#FFFFFF!important;}
.cc-nb-changep{background-color:#002312!important; color:#FFFFFF!important;}

/*estruturais*/
section{padding:0 4.4%; position: relative;}
.standard .content{padding: 80px 0;}
.standard .content h2 span{display: block; font-size: .6em; font-weight: 400; line-height: .6em;}
.standard .content h4 span{display: block; font-size: .6em; font-weight: 400; line-height: .6em;}
.content {margin:auto; width:100%; max-width:1800px; position:relative; font-size:0;}
.article {width:65.2%; margin:auto; position:relative; display:inline-block; vertical-align:top;}
.column-2 {width:47.8%; margin:0 4.4% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:0;}
.column-3 {width:30.4%; margin:0 4.4% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-3:nth-child(3n), .column-3:last-child{margin-right:0;}
.column-4 {width:21.7%; margin:0 4.4% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}
.box{padding: 30px;}

.gallery {font-size: 0;}
.gallery a{display:inline-block; width:21.7%; margin:4.4% 4.4% 0 0; vertical-align:text-top; border-radius: 5px; overflow: hidden; position: relative;}
.gallery a:nth-child(4n), .gallery li:last-child{margin-right:0;}
.gallery a::after{content: ""; position: absolute; right: 15px; bottom: 15px; width: 30px; padding-bottom: 30px; background-image: url("../images/svg/pictogramas.svg"); background-repeat:no-repeat; background-size:1100% auto; background-position:50% 80%; background-color: #1B9CD9; border-radius: 5px;}
.gallery a span{display:block; width:100%; aspect-ratio: 1/1;}

/*específicas*/
.news-list li{font-size: 24px; width:30.4%; margin:2.2% 4.4% 2.2% 0; aspect-ratio:1/1; position:relative; display:inline-block; vertical-align:top; border: solid 1px #1B9CD9; text-align: left; border-radius: 5px; overflow: hidden;}
.news-list li:nth-child(3n), .news-list li:last-child{margin-right:0;}
.news-list li::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #213B78; mix-blend-mode: multiply; z-index: 1;}
.news-list li a{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; padding: 1.5em;}
.news-list li .bg-image{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0;}
.no-webp .news-list li .bg-image.no-image, .no-js .news-list li .bg-image.no-image{background-image:url("../admin-images/large/no-image.jpg");}
.webp .news-list li .bg-image.no-image{background-image:url("../admin-images/large/no-image.webp");}
.news-list li span.blue-b{font-size: .8em;}
.news-list li strong{line-height: 1.4em; display: block;}
.news-list li .pict{position: absolute; bottom: 1.5em; left: 50%; margin-left: -30px;}
.news-list + p a + a, .news-list + p a + span, .news-list + p span + a, .news-list + p span + span{margin-left: 20px;}

/*transições*/
.alpha{transition:opacity 1s;}
.alpha:hover{opacity:0.50;}

.zoom{cursor: zoom-in;}

/*fontes*/
.oswald{font-family: "Oswald", sans-serif; font-optical-sizing: auto;}
.open-sans{font-family: "Open Sans", sans-serif;}

/*cores*/
.white{color:#FFFFFF;}
.blue{color:#213B78;}
.blue-b{color:#1B9CD9;}
.blue-d{color:#0E2050;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-blue{background-color:#213B78;}
.bg-blue-b{background-color:#1B9CD9;}
.bg-blue-d{background-color:#0E2050;}
.bg-image{background-repeat:no-repeat; background-position:center; background-size:cover;}
.bg-gradient-blue{background: linear-gradient(to bottom,  #213b78 0%,#0e2050 100%);}

/*constantes*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.reset-list{margin:0; padding:0; font-size:0; list-style:none;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.round{border-radius:5px;}
.circle{display:inline-block; vertical-align:middle; border-radius:50%;}
.two-column{column-width:200px; column-gap: 30px;}

.button{display:inline-block; vertical-align:middle; position:relative; line-height:1em; border-radius: 40px; padding: 0 .5em}
.button.hover{opacity:0.25;}

.button .label{display:inline-block; vertical-align:middle; text-align:center;}
.button.large .label{font-size:1.1em; line-height:30px; padding:15px 1em;}
.button.medium .label{font-size:1em; line-height:20px; padding:10px 1em;}
.button.small .label{font-size:.9em; line-height:18px; padding:6px 1em;}
.button.tiny .label{font-size:.8em; line-height:14px; padding:3px 1em;}
.button .pict + .label{padding-right:1em; padding-left:.5em;}

.pict{display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-size:1100% auto; background-image:url("../images/svg/pictogramas.svg")}
.pict.text{background-image:none; font-size:1.4em;}
.pict.hover{opacity:0.25;}

.pict.large{width:60px; height:60px; line-height:60px;}
.pict.medium{width:40px; height:40px; line-height:40px;}
.pict.small{width:30px; height:30px; line-height:30px;}
.pict.tiny{width:20px; height:20px; line-height:20px;}

.pict.local + span{display: inline-block; vertical-align: top;}

.pict.blue-b.whats{background-position:0% 0%;}
.pict.blue-b.fone{background-position:10% 0%;}
.pict.blue-b.email{background-position:20% 0%;}
.pict.blue-b.local{background-position:30% 0%;}
.pict.blue-b.home{background-position:40% 0%;}
.pict.blue-b.instagram{background-position:50% 0%;}
.pict.blue-b.linkedin{background-position:60% 0%;}
.pict.blue-b.tiktok{background-position:70% 0%;}
.pict.blue-b.youtube{background-position:80% 0%;}
.pict.blue-b.facebook{background-position:90% 0%;}
.pict.blue-b.data{background-position:100% 0%;}
.pict.blue-b.noticias{background-position:0% 20%;}
.pict.blue-b.link{background-position:10% 20%;}
.pict.blue-b.nolink{background-position:20% 20%;}
.pict.blue-b.download{background-position:30% 20%;}
.pict.blue-b.upload{background-position:40% 20%;}
.pict.blue-b.ampliar{background-position:50% 20%;}
.pict.blue-b.climatizacao{background-position:60% 20%;}
.pict.blue-b.finalidade{background-position:70% 20%;}
.pict.blue-b.area{background-position:80% 20%;}
.pict.blue-b.mais{background-position:0% 40%;}
.pict.blue-b.menos{background-position:10% 40%;}
.pict.blue-b.fechar{background-position:20% 40%;}
.pict.blue-b.duvida{background-position:30% 40%;}
.pict.blue-b.alerta{background-position:40% 40%;}
.pict.blue-b.info{background-position:50% 40%;}
.pict.blue-b.anterior{background-position:60% 40%;}
.pict.blue-b.seguinte{background-position:70% 40%;}
.pict.blue-b.topo{background-position:80% 40%;}
.pict.blue-b.base{background-position:90% 40%;}
.pict.blue-b.check{background-position:100% 40%;}

.pict.white.whats{background-position:0% 60%;}
.pict.white.fone{background-position:10% 60%;}
.pict.white.email{background-position:20% 60%;}
.pict.white.local{background-position:30% 60%;}
.pict.white.home{background-position:40% 60%;}
.pict.white.instagram{background-position:50% 60%;}
.pict.white.linkedin{background-position:60% 60%;}
.pict.white.tiktok{background-position:70% 60%;}
.pict.white.youtube{background-position:80% 60%;}
.pict.white.facebook{background-position:90% 60%;}
.pict.white.data{background-position:100% 60%;}
.pict.white.noticias{background-position:0% 80%;}
.pict.white.link{background-position:10% 80%;}
.pict.white.nolink{background-position:20% 80%;}
.pict.white.download{background-position:30% 80%;}
.pict.white.upload{background-position:40% 80%;}
.pict.white.ampliar{background-position:50% 80%;}
.pict.white.climatizacao{background-position:60% 80%;}
.pict.white.finalidade{background-position:70% 80%;}
.pict.white.area{background-position:80% 80%;}
.pict.white.mais{background-position:0% 100%;}
.pict.white.menos{background-position:10% 100%;}
.pict.white.fechar{background-position:20% 100%;}
.pict.white.duvida{background-position:30% 100%;}
.pict.white.alerta{background-position:40% 100%;}
.pict.white.info{background-position:50% 100%;}
.pict.white.anterior{background-position:60% 100%;}
.pict.white.seguinte{background-position:70% 100%;}
.pict.white.topo{background-position:80% 100%;}
.pict.white.base{background-position:90% 100%;}
.pict.white.check{background-position:100% 100%;}

@media screen and (max-width:1400px) {
/*configurações*/
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size:20px;}
h6{font-size:18px;}
p{font-size:16px;}
ul:not(.reset-list) li{font-size:16px;}
.chamada{font-size:20px;}
.legenda{font-size:14px;}

/* identificadores */
header .content{padding: 20px 15px;}
header .logo{width: 195px; height: 40px;}
header .circle.alpha.blue-b{margin-left: 5px;}

nav{margin: 0;}
nav .reset-list li{font-size: 14px;}
nav .reset-list li + li{margin-left: 10px;}

#banner{min-height: 700px;}
#banner .column-2 .button{bottom: -45px;}
#banner + #patrocinadores{margin-top: -80px;}

#patrocinadores .marcas.platina a{height:125px;}
#patrocinadores .marcas.ouro a{height:115px;}
#patrocinadores .marcas.prata a{height:105px;}
#patrocinadores .marcas.bronze a{height:90px;}
#patrocinadores .marcas a {margin: 0 2%;}
#patrocinadores .marcas a {padding: 8px;}
    
.no-webp #andamento::before, .no-js #andamento::before{background-image: url("../images/medium/nova-sede-andamento.jpg");}
.webp #andamento::before{background-image: url("../images/medium/nova-sede-andamento.webp");}
#andamento .column-3{aspect-ratio: 1/1;}

#andamento .column-3 .blue{font-size: 50px;}

#apresentacao .column-2 p:last-child{padding-right: 35%;}
#apresentacao iframe{width: 30.4%;}

#estrutura .column-2 .button{right: 25px; top: 25px;}

#investimento tbody{font-size: 16px;}
#investimento tbody tr:first-child td{font-size: 20px;}
#investimento tbody tr:last-child td{font-size: 20px;}

.no-webp #apoie, .no-js #apoie{background-image:url("../images/medium/bg-footer.jpg");}
.webp #apoie{background-image:url("../images/medium/bg-footer.webp");}
#apoie .content::after{padding-bottom: 140px;}
#apoie .bg-gradient-blue{right: 10%; left: 10%;}
#apoie h5{margin-bottom: 1em;}
#apoie p br{display: none;}

#titulo .content{padding: 110px 0 30px 0;}

#principal .content.dinamico .sharethis-inline-share-buttons{margin-bottom:30px;}

#principal .content.dinamico p.navegador{margin-top: 60px;}

#filtro {visibility:hidden;display:none;position:absolute;}
#dados{display:block; position:relative;}
#dados input[type=text] {font-size:16px; margin:0 4.4% 30px 0;}
#dados input[type=submit] {font-size:12px; width:180px;}

/*estruturais*/
.standard .content{padding: 60px 0;}
.box{padding: 25px;}

.gallery a::after{right: 10px; bottom: 10px;}

/*específicas*/
.news-list li{font-size: 20px;}
.news-list li a{padding: 1em;}
.no-webp .news-list li .bg-image.no-image, .no-js .news-list li .bg-image.no-image{background-image:url("../admin-images/medium/no-image.jpg");}
.webp .news-list li .bg-image.no-image{background-image:url("../admin-images/medium/no-image.webp");}
.news-list li .pict{bottom: 1em;}

}
@media screen and (max-width:1000px) {
/*configurações*/
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
p{font-size:14px;}
ul:not(.reset-list) li{font-size:14px;}
.chamada{font-size:18px;}
.legenda{font-size:12px;}

/* identificadores */
header {padding: 0 30px;}
header .content{padding: 15px;}
    
header .content::before{content: ""; position: absolute; top: 0; right: 0; left: 0; height: 72px; background-color: #FFFFFF; z-index: 10; border-bottom: solid 2px #1B9CD9;}


header .circle.alpha.blue-b{margin-left: 10px;}

header .panel-button{width: 40px; height: 40px; display:inline-block; overflow:hidden; position:relative; transition:all 2s; z-index:400; vertical-align:middle; cursor:pointer; margin-left: 10px; border: solid 1px #1B9CD9; border-radius: 50%;}
    
header .panel-button span{display:block; position:absolute; height:2px; width:20px; left: 9px; background-color:#1B9CD9;}
header .panel-button span:first-child{top: 12px;}
header .panel-button span:nth-child(2){top: 18px;}
header .panel-button span:last-child{top: 24px;}

header.panel-button-active .panel-button span:first-child{transform:rotate(-45deg); top:18px;}
header.panel-button-active .panel-button span:nth-child(2){background-color: transparent;}
header.panel-button-active .panel-button span:last-child{transform:rotate(45deg); top:18px;}
header.panel-button-active nav {height:100%;}

nav {position:fixed; top:0; right:0; left: 0; height: 0; text-align:center; padding: 0; margin: 0; background-color: rgba(33,59,120,0.85); display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; z-index: 0; transition: height 1s;}
nav .reset-list{margin:0; padding:72px 0 0 0; list-style:none; display:block;}
nav .reset-list li{font-size: 16px; display:block; margin:0 auto;}
nav .reset-list li + li{margin: 20px auto 0 auto;}
nav .reset-list li .oswald.blue, nav .reset-list li .oswald.blue-b, nav .reset-list li .oswald.blue:hover{display: block; height: 40px; line-height: 40px; transition:none; background-color: #FFFFFF; width:240px; border-radius: 20px; border: solid 1px #213B78;}
nav .reset-list li .oswald.white.button, nav .reset-list li .oswald.blue-b.button{display: block; width:240px; transition: none; border: solid 1px #FFFFFF; padding: 0;}
nav .reset-list li .oswald.white.button:hover{background-color: #1B9CD9;}
nav .reset-list li .button .label{line-height: 38px; padding: 0; display: block;}

#banner{padding: 0 30px; min-height: 600px;}
#banner .column-2 .button{bottom: -40px;}
#banner + #patrocinadores{margin-top: -70px;}

#patrocinadores .marcas.platina a{height:80px;}
#patrocinadores .marcas.ouro a{height:70px;}
#patrocinadores .marcas.prata a{height:60px;}
#patrocinadores .marcas.bronze a{height:50px;}
#patrocinadores .marcas a {padding: 6px;}

.no-webp #andamento::before, .no-js #andamento::before{background-image: url("../images/small/nova-sede-andamento.jpg");}
.webp #andamento::before{background-image: url("../images/small/nova-sede-andamento.webp");}

#andamento .column-3{aspect-ratio:inherit; display: inline-block;}
#andamento .column-3 .flex{position: relative; display: block;}
    
#andamento .column-3:first-child h2{margin: 2em auto;}

#andamento .column-3:nth-child(2){width: 50%;}
#andamento .column-3:last-child{width: 50%; float: none;}

#apresentacao .column-2 h2{text-align: center;}
#apresentacao .column-2 p:last-child{padding-right: 0;}
#apresentacao .column-2 .button{position: relative; display: block; width: 11em; margin: 20px auto 0 auto;}

#apresentacao iframe{margin: 40px auto 0 auto; display: block; width: 100%; max-width: 300px;}

#noticias .news-list li:nth-child(4){display: inline-block;}

#estrutura .column-2{margin-bottom: 30px; box-shadow: 0 0 5px #000000;}
#estrutura .column-2 .button{right: 20px; top: 20px;}
#estrutura .column-3 {margin: 30px 0 0 0; text-align: center;}

#investimento .column-3 + .column-3{margin-top: 20px;}
#investimento .chamada {padding: 0 50px;}
#investimento .scroller{margin-top: -50px; position: relative; z-index: 100;}
#investimento .scroller .scroll{overflow-x:scroll; overflow-y: hidden; width:100%; scroll-behavior: smooth; position:relative; border-left: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; padding: 0 10px;}/*rolagem para tabelas*/
#investimento .scroller .pict.large{display:inline-block;}/*anterior e próximo*/
#investimento .scroller .ancora{position:absolute; width:1px; height:1px; top:-170px;}
#investimento .scroller .ancora.left{left:-10px;}
#investimento .scroller .ancora.right{right:-10px;}
#investimento table{min-width: 800px;}
#investimento tbody{font-size: 14px;}
#investimento tbody tr:first-child td{font-size: 18px;}
#investimento tbody tr:last-child td{font-size: 18px;}

#apoie{padding:0 30px;}
.no-webp #apoie, .no-js #apoie{background-image:url("../images/small/bg-footer.jpg");}
.webp #apoie{background-image:url("../images/small/bg-footer.webp");}
#apoie .content::after{content:""; display: block; padding-bottom: 240px;}
#apoie .bg-gradient-blue{right: 0; left: 0;}
#apoie a{position: relative;}
#apoie a + a{margin-left:0;}
#apoie a + a::before{content: ""; display: block; margin-top: 15px;}

#titulo .content{padding: 90px 0 20px 0;}

#principal .content.dinamico .sharethis-inline-share-buttons{margin-bottom: 20px;}

#principal .content.dinamico p.navegador{margin-top: 40px;}
#principal .content.dinamico p.navegador .button + .button{margin-left: 30px;}

#dados input[type=text] {font-size:14px; margin:0 4.4% 20px 0; padding:0 10px; height:40px; line-height:40px; border-radius: 20px;}
#dados input[type=submit] {font-size:10px; height:40px; width:160px; border-radius: 20px;}

/*estruturais*/
section{padding:0 30px;}
.standard .content{padding: 40px 0;}
.content {max-width:800px;}
.article, .column-2, .column-3 {width:100%; margin:0 auto; display:block;}
.box{padding: 20px;}

.gallery a{display:inline-block; width:30.4%;}
.gallery a:nth-child(4n){margin-right: 4.4%;}
.gallery a:nth-child(3n), .gallery li:last-child{margin-right:0;}
.gallery a::after{right: 5px; bottom: 5px; width: 20px; padding-bottom: 20px;}

/*específicas*/
.news-list li{font-size: 18px; width:47.8%; margin:2.2% 4.4% 2.2% 0;}
.news-list li:nth-child(3n){margin-right: 4.4%;}
.news-list li:nth-child(2n), .news-list li:last-child{margin-right:0;}
.no-webp .news-list li .bg-image.no-image, .no-js .news-list li .bg-image.no-image{background-image:url("../admin-images/small/no-image.jpg");}
.webp .news-list li .bg-image.no-image{background-image:url("../admin-images/small/no-image.webp");}
.news-list li .pict{margin-left: -20px; width: 40px; height: 40px;}
.news-list + p a + a, .news-list + p a + span, .news-list + p span + a, .news-list + p span + span{margin-left: 10px;}

/*transições*/
.alpha{transition: none;}
.alpha:hover{opacity:1;}
}
@media screen and (max-width:600px) {
/*configurações*/
h1{font-size:24px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
.chamada{font-size:16px;}
.legenda{font-size:10px;}

/* identificadores */
header .circle.alpha.blue-b{margin-left: 0; display: none;}

#banner{min-height: 500px;}
#banner .column-2 .button{bottom: -37px;}

#patrocinadores .marcas.platina a{height:70px;}
#patrocinadores .marcas.ouro a{height:60px;}
#patrocinadores .marcas.prata a{height:50px;}
#patrocinadores .marcas.bronze a{height:40px;}
#patrocinadores .marcas a {padding: 5px; margin: 10px;}
#patrocinadores p span{font-size: .6em;}

.no-webp #andamento::before, .no-js #andamento::before{background-image: url("../images/tiny/nova-sede-andamento.jpg");}
.webp #andamento::before{background-image: url("../images/tiny/nova-sede-andamento.webp");}
#andamento .column-3 .blue{font-size: 32px;}

#investimento .chamada br{display: none;}

.no-webp #apoie, .no-js #apoie{background-image:url("../images/tiny/bg-footer.jpg");}
.webp #apoie{background-image:url("../images/tiny/bg-footer.webp");}

#principal .content.dinamico p.navegador br{display: inline;}
#principal .content.dinamico p.navegador br + .button{margin-top: 30px; margin-left: 0;}

#dados input[type=text] {width: 100%; margin:0 0 20px 0;}

/*estruturais*/
.content {max-width:400px;}

.gallery a{display:inline-block; width:47.8%;}
.gallery a:nth-child(3n){margin-right: 4.4%;}
.gallery a:nth-child(2n), .gallery li:last-child{margin-right:0;}

/*específicas*/
.news-list li{font-size: 16px; width:100%; margin:10px 0; aspect-ratio:2/1;}
.news-list li:nth-child(3n){margin-right:0;}

.button.large .label{font-size:1em; padding:10px 1em;}
.button.medium .label{font-size:.9em; padding:7px 1em;}
.button.small .label{font-size:.8em; line-height:15px; padding:5px 1em;}
.button.tiny .label{font-size:.7em; line-height:14px; padding:2px 1em;}

.pict.text{background-image:none; font-size:1.2em;}

.pict.large{width:50px; height:50px; line-height:50px;}
.pict.medium{width:34px; height:34px; line-height:34px;}
.pict.small{width:25px; height:25px; line-height:25px;}
.pict.tiny{width:18px; height:18px; line-height:18px;}
}