@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;}
* 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; font-weight:500;}
h2{font-size:32px; font-weight:500;}
h3{font-size:28px; font-weight:500;}
h4{font-size:24px; font-weight:500;}
h5{font-size:20px; font-weight:500;}
h6{font-size:16px; font-weight:300;}
p{font-size:18px; line-height:1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:24px;}
.legenda{font-size:14px; line-height:1.2em;}
a{text-decoration:none;}
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%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family: 'Ubuntu', sans-serif; font-weight:300;}
#container {margin:0; padding: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; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; z-index:10;}
#header .bg-gradient-red-horizontal{font-size:12px; line-height:30px; height:30px; padding:0 2.5%; overflow:hidden; z-index:20;}
#header .bg-gradient-blue-vertical{display:none;}

#header.hover {margin-top:0;}

#header.oculto{position:fixed; top:-180px; margin-top:180px; height: 150px; -webkit-transition:margin-top 1s; -moz-transition:margin-top 1s; -ms-transition:margin-top 1s; transition:margin-top 1s; z-index:10; border-bottom: solid 2px #A2191F; background: #1A3968;
background: -moz-linear-gradient(left,  #1A3968 0%, #00518C 100%);
background: -webkit-linear-gradient(left,  #1A3968 0%,#00518C 100%);
background: linear-gradient(to right,  #1A3968 0%,#00518C 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1A3968', endColorstr='#00518C',GradientType=1 );
}
#header.oculto .mercofrio{display:block; position:absolute; left:2%; top:45px; width:410px; padding-bottom:90px; background-repeat:no-repeat; background-position:center left; background-size:contain; background-image:url("../images/mercofrio.svg");}

#header.oculto .bg-gradient-blue-vertical{display:block; position:absolute; right: 4%; bottom: -1.3em; text-align:center; line-height: 2.8em; -khtml-border-radius:1.4em; -moz-border-radius:1.4em; -webkit-border-radius:1.4em; border-radius:1.4em; margin:0; padding: 0 2em;}
#header.oculto .bg-gradient-blue-vertical .button{position: absolute; right: 2em; bottom: -2em;}

#nav{display:inline-block; margin:0; padding:0 3% 0 0; width:90%; list-style:none; font-size:0; z-index: 200; position: relative;}
#nav li{display:inline-block; vertical-align:middle; position:relative;}
#nav li + li{margin-left:25px;}
#nav li a.white{display:block; position:relative; font-size:18px; line-height:90px; padding:0; white-space:nowrap; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s;}
#nav li:hover a.white, #nav li a.white.hover{color:#5AC4F1;}

#nav li:hover ul{height: 100px;}
#nav li ul{display: block; position: absolute; right: 0; top: 64px; border-radius: 15px 0 15px 15px; background-color: #A6BCC6; padding: 0 20px; overflow: hidden; height: 0; -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; transition:height 1s;}
#nav li ul li{margin: 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; padding:0; white-space:nowrap; color: #FFFFFF; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s;}
#nav li ul li a:hover, #nav li ul li a.hover{color: #086BAF;}

#banner{position:relative; min-height:800px; background-position:center bottom; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-image:url("../images/_large/bg-banner-2024.jpg");
background-image: image-set(
    url("../images/_large/bg-banner-2024.webp") type("image/webp"),
    url("../images/_large/bg-banner-2024.jpg") type("image/jpeg")
  );
}
#banner h1{display:block; position:absolute; top: 27%; right: 0; width:70%; margin:0; padding:5.5em 0 0 0; text-align: center; background-repeat:no-repeat; background-position:center top; background-size:auto 4.7em; background-image:url("../images/mercofrio-banner.svg");}
#banner h1 .bg-gradient-red-vertical{font-size: .7em; line-height: 1.2em; display: inline-block; padding: .5em 1.5em; -khtml-border-radius:2em; -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;}

#banner .data.bg-gradient-blue-vertical{font-size: 26px; position: absolute; right: 6%; bottom: 15%; line-height: 3em; padding: 0 2em; -khtml-border-radius:1.5em; -moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;}
#banner .data .bg-gradient-red-vertical{position:absolute; top: 3.2em; right: 1.7em; font-size: .7em; line-height: 2.4em;  padding: 0 1.7em; -khtml-border-radius:1.2em; -moz-border-radius:1.2em; -webkit-border-radius:1.2em; border-radius:1.2em;}

#section{position:relative; padding:0 4%;}
#section .content{padding:5% 0;}
#section h2.red-d{line-height:.9em;}
#section h2.red-d .blue-ll{font-weight:300; font-size:.5em; display:block;}

#banner + #section.contagem .content{padding:15% 0 5% 0;}
#section.contagem li{font-size:60px;}
#section.contagem .button{display:block; width:520px; padding-left:60px; position:relative; margin:0 auto;}
#section.contagem .button + .button{margin-top:40px!important;}
#section.contagem .button .pict{position:absolute; left:0; right:0;}

#section.porto-alegre{background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url("../images/_large/bg-porto-alegre.png");
background-image: image-set(
    url("../images/_large/bg-porto-alegre.webp") type("image/webp"),
    url("../images/_large/bg-porto-alegre.png") type("image/png")
  );
}
#section.porto-alegre .column-2{display:flex; justify-content:center; align-items:center; margin:0 0 0 auto;}
#section.porto-alegre .column-2::before{content:""; display:block; position:absolute; top:-6%; right:-6%; bottom:-6%; left:-6%; background-color:#086BAF; mix-blend-mode:multiply; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; 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.palestrantes .grupo{display:block; margin:5% auto;}
#section.palestrantes .grupo .palestrante{display:inline-block; width:25%;}
#section.palestrantes .grupo .palestrante img{width:65.4%;}
#section.palestrantes .grupo .palestrante h4{margin:.5em 0 0 0;}
#section.palestrantes .grupo .palestrante h4 .blue-ll{display:block; font-weight:300; font-size:.7em;}

#section.temas h3 span{font-size:1.7em; line-height:1.2em;}
/*#section.temas li{font-size:18px; line-height:1.5em; text-align:left; border-top:dotted 1px #A6BCC6; padding:1.5em 0; position:relative;}
#section.temas li img{display:block; position:absolute; left:0; top:1.5em;}
#section.temas li span{display:block; width:100%; min-height:60px; padding-left:70px;}*/

#section.datas .palco{display:block; position:relative; overflow:hidden; margin:4% auto 0 auto;}
#section.datas .clear-list{display:block; position:absolute; left:0; width:100%; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
#section.datas .clear-list.ativo{opacity:1;-moz-opacity:1;filter:alpha(opacity=100); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}

#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{padding:5% 4%;}
#section.entidades .marcas a{display:inline-block; margin:0 4% 4% 4%;}
#section.entidades .marcas a img{display:block; height:100%;}
#section.entidades .marcas.realizacao a{height:160px;}
#section.entidades .marcas.master a{height:150px;}
#section.entidades .marcas.diamante a{height:135px;}
#section.entidades .marcas.ouro a{height:135px;}
#section.entidades .marcas.outras a{height:80px; margin:0 1.7% 4% 1.7%;}
/*#section.entidades .column{display:inline-block; width:20%; vertical-align:top;}
#section.entidades .column + .column{display:inline-block; width:78%; vertical-align:top;}*/
#section.entidades h6::after{content:""; display:block; width:50%; max-width:630px; border-top:dotted 1px #2AA0DA; margin:.5em auto 0 auto;}

#footer{padding:0 4%; width:100%; position:absolute; left:0; bottom:0; font-size:0; z-index:5; overflow:hidden;}
#footer .article{-khtml-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; padding:25px 25px 10px 25px; border-radius:5px 5px 0 0;}
#footer .article a img{height:80px;}
#footer .article .float-right a{display:block; line-height:1.7em;}
#footer .article .float-right a span:first-child{font-size:.7em; display:inline-block; min-width:7.5em;}

#section.principal .content{padding:230px 0 5% 0;}
#section.principal .topico + .topico{padding-top:5%;}
#section.principal li{font-size:18px; line-height:1.5em;}

#section.principal h3.blue-ll{line-height:1em;}
#section.principal h3.blue-ll .pict + span{padding-top:.5em;}
#section.principal h4.blue-ll .pict + span{padding-top:.5em;}
#section.principal p{position:relative;}
#section.principal p .pict.text{margin:1px auto; width:auto;}/*válido apenas para texto - margem gera espaço entre linhas e largura livre evita corte do texto*/
#section.principal p .pict:first-child{position:absolute;}
#section.principal p .pict:first-child + span{padding-left:3.5em;}
#section.principal p .button.medium.certificado{display:block; width:440px;}
#section.principal p .button.medium.certificado + .button.medium.certificado{margin-top:20px;}
#section.principal img.float-right{width:30.8%; max-width:290px;}
#section.principal .pict + span:not(.label){display:inline-block; vertical-align:top;}/*vale para h3 e p*/
#section.principal .button + br + .button{margin-top:.3em;}/*Espaço entre botões*/
#section.principal .scroller .pict{display:none;}/*anterior e próximo*/
#section.principal .scroller p.legenda span{display:inline-block; vertical-align:top; padding-right:.5em;}
#section.principal .scroller ul{list-style:none;}
#section.principal .scroller li span.round.white{padding:.1em .5em; display:inline-block; vertical-align:middle; margin-bottom:.3em;}
#section.principal .scroller li span.round.white + span{display:block; line-height:1.3em;}
#section.principal .scroller li + li{padding-top:1em;}

/*programa*/
#section.programa{padding:0 2%;}
#section.programa .scroller{padding:180px 0 2% 0;}
#section.programa .scroller .pict.circle{display:none;}/*anterior e próximo*/
#section.programa .scroller p.legenda span{display:inline-block; vertical-align:top; padding-right:.5em;}

/*formulario*/
#filtro {visibility:hidden;display:none;position:absolute;}
#sistema input[type=text]{padding:4px; margin:0; border:solid 1px #DD202F; width:50%; height:50px;line-height:50px; font-size:18px; color:#323230; font-family: 'Ubuntu', sans-serif; display:inline-block; font-weight:300; -khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; vertical-align:middle; text-align:center;}
#sistema input[type=submit]{margin:0 0 0 1%; padding:0; display:inline-block; height:50px;line-height:50px!important; cursor:pointer; border:none; min-width: 100px; font-size: 12px;-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; vertical-align:middle;}

/*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;}

/*estruturais*/
.content {margin:auto; width:100%; max-width:1300px; 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;}

/*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: #A2191F;
background: -moz-linear-gradient(left,  #A2191F 0%, #DD202F 100%);
background: -webkit-linear-gradient(left,  #A2191F 0%,#DD202F 100%);
background: linear-gradient(to right,  #A2191F 0%,#DD202F 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A2191F', endColorstr='#DD202F',GradientType=1 );
}
.bg-gradient-red-vertical{
background: #DD202F;
background: -moz-linear-gradient(top,  #DD202F 0%, #A2191F 100%);
background: -webkit-linear-gradient(top,  #DD202F 0%,#A2191F 100%);
background: linear-gradient(to bottom,  #DD202F 0%,#A2191F 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DD202F', endColorstr='#A2191F',GradientType=0 );
}
.bg-gradient-blue-horizontal{
background: #086BAF;
background: -moz-linear-gradient(left,  #086BAF 0%, #2AA0DA 100%);
background: -webkit-linear-gradient(left,  #086BAF 0%,#2AA0DA 100%);
background: linear-gradient(to right,  #086BAF 0%,#2AA0DA 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#086BAF', endColorstr='#2AA0DA',GradientType=1 );
}
.bg-gradient-blue-vertical{
background: #2AA0DA;
background: -moz-linear-gradient(top,  #2AA0DA 0%, #086BAF 100%);
background: -webkit-linear-gradient(top,  #2AA0DA 0%,#086BAF 100%);
background: linear-gradient(to bottom,  #2AA0DA 0%,#086BAF 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2AA0DA', endColorstr='#086BAF',GradientType=0 );
}

/*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{-khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.circle{-khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.two-column{-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-width:200px; -moz-column-width:200px; column-width:200px; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap: 40px;}
.image{background-position:center; background-repeat:no-repeat; background-size:cover;}
.alpha{-webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.alpha:hover{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}
.desativado{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}

.button{display:inline-block; vertical-align:middle; position:relative; overflow:hidden;}
.button.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25); cursor:default;}

.button.extra{line-height:160px; font-size:1.6em; -khtml-border-radius:80px; -moz-border-radius:80px; -webkit-border-radius:80px; border-radius:80px;}
.button.large{line-height:80px; font-size:1.4em; -khtml-border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px; border-radius:40px;}
.button.medium{line-height:60px; font-size:1.2em; -khtml-border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}
.button.small{line-height:40px; font-size:1em; -khtml-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.button.tiny{line-height:30px; font-size:.8em; -khtml-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}

.button .label{line-height:1.2em; display:inline-block; padding:.5em 1em; font-weight:400; text-align:center;}

.pict{display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-size:1100% auto; background-image:url("../images/pict.png");
background-image: image-set(
    url("../images/pict.webp") type("image/webp"),
    url("../images/pict.png") type("image/png")
  );
}
.pict.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=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.capacidade{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.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.capacidade{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.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%;}

/*especificas*/
.contador li{display:inline-block; font-weight:500; width:2.2em; height:2.2em; line-height:.9em; padding:.5em 0 0 0;}/*font size definido na section*/
.contador li{margin:.2em;}
.contador li span + span{display:block; font-size:.3em; font-weight:300; line-height:1em;}

.dados tr td{padding:10px; position:relative; font-size:18px; line-height:1.2em;}
.dados tr td:not(.bg-gray-l){background-color:#E1E9EC;}
.dados tr:nth-child(2n) td:not(.bg-gray-l){background-color:#F0F4F6}

.tabela-programacao tr td{padding:10px; position:relative; font-size:16px; line-height:1.2em;}
.tabela-programacao tr td.horario{font-size:14px;}
.tabela-programacao tr td.bg-blue-ll{font-size:20px; padding:15px; border-right:solid 1px #FFFFFF; border-left:solid 1px #FFFFFF;}
.tabela-programacao tr td:not(.bg-blue-ll){background-color:#E1E9EC;}
.tabela-programacao tr:nth-child(2n) td:not(.bg-blue-ll){background-color:#F0F4F6}

.tabela-programacao tr td.minicurso *{position:relative; z-index:1;}
.tabela-programacao tr td.minicurso::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; mix-blend-mode:multiply;}
.tabela-programacao tr td.minicurso.opacity::after{opacity:0.20; -moz-opacity:0.20; filter:alpha(opacity=20);}
.tabela-programacao tr td.minicurso.um::after{background-color:#086BAF;}
.tabela-programacao tr td.minicurso.dois::after{background-color:#DD202F;}
.tabela-programacao tr td.minicurso.tres::after{background-color:#323230;}
.tabela-programacao tr td.minicurso.quatro::after{background-color:#5AC4F1;}

.tabela-programacao tr td.intervalos *{position:relative; z-index:1;}
.tabela-programacao tr td.intervalos::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; mix-blend-mode:multiply; background-color: #D4EDFC;}

.tabela-programacao tr td ul{padding-left:20px; margin-bottom:0;}
.tabela-programacao tr td ul li+li{padding-top:.3em;}
.tabela-programacao tr td p{font-size:16px; line-height:1.2em;}
.tabela-programacao tr td .small{font-size:.7em; font-weight:300;}
.tabela-programacao tr td .medium{font-size:.85em; font-weight:300;}
.tabela-programacao tr td .padding-top{display:inline-block; padding-top:.3em;}
.tabela-programacao tr td .padding-bottom{display:inline-block; padding-bottom:.3em;}

.comissoes + h3{margin-top:5%;}
.comissoes li{padding-bottom:.5em;}
.comissoes li ul{margin-bottom:2.5%;}
.comissoes li ul li{color:#323230;}
.comissoes li ul li:first-child{padding-top:.5em;}
.comissoes li ul li span{display:inline-block; width:50%;}

.palestrantes{margin:0; padding:0; list-style:none;}
.palestrantes li{padding:0 0 0 1.5em; border-left:solid 1px #2AA0DA; display:block; clear:both;}
.palestrantes li + li {margin-top:2em;}
.palestrantes li h4{margin-top:0;}
.palestrantes li h4 span{font-weight: 300; font-size: .7em;}
.palestrantes li .image{width:200px; padding-bottom:200px; display:block; float:right; margin:0 0 3.8% 3.8%;}
.palestrantes li .alex{background-image:url(../images/_palestrantes/alex-brocco.jpg);}
.palestrantes li .alexandre{background-image:url(../images/_palestrantes/alexandre-santos.jpg);}
.palestrantes li .ana{background-image:url(../images/_palestrantes/ana-paula-leal.jpg);}
.palestrantes li .anderson{background-image:url(../images/_palestrantes/anderson-rodrigues.jpg);}
.palestrantes li .andrea{background-image:url(../images/_palestrantes/andrea-brondani-da-rocha.jpg);}
.palestrantes li .antonio{background-image:url(../images/_palestrantes/antonio-mariani.jpg);}
.palestrantes li .arthur{background-image:url(../images/_palestrantes/arthur-aikawa.jpg);}
.palestrantes li .bruno{background-image:url(../images/_palestrantes/bruno-perazzo.jpg);}
.palestrantes li .brunoRoza{background-image:url(../images/_palestrantes/bruno-roza-martins.jpg);}
.palestrantes li .carlos{background-image:url(../images/_palestrantes/carlos-marczyk.jpg);}
.palestrantes li .charles{background-image:url(../images/_palestrantes/charles-domingues.jpg);}
.palestrantes li .claudio{background-image:url(../images/_palestrantes/claudio-schoeler.jpg);}
.palestrantes li .clayton{background-image:url(../images/_palestrantes/clayton-carneiro-ribeiro.jpg);}
.palestrantes li .daniel{background-image:url(../images/_palestrantes/daniel-becker.jpg);}
.palestrantes li .dennis{background-image:url(../images/_palestrantes/dennis-knight.jpg);}
.palestrantes li .david{background-image:url(../images/_palestrantes/david-marcucci.jpg);}
.palestrantes li .edgard{background-image:url(../images/_palestrantes/edgard-soares.jpg);}
.palestrantes li .eduardo{background-image:url(../images/_palestrantes/eduardo-gus-brofman.jpg);}
.palestrantes li .felipe{background-image:url(../images/_palestrantes/felipe-jabur.jpg);}
.palestrantes li .fernando{background-image:url(../images/_palestrantes/fernando-batalha.jpg);}
.palestrantes li .franciele{background-image:url(../images/_palestrantes/franciele-schwanck-carlos.jpg);}
.palestrantes li .frank{background-image:url(../images/_palestrantes/frank_amorim.jpg);}
.palestrantes li .gustavo{background-image:url(../images/_palestrantes/gustavo-hoffmann.jpg);}
.palestrantes li .jeane{background-image:url(../images/_palestrantes/jeane-di-primo.jpg);}
.palestrantes li .joao{background-image:url(../images/_palestrantes/joao-manoel-dias-pimenta.jpg);}
.palestrantes li .aureliano{background-image:url(../images/_palestrantes/joao-manuel-aureliano.jpg);}
.palestrantes li .leandro{background-image:url(../images/_palestrantes/leandro-wolff.jpg);}
.palestrantes li .leonardo{background-image:url(../images/_palestrantes/leonardo-cozac.jpg);}
.palestrantes li .lisandro{background-image:url("../images/_palestrantes/lisandro-maders.jpg");}
.palestrantes li .mario{background-image:url(../images/_palestrantes/mario-henrique-canale.jpg);}
.palestrantes li .mauricio{background-image:url(../images/_palestrantes/mauricio-camargo.jpg);}
.palestrantes li .moller{background-image:url(../images/_palestrantes/mario-alexandre-moller-ferreira.jpg);}
.palestrantes li .oswaldo{background-image:url(../images/_palestrantes/oswaldo-sueno.jpg);}
.palestrantes li .paolo{background-image:url(../images/_palestrantes/paolo-tronville.jpg);}
.palestrantes li .ricardo{background-image:url(../images/_palestrantes/ricardo-albert.jpg);}
.palestrantes li .roberto{background-image:url(../images/_palestrantes/roberto-montemor.jpg);}
.palestrantes li .peixoto{background-image:url(../images/_palestrantes/roberto-peixoto.jpg);}
.palestrantes li .sergia{background-image:url(../images/_palestrantes/sergia-oliveira.jpg);}
.palestrantes li .stefanie{background-image:url(../images/_palestrantes/stefanie-von-heinemann.jpg);}
.palestrantes li .vanderlei{background-image:url("../images/_palestrantes/vanderlei-giareta.jpg");}
.palestrantes li .wili{background-image:url("../images/_palestrantes/wili-corazza-hoffmann.jpg");}

.palestras{margin:0; padding:0; list-style:none; font-size:0;}
.palestras li {width:48.1%; margin:3.8% 3.8% 0 0; position:relative; display:inline-block; vertical-align:text-top; text-align:center;}
.palestras li:nth-child(2n){margin:3.8% 0 0 0;}
.palestras li a{display:block; padding:20px;}
.palestras li h5{margin:0;}
.palestras li .pict{position:absolute; bottom:-20px; left:50%; margin-left:-20px;}
.palestras li .image{display:inline-block; width:30%; padding-bottom:30%; border:solid 1px #FFFFFF;}
.palestras li .alex{background-image:url(../images/_palestrantes/alex-brocco.jpg);}
.palestras li .alexandre{background-image:url(../images/_palestrantes/alexandre-santos.jpg);}
.palestras li .ana{background-image:url(../images/_palestrantes/ana-paula-leal.jpg);}
.palestras li .anderson{background-image:url(../images/_palestrantes/anderson-rodrigues.jpg);}
.palestras li .andrea{background-image:url(../images/_palestrantes/andrea-brondani-da-rocha.jpg);}
.palestras li .antonio{background-image:url(../images/_palestrantes/antonio-mariani.jpg);}
.palestras li .arthur{background-image:url(../images/_palestrantes/arthur-aikawa.jpg);}
.palestras li .bruno{background-image:url(../images/_palestrantes/bruno-perazzo.jpg);}
.palestras li .brunoRoza{background-image:url(../images/_palestrantes/bruno-roza-martins.jpg);}
.palestras li .carlos{background-image:url(../images/_palestrantes/carlos-marczyk.jpg);}
.palestras li .charles{background-image:url(../images/_palestrantes/charles-domingues.jpg);}
.palestras li .claudio{background-image:url(../images/_palestrantes/claudio-schoeler.jpg);}
.palestras li .clayton{background-image:url(../images/_palestrantes/clayton-carneiro-ribeiro.jpg);}
.palestras li .daniel{background-image:url(../images/_palestrantes/daniel-becker.jpg);}
.palestras li .david{background-image:url(../images/_palestrantes/david-marcucci.jpg);}
.palestras li .dennis{background-image:url(../images/_palestrantes/dennis-knight.jpg);}
.palestras li .edgard{background-image:url(../images/_palestrantes/edgard-soares.jpg);}
.palestras li .eduardo{background-image:url(../images/_palestrantes/eduardo-gus-brofman.jpg);}
.palestras li .felipe{background-image:url(../images/_palestrantes/felipe-jabur.jpg);}
.palestras li .fernando{background-image:url(../images/_palestrantes/fernando-batalha.jpg);}
.palestras li .franciele{background-image:url(../images/_palestrantes/franciele-schwanck-carlos.jpg);}
.palestras li .frank{background-image:url(../images/_palestrantes/frank_amorim.jpg);}
.palestras li .gustavo{background-image:url(../images/_palestrantes/gustavo-hoffmann.jpg);}
.palestras li .jeane{background-image:url(../images/_palestrantes/jeane-di-primo.jpg);}
.palestras li .joao{background-image:url(../images/_palestrantes/joao-manoel-dias-pimenta.jpg);}
.palestras li .aureliano{background-image:url(../images/_palestrantes/joao-manuel-aureliano.jpg);}
.palestras li .leandro{background-image:url(../images/_palestrantes/leandro-wolff.jpg);}
.palestras li .leonardo{background-image:url(../images/_palestrantes/leonardo-cozac.jpg);}
.palestras li .lisandro{background-image:url("../images/_palestrantes/lisandro-maders.jpg");}
.palestras li .mario{background-image:url(../images/_palestrantes/mario-henrique-canale.jpg);}
.palestras li .mauricio{background-image:url(../images/_palestrantes/mauricio-camargo.jpg);}
.palestras li .moller{background-image:url(../images/_palestrantes/mario-alexandre-moller-ferreira.jpg);}
.palestras li .oswaldo{background-image:url(../images/_palestrantes/oswaldo-sueno.jpg);}
.palestras li .paolo{background-image:url(../images/_palestrantes/paolo-tronville.jpg);}
.palestras li .ricardo{background-image:url(../images/_palestrantes/ricardo-albert.jpg);}
.palestras li .roberto{background-image:url(../images/_palestrantes/roberto-montemor.jpg);}
.palestras li .peixoto{background-image:url(../images/_palestrantes/roberto-peixoto.jpg);}
.palestras li .sergia{background-image:url(../images/_palestrantes/sergia-oliveira.jpg);}
.palestras li .stefanie{background-image:url(../images/_palestrantes/stefanie-von-heinemann.jpg);}
.palestras li .vanderlei{background-image:url("../images/_palestrantes/vanderlei-giareta.jpg");}
.palestras li .wili{background-image:url("../images/_palestrantes/wili-corazza-hoffmann.jpg");}

@media screen and (max-width:1300px) {
/*configurações basicas*/
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:16px;}
h6{font-size:14px;}
p{font-size:16px;}
.chamada{font-size:20px;}
.legenda{font-size:12px;}

/* identificadores */
	
#header .bg-gradient-red-horizontal{font-size:10px;}

#header.oculto{height: 120px;}
#header.oculto .mercofrio{width:275px; padding-bottom:60px;}

#header.oculto #nav{background-size:1px 2px;}

#nav li + li{margin-left:15px;}
#nav li a{font-size:16px; line-height:60px;}

#banner{min-height:650px; background-image:url("../images/_medium/bg-banner-2024.jpg");
background-image: image-set(
    url("../images/_medium/bg-banner-2024.webp") type("image/webp"),
    url("../images/_medium/bg-banner-2024.jpg") type("image/jpeg")
  );
}
#banner h1{padding:5em 0 0 0; background-size:auto 4.2em;}
#banner h1 .bg-gradient-red-vertical{font-size: .6em; }

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

#section.contagem li{font-size:50px;}
#section.contagem .button{width:480px;}

#section.porto-alegre{background-image:url(../images/_medium/bg-porto-alegre.png);
background-image: image-set(
    url("../images/bg-porto-alegre.webp") type("image/webp"),
    url("../images/bg-porto-alegre.png") type("image/png"),
  );
}
#section.porto-alegre .column-2{min-width:480px;}/*exceção*/

/*#section.temas li{font-size:16px;}*/

#section.entidades .marcas.realizacao a{height:140px;}
#section.entidades .marcas.master a{height:135px;}
#section.entidades .marcas.diamante a{height:125px;}
#section.entidades .marcas.ouro a{height:125px;}
#section.entidades .marcas.outras a{height:60px; margin:0 1.5% 4% 1.5%;}

#footer .article a img{height:70px;}
#footer .article .float-right a{line-height:1.5em;}

#section.principal li{font-size:16px;}
#section.principal p .button.medium.certificado{width:390px;}

/*programa*/
#section.programa{padding:0 2%;}
#section.programa .scroller{padding:150px 0 2% 0;}

/*especificas*/
.box{padding: 15px;}

.dados tr td{font-size:16px; min-width:6em;}

.tabela-programacao tr td{padding:8px; font-size:14px;}
.tabela-programacao tr td.horario{font-size:12px;}
.tabela-programacao tr td.bg-blue-ll{font-size:18px; padding:12px;}
.tabela-programacao tr td p{font-size:14px;}
}
@media screen and (max-width:950px) {
/*configurações basicas*/
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
p{font-size:14px;}
.chamada{font-size:16px;}
.legenda{font-size:10px;}

/* identificadores */
#header .bg-gradient-red-horizontal{font-size:9px; position:relative; z-index:10; padding:0 15px; border-bottom:solid 1px #FFFFFF;}
#header .bg-gradient-red-horizontal a:last-child span:first-child{display:none;}

#header.oculto{height: 110px;}
#header.oculto .mercofrio{top:40px;}
	
#header.oculto .bg-gradient-blue-vertical{position:relative; right: auto; bottom: auto; line-height: 0; font-size:0; margin:20px 70px 0 0; padding: 0; display: inline-block; background: none;}
#header.oculto .bg-gradient-blue-vertical .button{position: relative; right: auto; bottom: auto; z-index:10; padding: 4px; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border: solid 1px #FFFFFF; background: #DD202F;
background: -moz-linear-gradient(top,  #DD202F 0%, #A2191F 100%);
background: -webkit-linear-gradient(top,  #DD202F 0%,#A2191F 100%);
background: linear-gradient(to bottom,  #DD202F 0%,#A2191F 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DD202F', endColorstr='#A2191F',GradientType=0 );
}
#header.oculto .bg-gradient-blue-vertical .button .label{display:none; visibility:hidden;}

#header .panel-button{display:block; overflow:hidden; position:fixed; right:15px; top:50px; width:40px; height:40px; border:solid 1px #FFFFFF; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s; cursor:pointer;}
#header .panel-button span{display:block; position:absolute; -ms-user-select:none; -mos-user-select:none; -webkit-user-select:none; -o-user-select:none; user-select:none; background-color:#FFFFFF; height:2px; width:20px; top:18px; left:9px; cursor:pointer; box-sizing:content-box;}
#header .panel-button span:before, #header .panel-button span:after {background-color:#FFFFFF; content:""; position:absolute; top:-7px; left:0; height:2px; width:20px; display:block; transition:all .2s linear;}
#header .panel-button span:after {top:7px;}
#header .panel-button.active span {background-color:#A82618;}
#header .panel-button.active span:before {transform:rotate(45deg);top:0;}
#header .panel-button.active span:after {transform:rotate(-45deg);top:0;}

#nav{display:none; visibility:hidden;}
#navMobile {margin:0; padding:0; list-style:none; position:fixed; right:15px; top:120px; width:220px; z-index:175; text-align:left;}
#navMobile li{display:block; position:relative; width:100%; border:solid 1px #FFFFFF; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:10px;
background: -moz-linear-gradient(left,  rgba(8,107,175,1) 0%, rgba(18,123,188,1) 30%, rgba(42,160,218,0.3) 100%);
background: -webkit-linear-gradient(left,  rgba(8,107,175,1) 0%,rgba(18,123,188,1) 30%,rgba(42,160,218,0.3) 100%);
background: linear-gradient(to right,  rgba(8,107,175,1) 0%,rgba(18,123,188,1) 30%,rgba(42,160,218,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#086baf', endColorstr='#4d2aa0da',GradientType=1 );
}
#navMobile li a{width:100%; line-height:36px; display:block; font-size:16px; padding:0 10px;}
#navMobile li a.hover{color:#5AC4F1;}

#navMobile li ul{display: block; padding: 0 10px}
#navMobile li ul li a{color: #FFFFFF;}

#banner{min-height:500px;background-position: left top; background-image:url("../images/_small/bg-banner-2024.jpg");
background-image: image-set(
    url("../images/_small/bg-banner-2024.webp") type("image/webp"),
    url("../images/_small/bg-banner-2024.jpg") type("image/jpeg")
  );
}

#banner h1{top: 20%; width:100%; margin:0; padding:4.6em 0 0 0; background-size:auto 4em;}
#banner h1 .bg-gradient-red-vertical{font-size: .6em;}

#banner .data.bg-gradient-blue-vertical{font-size: 16px;}

#section{position:relative; padding:0 20px;}
#section .content{padding:60px 0;}

#section.contagem.bg-white .content{padding:120px 0 60px 0;}
#section.contagem li{font-size:40px;}
#section.contagem .button{width:350px; padding-left:50px;}

#section.porto-alegre{background-image:url("../images/_small/bg-porto-alegre.png");
	background-image: image-set(
    url("../images/_small/bg-porto-alegre.webp") type("image/webp"),
    url("../images/_small/bg-porto-alegre.png") type("image/png")
  );}
#section.porto-alegre .column-2{margin:0 auto; width:430px; min-width:430px;}

#section.palestrantes .grupo{max-width:650px;}
#section.palestrantes .grupo .palestrante{width:50%;}
#section.palestrantes .grupo .palestrante img{margin-top:20px;}

/*#section.temas li{font-size:14px;}*/

#section.datas .palco{display:block; max-width:650px; margin:4% auto 0 auto;}
#section.datas li{width:48.1%;}
#section.datas li:nth-child(2){margin-right:0;}

#section.entidades{padding:60px 20px;}
#section.entidades .marcas a{margin:0 7% 4% 7%;}
#section.entidades .marcas.realizacao a{height:120px;}
#section.entidades .marcas.master a{height:110px;}
#section.entidades .marcas.diamante a{height:105px; margin:0 7% 4% 7%;}
#section.entidades .marcas.ouro a{height:105px;}
#section.entidades .marcas.outras a{height:80px; margin:0 7% 4% 7%;}
#section.entidades .marcas.outras a + br{display:none;}
/*#section.entidades .column{width:100%;}
#section.entidades .column + .column{width:100%;}*/

#footer{padding:0 20px;}
#footer .article{padding:20px 20px 10px 20px;}

#section.principal .content{padding:120px 0 60px 0;}
#section.principal .topico + .topico{padding-top:30px;}
#section.principal .topico .column-3{width:100%; max-width:650px; margin:auto; display:block; text-align:center;}
#section.principal .article .tmp{text-align:center;} /*temporário*/
#section.principal .column-3 + .article{padding-top:20px;}
#section.principal li{font-size:14px;}
#section.principal h3.blue-ll .pict{display:block; margin:0 auto -15px auto;}
#section.principal h4.blue-ll .pict{display:block; margin:0 auto -15px auto;}
#section.principal p .pict:first-child + span{padding-left:3.5em;}
#section.principal p .button.medium.certificado{width:280px; margin-left:auto; margin-right:auto; text-align:center; position:relative; padding-left:40px;}
#section.principal p .button.medium.certificado .pict{position:absolute; left:0; top:0;}
#section.principal p .button.medium.certificado .label{padding:0;}

/*exceções*/
#section.principal .topico:first-child p.chamada{text-align:center;}

/*programa*/
#section.programa{padding:0 20px;}
#section.programa .scroller{padding:120px 0 20px 0;}
#section.programa .scroller .scroll{overflow-x:scroll; overflow-y: hidden; width:100%; scroll-behavior: smooth; position:relative;}/*rolagem para tabelas*/
#section.programa .scroller .pict.circle{display:inline-block; background-color:#FFFFFF;} /*anterior e próximo*/
#section.programa .scroller .ancora{position:absolute; width:1px; height:1px; top:-170px;}
#section.programa .scroller .ancora.left{left:-5px;}
#section.programa .scroller .ancora.right{right:0;}

/*formulario*/
#filtro {visibility:hidden;display:none;position:absolute;}
#sistema {text-align:center;}
#sistema input[type=text]{height:40px;line-height:40px; font-size:16px;}
#sistema input[type=submit]{height:40px;line-height:40px!important;}

/*estruturais*/
.article, .column-2, .column-3{width:100%; max-width:650px; margin:auto; display:block;}
.column-2:nth-child(2n), .column-2:last-child, .column-3:nth-child(3n), .column-3:last-child{margin-right:auto;}

/*gerais*/
.box{padding: 10px;}

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

.pict.extra{width:80px; height:80px; line-height:80px; font-size:1.4em;}
.pict.large{width:60px; height:60px; line-height:60px; font-size:1.2em;}
.pict.medium{width:40px; height:40px; line-height:40px; font-size:1em;}
.pict.small{width:30px; height:30px; line-height:30px; font-size:.8em;}

/*especificas*/
.dados tr td{padding:7px; font-size:14px;}

.tabela-programacao.atividades{min-width:900px;}
.tabela-programacao tr td{padding:6px; font-size:12px;}
.tabela-programacao tr td.horario{font-size:10px;}
.tabela-programacao tr td.bg-blue-ll{font-size:16px; padding:9px;}
.tabela-programacao tr td p{font-size:12px;}

.palestras li {margin:7.6% 3.8% 0 0;}
.palestras li:nth-child(2n){margin:7.6% 0 0 0;}
}
@media screen and (max-width:600px) {
/*configurações basicas*/
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}

/* identificadores */
#header .bg-gradient-red-horizontal{font-size:0;}
#header .bg-gradient-red-horizontal strong{font-size:9px; display:inline-block; vertical-align:middle;}

#header.oculto .mercofrio{width: 240px;}
#header.oculto .bg-gradient-blue-vertical{margin:20px 55px 0 0;}
#header.oculto .bg-gradient-blue-vertical .button .label{display:none; visibility:hidden;}

#header .panel-button{right:10px;}


#banner{max-height:650px; background-position: center top; background-attachment: scroll; background-image:url("../images/_tiny/bg-banner-2024.jpg");
background-image: image-set(
    url("../images/_tiny/bg-banner-2024.webp") type("image/webp"),
    url("../images/_tiny/bg-banner-2024.jpg") type("image/jpeg")
  );
}
    
#banner h1{padding:8.5em 0 0 0; background-size:auto 8em; background-image:url("../images/mercofrio-banner-vertical.svg");}
#banner h1 .bg-gradient-red-vertical{font-size: .55em;}

#banner .data.bg-gradient-blue-vertical{font-size: 14px;}
	
#section.contagem li{font-size:30px;}
#section.contagem .button{max-width: 100%;}
#section.contagem .button .label{font-size: .9em;}

#section.porto-alegre{background-image:url(../images/_tiny/bg-porto-alegre.png);
	background-image: image-set(
    url("../images/_tiny/bg-porto-alegre.webp") type("image/webp"),
    url("../images/_tiny/bg-porto-alegre.png") type("image/png")
  );
}
#section.porto-alegre .column-2{width:100%; min-width:auto; max-width:400px;}
#section.porto-alegre .column-2::before{top:0; right:0; bottom:0; left:0; -khtml-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
#section.porto-alegre .column-2 .circle{z-index:1; padding:20px; -khtml-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
#section.porto-alegre .column-2 h2{margin-top:0;}
#section.porto-alegre .column-2 p:not(:last-child) br{display:none;}
#section.porto-alegre .column-2 p .pict{display:block; margin:auto;} 
#section.porto-alegre .column-2 p span + span{display:block; text-align:center;}

#section.palestrantes .grupo{max-width:400px;}

#section.datas .palco{max-width:400px;}
#section.datas .seguinte, #section.datas .anterior{top:80px;}

/*#section.temas li img{width:40px;} /*temporário*
#section.temas li span{min-height:40px; padding-left:50px;}/*temporário*/

#footer .article .float-left{display:block; float:none; padding-bottom:20px;}
#footer .article a img{height:50px;}
#footer .article .float-right{display:block; float:none; overflow:hidden;}
#footer .article .float-right p{font-size:13px; white-space:nowrap;}
#footer .article .float-right a{display:block; line-height:1.5em;}

/*exceções*/
#section.principal .article p:first-child .button.large.bg-gradient-red-vertical.round.white.alpha.float-right .label{padding-left:4.5em;}
#section.principal .scroller {padding-top:0;}
#section.principal .scroller.inscricoes{margin-top:-60px;}
#section.principal .scroller .scroll{overflow-x:scroll; overflow-y: hidden; width:100%; scroll-behavior: smooth; padding:10px 0 0 0; position:relative;}/*rolagem para tabelas*/
#section.principal .scroller .pict{display:block;}/*anterior e próximo*/
#section.principal .scroller .ancora{position:absolute; width:10px; height:10px; top:-200px;}
#section.principal .scroller .ancora.left{left:-10px;}
#section.principal .scroller .ancora.right{right:-10px;}
#section.principal p.botoes{text-align:center;}
#section.principal p.botoes .button{margin:.3em auto;}
/*estruturais*/
.article, .column-2, .column-3{max-width:400px;}

/*especificas*/
.dados {min-width:600px;}

.palestrantes li{padding-left:0; border-left:none;}
.palestrantes li h4{text-align:center;}
.palestrantes li .image{width:150px; padding-bottom:150px; float:none; margin:0 auto 20px auto;}

.palestras li {width:100%; margin:7.6% 0 0 0;}
.palestras li:last-child{margin:7.6% 0;}
}