@charset "UTF-8"; 
/*configurações basicas*/
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;}
div::after, ol::after, form::after, dl::after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
h1, h2, h3, h4, h5, h6{line-height:1.2em; font-weight:600;}
* 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:36px;}
h2{font-size:32px;}
h3{font-size:30px;}
h4{font-size:28px;}
h5{font-size:24px;}
h6{font-size:20px; font-weight:400;}
p{font-size:20px; line-height:1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
ul:not(.clear-list), ol:not(.clear-list){font-size: 20px; line-height: 1.2em;}
ul:not(.clear-list) li + li, ol:not(.clear-list) li + li{margin-top: 1em;}
a{text-decoration:none;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:600;}
/* identificadores */
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 400;}
#container {margin:0; padding:0 0 160px 0; height:100%; min-height:100%; height:auto !important; position:relative; background:#FFFFFF; overflow-x:hidden;}

header {position:absolute; top:0; width:100%; font-size:0; text-align:right; transition:none; z-index:20; margin: 0; background: linear-gradient(to bottom, rgba(26, 57, 104, 1) 0%, rgba(26, 57, 104, .7) 75%, rgba(0, 81, 140, 0) 100%);}
header .bg-gradient-red-horizontal {padding:0 3.8%; overflow:hidden;}
header .bg-gradient-red-horizontal a{display: inline-block; vertical-align: middle; font-size:12px; line-height:30px; height:30px; z-index:20;}
header .bg-gradient-blue-vertical{display:none;}

header.hover{position:fixed; top:-180px; margin-top:180px; height: 150px; transition:margin-top 1s; z-index:10; border-bottom: solid 1px #A2191F; background: #1A3968; background: linear-gradient(to bottom,  #1A3968 0%,#00518C 100%);}
header.hover .mercofrio{display:block; position:absolute; left:3.8%; top:45px; width:410px; padding-bottom:90px; background-repeat:no-repeat; background-position:center left; background-size:contain; background-image:url("../images/svg/mercofrio.svg"); z-index: 20;}

header.hover .bg-gradient-blue-vertical{font-size:20px; display:block; position:absolute; right: 7.6%; bottom: -1.4em; text-align:center; line-height: 2.8em; border-radius:1.4em; margin:0; padding: 0 2em;}
header.hover .bg-gradient-blue-vertical .button{position: absolute; right: 2em; bottom: -1.9em;  line-height: .7em; white-space: nowrap;}
header.hover .bg-gradient-blue-vertical .button .label{line-height: 1em;}

nav{display:inline-block; margin:0; padding:0 3.8% 0 0; list-style:none; font-size:0; z-index: 10; position: relative;}
nav li{display:inline-block; vertical-align:middle; position:relative;}
nav li + li{margin-left:20px;}
nav li .white{display:block; position:relative; font-size:18px; line-height:20px; letter-spacing: -.025em; padding:45px 0 30px 0; white-space:nowrap; transition:color 1s;}
nav li:hover .white, nav li .white.hover{color:#5AC4F1;}

nav li:hover ul{height: 140px;}
nav li ul{display: block; position: absolute; right: 0; top: 70px; border-radius: 15px 0 15px 15px; background-color: #A6BCC6; padding: 0 20px; overflow: hidden; height: 0; transition:height 1s;}
nav li ul li{padding: 0 25px;}
nav li ul li + li{margin-left: 0;}
nav li ul li:first-child{margin-top: 10px;}
nav li ul li:last-child{margin-bottom: 10px;}
nav li ul li a{font-size:16px; line-height:40px; display:block; white-space:nowrap; color: #FFFFFF; transition:color 1s;}
nav li ul li a:hover, nav li ul li a.hover{color: #086BAF;}

section.banner{display: flex; align-items: center; align-content: center; position:relative; height: 100vh; background-position:center bottom; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.no-webp section.banner, .no-js section.banner {background-image:url("../images/large/bg-banner-2026.jpg");}
.webp section.banner {background-image:url("../images/large/bg-banner-2026.webp");}

section.banner h1{display:block; position:relative; width: 50%; max-width:23em; margin:0 0 0 7.6%; padding:.75em .75em 0 .75em; text-align: center;}
section.banner h1::after{content: ""; position: absolute; top: 0; right: 0; bottom: 1em; left: 0; background-color: rgba(255,255,255,.85); z-index: 0; border-radius: 1.5em;}
section.banner h1::before{content: ""; display: block; width: 100%; aspect-ratio: 9/2; background-repeat:no-repeat; background-position:center; background-image:url("../images/svg/mercofrio-2026.svg"); position: relative; z-index: 10; background-size: contain;}
section.banner h1 .bg-gradient-red-vertical{font-size: .55em; line-height: 1.1em; display: inline-block; padding: .6em 0; border-radius:2em; margin-top: .75em; width: 30em; position: relative; z-index: 10; white-space: nowrap;}

section.banner .data.bg-gradient-blue-vertical{font-size: 24px; position: absolute; right: 7.6%; bottom: 7.6%; line-height: 3em; padding: 0 2em; border-radius:1.5em;}
section.banner .data .bg-gradient-red-vertical{position:absolute; bottom: -1.2em; right: 1.7em; font-size: .7em; line-height: 2.4em;  padding: 0 1.7em; border-radius:1.2em; white-space: nowrap;}

section.contagem .titulo + p{font-size: 24px;}
section.contagem .contador li{font-size:60px; display:inline-block; font-weight:500; width:2.6em; height:2.6em; line-height:.9em; padding:.65em 0 0 0; margin:.2em;}
section.contagem .contador li span{font-weight: 700;}
section.contagem .contador li span + span{display:block; font-size:.3em; font-weight:400; line-height:1.4em;}
section.contagem .label{min-width: 20em;}

section.porto-alegre{background-repeat:no-repeat; background-position:center; background-size:cover;}
.no-webp section.porto-alegre, .no-js section.porto-alegre {background-image:url("../images/large/bg-porto-alegre.jpg");}
.webp section.porto-alegre {background-image:url("../images/large/bg-porto-alegre.webp");}

section.porto-alegre .column-2{display:flex; justify-content:center; align-items:center; margin:0 3.8% 0 auto; aspect-ratio:1/1;}
section.porto-alegre .column-2::before{content:""; display:block; position:absolute; top:-50px; right:-50px; bottom:-50px; left:-50px; background-color:#086BAF; mix-blend-mode:multiply; border-radius:50%;}
section.porto-alegre .column-2 .circle{z-index:1;}
section.porto-alegre .column-2 h2{margin-top:-2em;}
section.porto-alegre .column-2 p span + span{display:inline-block; vertical-align:top; text-align:left;}

section.temas p{font-size: 28px; font-weight: 600;}

section.datas .palco{display:block; position:relative; overflow:hidden; margin:50px auto 0 auto;}
section.datas .clear-list{display:block; position:absolute; left:0; width:100%; opacity:0; transition:opacity 1s;}
section.datas .clear-list.ativo{opacity:1;-moz-opacity:1;filter:alpha(opacity=100); transition:opacity 1s;}
section.datas .clear-list li{font-size: 32px; font-weight: 600; line-height: 1.8em;}
section.datas .clear-list .pict{display: block; margin: 0 auto;}
section.datas .clear-list .open-sans{display: block; margin: 0 auto; font-size: .6em; line-height: 1.2em; font-weight: 400;}
section.datas .clear-list .red-d{text-decoration: line-through;}

section.datas li{width:22.15%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
section.datas li:last-child{margin-right:0;}
section.datas li h3{margin-top:0;}
section.datas li h3 span{display:block; font-weight:300; font-size:.6em; line-height:1.2em;}
section.datas li h3 span.line{text-decoration:line-through;}
section.datas .seguinte{position:absolute; top:50%; right:-3%; z-index:5;}
section.datas .anterior{position:absolute; top:50%; left:-3%; z-index:5;}

section.entidades .marcas a{display:inline-block; margin:0 3.8%;}
section.entidades .marcas a img{display:block; height:100%;}
section.entidades .marcas.realizacao a{height:200px;}
section.entidades .marcas.ouro a{height:160px;}
section.entidades .marcas.prata a{height:120px;}
section.entidades .marcas + p{margin-top: 50px;}
section.entidades p::after{content:""; display:block; width:620px; border-top:dotted 1px #2AA0DA; margin:.5em auto 0 auto;}

footer{padding:0 3.8%; width:100%; position:absolute; left:0; bottom:0; font-size:0; z-index:5; overflow:hidden;}
footer .article{padding:25px; border-radius:10px 10px 0 0;}
footer .article a img{height:60px;}
footer .article .float-right a{display:block; line-height:1.7em;}

section.titulo .content{padding:175px 0 25px 0;}

section.principal .topico + .topico{margin-top:100px;}
section.principal .topico .blue-ll{line-height:.9em;}
section.principal .topico .blue-ll .pict + span{padding-top:.25em;}
section.principal .topico .pict + span:not(.label){display:inline-block; vertical-align:top;}
section.principal br + .button{margin-top:.6em;}/*Espaço entre botões*/

/*estruturais*/
section{position:relative; padding:0 3.8%;}
section .content{padding:100px 0;}
.content {margin:auto; width:100%; max-width:1800px; position:relative; font-size:0;}
.article {width:65.4%; margin:auto; position:relative; display:inline-block; vertical-align:text-top;}
.column-2 {width:48.1%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:0;}
.column-3 {width:30.8%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.column-3:nth-child(3n), .column-3:last-child{margin-right:0;}
.column-4 {width:22.15%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}

.titulo .pict + span{display: block; font-size: .6em; line-height: 1em;}

/* fontes */
.open-sans {font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-style: normal;}
.montserrat {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-style: normal;}

/*cores*/
.white{color:#FFFFFF;}
.red{color:#DD202F;}
.red-d{color:#A2191F;}
.gray{color:#323230;}
.gray-l{color:#A6BCC6;}
.gray-ll{color:#E1E9EC;}
.gray-lll{color:#EDF2F5;}
.gray-llll{color:#F5F8F9;}
.blue{color:#086BAF;}
.blue-l{color:#2AA0DA;}
.blue-ll{color:#5AC4F1;}

/*backgrounds*/
.bg-red{background-color:#DD202F;}
.bg-red-d{background-color:#A2191F;}
.bg-gray{background-color:#323230;}
.bg-gray-l{background-color:#A6BCC6;}
.bg-gray-ll{background-color:#E1E9EC;}
.bg-gray-lll{background-color:#F0F4F6;}
.bg-gray-llll{background-color:#F5F8F9;}
.bg-blue{background-color:#086BAF;}
.bg-blue-l{background-color:#2AA0DA;}
.bg-blue-ll{background-color:#5AC4F1;}
.bg-gradient-red-horizontal{background: linear-gradient(to right,  #A2191F 0%,#DD202F 100%);}
.bg-gradient-red-vertical{background: linear-gradient(to bottom,  #DD202F 0%,#A2191F 100%);}
.bg-gradient-blue-horizontal{background: linear-gradient(to right,  #086BAF 0%,#2AA0DA 100%);}
.bg-gradient-blue-vertical{background: linear-gradient(to bottom,  #2AA0DA 0%,#086BAF 100%);}

/*gerais*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.clear-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;}

.box{padding: 20px;}
.round{border-radius:5px;}
.circle{border-radius:50%;}
.two-column{column-count:2; column-gap: 3.8%;}
.image{background-position:center; background-repeat:no-repeat; background-size:cover;}
.alpha{transition:opacity 1s;}
.alpha:hover{opacity:0.50;}
.desativado{opacity:0.50;}

.button{display:inline-block; vertical-align:middle; position:relative; border-radius:80px; line-height: 1em; height: auto;}
.button.hover{opacity:0.25; cursor:default;}

.button.extra{line-height:160px; font-size:1.2em;}
.button.large{line-height:80px; font-size:1.1em;}
.button.medium{line-height:60px; font-size:1em;}
.button.small{line-height:40px; font-size:.9em;}
.button.tiny{line-height:30px; font-size:.8em;}

.button .label{display:inline-block; vertical-align: middle; font-weight:400; text-align:center;}
.button.extra .label{line-height: 36px; padding:32px 2em;}
.button.large .label{line-height: 30px; padding:25px 2em;}
.button.medium .label{line-height: 26px; padding:17px 2em;}
.button.small .label{line-height: 20px; padding:10px 2em;}
.button.tiny .label{line-height: 16px; padding:7px 2em;}

.button .pict{margin-left: .25em;}
.button .pict + .label{padding-left: 1em;}

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

.pict.extra{width:160px; height:160px; line-height:160px; font-size:1.6em;}
.pict.large{width:80px; height:80px; line-height:80px; font-size:1.4em;}
.pict.medium{width:60px; height:60px; line-height:60px; font-size:1.2em;}
.pict.small{width:40px; height:40px; line-height:40px; font-size:1em;}
.pict.tiny{width:30px; height:30px; line-height:30px; font-size:.8em;}
.pict.text{background-image:none; text-align:center; padding:0 .5em;}
.pict.text strong{font-size:1.3em;}

.pict.blue.inscricoes{background-position:0% 0%;}
.pict.blue.trabalhos{background-position:10% 0%;}
.pict.blue.grupo{background-position:20% 0%;}
.pict.blue.empenho{background-position:30% 0%;}
.pict.blue.cancelamento{background-position:40% 0%;}
.pict.blue.whatsapp{background-position:50% 0%;}
.pict.blue.fone{background-position:60% 0%;}
.pict.blue.email{background-position:70% 0%;}
.pict.blue.local{background-position:80% 0%;}
.pict.blue.home{background-position:90% 0%;}
.pict.blue.palestrante{background-position:100% 0%;}
.pict.blue.virada{background-position:0% 10%;}
.pict.blue.agenda{background-position:10% 10%;}
.pict.blue.atencao{background-position:20% 10%;}
.pict.blue.destaque{background-position:30% 10%;}
.pict.blue.contagem{background-position:40% 10%;}
.pict.blue.investimento{background-position:50% 10%;}
.pict.blue.mundo{background-position:60% 10%;}
.pict.blue.download{background-position:70% 10%;}
.pict.blue.upload{background-position:80% 10%;}
.pict.blue.link{background-position:90% 10%;}
.pict.blue.mercofrio{background-position:100% 10%;}
.pict.blue.organizacao{background-position:0% 20%;}
.pict.blue.programacao{background-position:10% 20%;}
.pict.blue.informacoes{background-position:20% 20%;}
.pict.blue.comercial{background-position:30% 20%;}
.pict.blue.diferenciais{background-position:40% 20%;}
.pict.blue.cracha{background-position:50% 20%;}
.pict.blue.certificado{background-position:60% 20%;}
.pict.blue.stop{background-position:70% 20%;}
.pict.blue.resultado{background-position:80% 20%;}
.pict.blue.revisao{background-position:90% 20%;}
.pict.blue.pagamento{background-position:100% 20%;}
.pict.blue.objetivo{background-position:0% 30%;}
.pict.blue.publico{background-position:10% 30%;}
.pict.blue.formato{background-position:20% 30%;}
.pict.blue.site{background-position:30% 30%;}
.pict.blue.hotel{background-position:40% 30%;}
.pict.blue.jantar{background-position:50% 30%;}
.pict.blue.anais{background-position:60% 30%;}
.pict.blue.necessidades{background-position:70% 30%;}
.pict.blue.industria{background-position:80% 30%;}
.pict.blue.simultaneo{background-position:90% 30%;}
.pict.blue.beneficios{background-position:100% 30%;}
.pict.blue.numeros{background-position:0% 40%;}
.pict.blue.cientifica{background-position:10% 40%;}
.pict.blue.capacidade{background-position:20% 40%;}

.pict.white.inscricoes{background-position:0% 50%;}
.pict.white.trabalhos{background-position:10% 50%;}
.pict.white.grupo{background-position:20% 50%;}
.pict.white.empenho{background-position:30% 50%;}
.pict.white.cancelamento{background-position:40% 50%;}
.pict.white.whatsapp{background-position:50% 50%;}
.pict.white.fone{background-position:60% 50%;}
.pict.white.email{background-position:70% 50%;}
.pict.white.local{background-position:80% 50%;}
.pict.white.home{background-position:90% 50%;}
.pict.white.palestrante{background-position:100% 50%;}
.pict.white.virada{background-position:0% 60%;}
.pict.white.agenda{background-position:10% 60%;}
.pict.white.atencao{background-position:20% 60%;}
.pict.white.destaque{background-position:30% 60%;}
.pict.white.contagem{background-position:40% 60%;}
.pict.white.investimento{background-position:50% 60%;}
.pict.white.mundo{background-position:60% 60%;}
.pict.white.download{background-position:70% 60%;}
.pict.white.upload{background-position:80% 60%;}
.pict.white.link{background-position:90% 60%;}
.pict.white.mercofrio{background-position:100% 60%;}
.pict.white.organizacao{background-position:0% 70%;}
.pict.white.programacao{background-position:10% 70%;}
.pict.white.informacoes{background-position:20% 70%;}
.pict.white.comercial{background-position:30% 70%;}
.pict.white.diferenciais{background-position:40% 70%;}
.pict.white.cracha{background-position:50% 70%;}
.pict.white.certificado{background-position:60% 70%;}
.pict.white.stop{background-position:70% 70%;}
.pict.white.resultado{background-position:80% 70%;}
.pict.white.revisao{background-position:90% 70%;}
.pict.white.pagamento{background-position:100% 70%;}
.pict.white.objetivo{background-position:0% 80%;}
.pict.white.publico{background-position:10% 80%;}
.pict.white.formato{background-position:20% 80%;}
.pict.white.site{background-position:30% 80%;}
.pict.white.hotel{background-position:40% 80%;}
.pict.white.jantar{background-position:50% 80%;}
.pict.white.anais{background-position:60% 80%;}
.pict.white.necessidades{background-position:70% 80%;}
.pict.white.industria{background-position:80% 80%;}
.pict.white.simultaneo{background-position:90% 80%;}
.pict.white.beneficios{background-position:100% 80%;}
.pict.white.numeros{background-position:0% 90%;}
.pict.white.cientifica{background-position:10% 90%;}
.pict.white.capacidade{background-position:20% 90%;}

.pict.mais{background-position:0% 100%;}
.pict.menos{background-position:10% 100%;}
.pict.fecha{background-position:20% 100%;}
.pict.anterior{background-position:30% 100%;}
.pict.seguinte{background-position:40% 100%;}
.pict.base{background-position:60% 100%;}
.pict.topo{background-position:70% 100%;}
.pict.office{background-position:100% 100%;}

/*cookie consent*/
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:800px; border:solid 1px #086BAF;}
.termsfeed-com---nb .cc-nb-title {color: #086BAF !important;}
.cc-nb-okagree{background-color:#2AA0DA!important; color:#FFFFFF!important;}

@media screen and (max-width:1400px) {
/*configurações basicas*/
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:26px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
p{font-size:16px;}
ul:not(.clear-list), ol:not(.clear-list){font-size: 16px;}

/* identificadores */
#container {padding:0 0 135px 0;}

header.hover{height: 130px;}
header.hover .mercofrio{width:320px; padding-bottom:70px;}

header.hover .bg-gradient-blue-vertical{font-size:18px;}
header.hover .bg-gradient-blue-vertical .button{bottom: -1.5em;}

nav li + li{margin-left:15px;}
nav li .white{font-size:16px; padding:35px 0 20px 0;}

nav li ul li a{font-size:14px;}

.no-webp section.banner, .no-js section.banner {background-image:url("../images/medium/bg-banner-2026.jpg");}
.webp section.banner {background-image:url("../images/medium/bg-banner-2026.webp");}

section.banner h1{max-width:18em; padding:.6em .6em 0 .6em;}
section.banner h1::after{border-radius: 1.3em;}
section.banner h1 .bg-gradient-red-vertical{font-size: .5em; margin-top: .6em;}

section.banner .data.bg-gradient-blue-vertical{font-size: 20px;}

section.contagem .titulo + p{font-size: 20px;}
section.contagem .contador li{font-size:50px;}

.no-webp section.porto-alegre, .no-js section.porto-alegre {background-image:url("../images/medium/bg-porto-alegre.jpg");}
.webp section.porto-alegre {background-image:url("../images/medium/bg-porto-alegre.webp");}

section.temas p{font-size: 24px;}

section.datas .palco{display:block; position:relative; overflow:hidden; margin:50px auto 0 auto;}
section.datas .clear-list{display:block; position:absolute; left:0; width:100%; opacity:0; transition:opacity 1s;}
section.datas .clear-list.ativo{opacity:1;-moz-opacity:1;filter:alpha(opacity=100); transition:opacity 1s;}
section.datas .clear-list li{font-size: 32px; font-weight: 600; line-height: 1.8em;}
section.datas .clear-list .pict{display: block; margin: 0 auto;}
section.datas .clear-list .open-sans{display: block; margin: 0 auto; font-size: .6em; line-height: 1.2em; font-weight: 400;}
section.datas .clear-list .red-d{text-decoration: line-through;}

section.datas li{width:22.15%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
section.datas li:last-child{margin-right:0;}
section.datas li h3{margin-top:0;}
section.datas li h3 span{display:block; font-weight:300; font-size:.6em; line-height:1.2em;}
section.datas li h3 span.line{text-decoration:line-through;}
section.datas .seguinte{position:absolute; top:50%; right:-3%; z-index:5;}
section.datas .anterior{position:absolute; top:50%; left:-3%; z-index:5;}

section.entidades .marcas.realizacao a{height:180px;}
section.entidades .marcas.ouro a{height:140px;}
section.entidades .marcas.prata a{height:100px;}
section.entidades .marcas + p{margin-top: 40px;}
section.entidades p::after{width:450px;}

footer .article{padding:20px;}
footer .article a img{height:50px;}

section.titulo .content{padding:150px 0 20px 0;}

section.principal .topico + .topico{margin-top:80px;}

/*estruturais*/
section .content{padding:80px 0;}

}
@media screen and (max-width:1000px) {
/*configurações basicas*/
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(.clear-list), ol:not(.clear-list){font-size: 14px;}

/* identificadores */
#body.static, #container.static{overflow-y: hidden;}
#container {padding:0 0 115px 0;}

header{background: transparent;}
header .bg-gradient-red-horizontal {padding:0 25px;}
header .bg-gradient-red-horizontal a{font-size:10px; line-height:20px; height:20px;}
header .bg-gradient-red-horizontal a:last-child{font-size: 0;}

header.hover{height: 115px;}
header.hover .mercofrio{left:25px; top:35px; width:275px; padding-bottom:60px;}
header.hover nav{top:115px;} 

header.hover .bg-gradient-blue-vertical{font-size:14px;}

header .panel-button{display: inline-block; position: relative; vertical-align: middle; width: 42px; height: 42px; margin: 19px 25px 0 0; border: solid 1px #FFFFFF;}
header .panel-button span{display:block; position:absolute; height:2px; width:20px; left: 10px; background-color:#FFFFFF;}
header .panel-button span:first-child{top: 12px;}
header .panel-button span:nth-child(2){top: 19px;}
header .panel-button span:last-child{top: 26px;}

header.panel-button-active .panel-button span:first-child{transform:rotate(-45deg); top:19px;}
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:19px;}
header.panel-button-active nav {width: 240px;}

nav{top:20px; width: 0; position: fixed; right: 0; bottom: 0; left: auto; display:block; text-align: left; z-index: 0; overflow-y: auto; padding:70px 0 0 0; background: linear-gradient(to right,  rgba(8,107,175,.9) 0%,rgba(42,160,218,0.7) 100%); transition: width 1s;}
nav .reset-list:first-child {display: block; position: absolute; left: 50%; margin-left: -120px; width: 240px;}

nav li{display:block; padding: 0 20px;}
nav li + li{margin:15px 0 0 0;}
nav li .white, nav li:hover .white{font-size:16px; line-height:40px; padding:0 15px; color: #FFFFFF; border: solid 1px #FFFFFF; border-radius: 10px; overflow: hidden;}
nav li .white.hover, nav li .white.hover:hover{background-color:#5AC4F1; color: #FFFFFF;}

nav li:hover ul{height: auto;}
nav li ul{position: relative; right: auto; top: auto; border-radius: 0; background-color: transparent; padding: 0 20px 20px 20px; overflow: auto; height: auto; transition:none;}
nav li ul li{padding: 0 0 0 15px;}
nav li ul li + li{margin:5px 0 0 0;}
nav li ul li:first-child{margin-top: 5px;}
nav li ul li:last-child{margin-bottom: 0;}
nav li ul li a, nav li ul li a:hover{font-size:14px; line-height:40px; transition:none 1s; border: dotted 1px #FFFFFF; border-radius: 10px; padding:0 15px; color: #FFFFFF;}

section.banner{background-attachment:scroll;}
.no-webp section.banner, .no-js section.banner {background-image:url("../images/small/bg-banner-2026.jpg");}
.webp section.banner {background-image:url("../images/small/bg-banner-2026.webp");}

section.banner h1{width:70%;}
section.banner h1::after{border-radius: 1.1em;}
section.banner h1 .bg-gradient-red-vertical{font-size: .45em;}

section.banner .data.bg-gradient-blue-vertical{font-size: 16px; right: 25px; bottom: 50px;}

section.contagem .titulo + p{font-size: 18px;}
section.contagem .contador li{font-size:40px;}

.no-webp section.porto-alegre, .no-js section.porto-alegre {background-image:url("../images/small/bg-porto-alegre.jpg");}
.webp section.porto-alegre {background-image:url("../images/small/bg-porto-alegre.webp");}

section.porto-alegre .column-2{margin:0 auto;}
section.porto-alegre .column-2::before{top:0; right:0; bottom:0; left:0;}

section.temas p{font-size: 20px;}

section.entidades .marcas a{margin:0 25px;}
section.entidades .marcas.realizacao a{height:160px;}
section.entidades .marcas.ouro a{height:120px;}
section.entidades .marcas.prata a{height:80px;}
section.entidades .marcas + p{margin-top: 30px;}
section.entidades p::after{width:265px;}

footer{padding:0 25px;}
footer .article{padding:15px;}
footer .article a img{height:40px;}

section.titulo .content{padding:125px 0 15px 0;}

section.principal .topico + .topico{margin-top:30px;}
section.principal .topico .column-3{text-align: center; margin-bottom: 20px;}
section.principal .topico .blue-ll .pict + span{padding-top:0; display: block; width: 100%;}
section.principal .topico .pict + span:not(.label){display:inline-block; vertical-align:top;}

/*estruturais*/
section{padding:0 25px;}
section .content{padding:60px 0;}
.content {max-width: 700px; }
.article, .column-2, .column-3 {width:100%; margin:auto; display: block;}

.box{padding: 10px;}
.two-column{column-count:2; column-gap: 25px;}
.alpha{transition:none;}
.alpha:hover{opacity:1;}
.desativado{opacity:0.50;}

.button{border-radius:60px;}

.button.extra{line-height:120px;}
.button.large{line-height:60px;}
.button.medium{line-height:40px;}
.button.small{line-height:30px;}
.button.tiny{line-height:20px;}

.button.extra .label{line-height: 30px; padding:20px 2em;}
.button.large .label{line-height: 26px; padding:17px 2em;}
.button.medium .label{line-height: 20px; padding:10px 2em;}
.button.small .label{line-height: 16px; padding:7px 2em;}
.button.tiny .label{line-height: 14px; padding:3px 2em;}

.pict.extra{width:120px; height:120px; line-height:120px;}
.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;}
}
@media screen and (max-width:600px) {
/*configurações basicas*/
h1{font-size:24px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
ul:not(.clear-list), ol:not(.clear-list){padding-left: 20px;}

/* identificadores */
#container {padding:0 0 105px 0;}

header .bg-gradient-red-horizontal a{font-size:0;}
header .bg-gradient-red-horizontal a:nth-child(2) strong{font-size: 10px; display: inline-block; vertical-align: middle; line-height: 20px;}

header.hover{height: 100px;}
header.hover .mercofrio{left:25px; top:30px; width:275px; padding-bottom:50px;}
header.hover nav{top:100px;} 

header.hover .bg-gradient-blue-vertical{font-size:10px;}
header.hover .bg-gradient-blue-vertical .button{bottom: -1.9em;}

header .panel-button{margin: 12px 25px 0 0;}

section.banner{min-height:500px;}
.no-webp section.banner, .no-js section.banner {background-image:url("../images/tiny/bg-banner-2026.jpg");}
.webp section.banner {background-image:url("../images/tiny/bg-banner-2026.webp");}

section.banner h1{width:100%; margin: 0 auto;}
section.banner h1 .bg-gradient-red-vertical{font-size: .38em;}

section.banner .data.bg-gradient-blue-vertical{font-size: 12px;}

section.contagem .contador li{font-size:26px; margin: .1em;}
section.contagem .button .label{min-width: 0; padding: 0 1.5em 0 0;}

.no-webp section.porto-alegre, .no-js section.porto-alegre {background-image:url("../images/tiny/bg-porto-alegre.jpg");}
.webp section.porto-alegre {background-image:url("../images/tiny/bg-porto-alegre.webp");}
section.porto-alegre:before{content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#086BAF; mix-blend-mode:multiply;}

section.porto-alegre .column-2::before{display:none;}
section.porto-alegre .column-2 h2{margin-top:0;}
section.porto-alegre .column-2 p span + span{display:block; text-align:center;}
section.porto-alegre .column-2 p:not(:last-child) br{display: none;}

section.entidades .marcas.realizacao a{height:140px;}
section.entidades .marcas.ouro a{height:100px;}
section.entidades .marcas.prata a{height:60px;}
section.entidades p::after{width:140px;}

footer .article .float-right a{font-size:.9em;}

section.titulo .content{padding:125px 0 10px 0;}

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

.two-column{column-count:1; column-gap: 0;}

}