@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:36px; font-weight:600;}
h2{font-size:32px; font-weight:600;}
h3{font-size:30px; font-weight:600;}
h4{font-size:28px; font-weight:600;}
h5{font-size:24px; font-weight:600;}
h6{font-size:20px; font-weight:600;}
p{font-size:20px; line-height:1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:24px;}
.legenda{font-size:14px;}
a{text-decoration:none; cursor:pointer;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:600;}

/* identificadores */
#body {font-size:62.4%; margin:0; padding:0; width:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color:#000000;}
#container {margin:0; padding:0 0 690px 0; height:100%; min-height:100%; height:auto!important; position:relative; background:#FFFFFF; overflow-x:hidden;}

header {position:fixed; padding: 0 4.4% 40px 4.4%; top:0; width:100%; font-size:0; z-index:150; text-align:right; background-color: rgba(255,255,255,.8); -webkit-transition:background-color 2s; -moz-transition:background-color 2s; -ms-transition:background-color 2s; transition:background-color 2s;}
header .content{max-width: 100%;}

header span.bg-green{position: absolute; top: 40px; left: 0; padding-bottom: 120px; width: 4.4%;}
header span.bg-green-d{position: absolute; top: 40px; right: 0; padding-bottom: 120px; width: 4.4%;}
header .logo{width: 540px; padding-bottom: 120px; position: absolute; z-index: 100; display: block; background-image: url("../images/svg/9-ssa-simposio-de-seguranca-alimentar.svg"); background-repeat: no-repeat; background-size: contain;}

header .legenda{line-height: 40px;}
header .legenda br{display: none;}
header .legenda :not(.pict).green{opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
header .legenda a{float: left;}
header .legenda a + a{margin-left: 20px;}

header .data{font-size: 16px; position: absolute; background-image: url("../images/svg/triangulo.svg"); background-size: contain; font-weight: 400; padding: 1.1em 1.1em 5.4em 5.4em; display: block; top:140px; right: 0; background-repeat: no-repeat; background-position: top right; -webkit-transition:font-size 1s; -moz-transition:font-size 1s; -ms-transition:font-size 1s; transition:font-size 1s;}
header .bento-goncalves{font-size: 16px; right: 155px; top: 170px; line-height: 20px; position: absolute;  -webkit-transition:font-size 1s, right 1s; -moz-transition:font-size 1s, right 1s; -ms-transition:font-size 1s, right 1s; transition:font-size 1s, right 1s;}

header.hover{background-color: rgba(255,255,255,0);}
header.hover .legenda :not(.pict).green{opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
header.hover .data{font-size: 24px;}
header.hover .bento-goncalves{font-size: 20px; right: 230px;}

nav{display:block; padding-left: 540px; position: relative;}
nav::after{content: ""; position: absolute; top: 0; right: 0; left: 540px; padding-bottom: 120px; background-color: #003611; z-index: 0;}
nav ul{display: block; position: relative; z-index: 1;}
nav li{padding: 40px 0; display:inline-block; text-align:left; vertical-align:middle; position:relative;}
nav li + li{margin-left: 15px;}
nav li a{display:inline-block; position:relative; font-size:16px; line-height:40px; font-weight:400; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s;}
nav li:hover a, nav li a.hover{color:#009640;}

#banner{display:block; width:100%; padding:0 4.4%; margin:0; position:relative;}
.no-webp #banner, .no-js #banner {background-image:url(../images/large/bg-banner.jpg);}
.webp #banner {background-image:url(../images/large/bg-banner.webp);}
#banner .content{padding-bottom: 800px;}
#banner .content::after{content: ""; position: absolute; top: 0; right: 36%; bottom: 0; left: -100%; background-image: url("../images/svg/triangulo-transparente.svg"); transform: scale(-1, -1); background-size: cover; mix-blend-mode: multiply;}
#banner h1{position: absolute; bottom: 50px; left: 0;}

section{position: relative; padding: 0 4.4%;}
section .content{padding: 120px 0;}

section.apresentacao .content::before{content: ""; position: absolute; top: 0; right: -100%; bottom: 0; left: 64%; background-image: url("../images/svg/triangulo-transparente.svg"); background-size: cover; mix-blend-mode: multiply;}
section.apresentacao .content::after{content: ""; position: absolute; bottom: 0; margin-bottom: -1.25%; right: 0; z-index: 10; background-image: url("../images/svg/9-ssa.svg"); background-size: contain; background-repeat: no-repeat; background-position: bottom right; width:30.4%; padding-bottom: 15%;}
section.apresentacao .column-3{float: right; margin-right: 0;}

section.temas::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; mix-blend-mode: multiply; background-position: center; background-repeat: no-repeat; background-size: cover;}
.no-webp section.temas::before, .no-js section.temas::before {background-image:url(../images/large/bg-temas.jpg);}
.webp section.temas::before {background-image:url(../images/large/bg-temas.webp);}
section.temas li{font-size: 30px; width:30.4%; display: inline-block; vertical-align: top; font-weight: 600; line-height: 1em; margin-top: 1em;}
section.temas li::after{content: ""; display: block; margin: .5em auto 0 auto; width: 2em; padding-bottom: .25em; background-color: #009640; line-height: 1.1em;}
section.temas li + li{margin-left: 4.4%;}
section.temas li span{display: block; width: 4.5em; padding-bottom: 4.5em; margin: 0 auto .5em auto; background-image: url("../images/svg/areas-tematicas.svg"); background-size: 300% auto; background-repeat: no-repeat;}
section.temas li span.materias{background-position: 0 0;}
section.temas li span.tecnologia{background-position: 50% 0;}
section.temas li span.nutricao{background-position: 100% 0;}

section.inscricoes .content{padding: 0;}
section.inscricoes .button {padding: 10px; border: solid 2px #FFFFFF; font-weight: 600; margin-top: -42px;}

section.entidades .content{padding: 60px 0;}
section.entidades .marcas{display:block;}
section.entidades .marcas.realizacao a{height:200px;}
section.entidades .marcas.ouro a{height:180px;}
section.entidades .marcas.prata a{height:170px;}
section.entidades .marcas.bronze a{height:160px;}
section.entidades .marcas.coparticipes a{height:150px;}
section.entidades .marcas.apoio a{height:120px;}
section.entidades .marcas + p{margin-top: 4em;}
section.entidades p{margin-bottom: 2em;}
section.entidades a {display: inline-block; padding: 10px; margin: 2% 3.5%;}
section.entidades a img{height:100%;}

footer{padding:0 4.4%; width:100%; position:absolute; left:0; bottom:0; font-size:0; z-index:5;}
footer .content{padding: 120px 0;}
footer .content::before{content: ""; position: absolute; top: 0; right: 85%; bottom: 0; left: -100%; background-image: url("../images/svg/triangulo.svg"); transform: scale(-1, -1); background-repeat: no-repeat; background-size: cover; background-position: top left;}
footer .column-3:last-child{background-image: url("../images/svg/office-eventos.svg"); background-repeat: no-repeat; background-position: top right; background-size: 80px auto;}
footer .logo{display: block; width: 330px; height: 120px; background-image: url("../images/svg/9-simposio-de-seguranca-alimentar.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
footer .ssa{display: block; width: 330px; height: 110px; margin-top: 60px; background-image: url("../images/svg/ssa.svg"); background-repeat: no-repeat; background-position: top right; background-size: contain;}

footer .pict + span{display: inline-block; vertical-align: top;}
footer span span.green{display: block; font-size: .8em; line-height: 1em;}
footer p + .grifado{margin-top: 3em;}

section.principal::before{content: ""; position: absolute; top: 0; left: 0; width: 60%; bottom: 0; background-position: center left; background-repeat: no-repeat; background-size: 100% auto; z-index: 0;}
.no-webp section.principal::before, .no-js section.principal::before {background-image:url("../images/large/bg-principal-left.jpg");}
.webp section.principal::before {background-image:url(../images/large/bg-principal-left.webp);}

section.principal::after{content: ""; position: absolute; top: 0; right: 0; width: 35%; bottom: 0; background-position: center right; background-repeat: no-repeat; background-size: 100% auto; z-index: 0;}
.no-webp section.principal::after, .no-js section.principal::after {background-image:url("../images/large/bg-principal-right.jpg");}
.webp section.principal::after {background-image:url(../images/large/bg-principal-right.webp);}

section.principal .content{padding: 240px 0 120px 0; position: relative; z-index: 10;}
section.principal h2:not(:first-child), section.principal h3:not(:first-child){margin-top: 3em;}
section.principal ul:not(.reset-list) li{font-size: 20px; line-height: 1.4em;}
section.principal ul:not(.reset-list) li + li{margin-top: 1em;}
section.principal ol{list-style: upper-latin;}
section.principal ol:not(.reset-list) li{font-size: 20px; line-height: 1.4em;}
section.principal ol:not(.reset-list) li + li{padding-top: 1em;}
section.principal a.float-right img{width: 120px; display: block;} /* marca office */

section.principal .scroller .pict.green.medium{display:none;}/*anterior e próximo*/

#layer {position:fixed; left:0; top:0; right:0; bottom:0; z-index:300; background-color:rgba(51,51,51,.8); display:none; padding:180px 4.4% 0 4.4%;}
#layer .content{display:none; padding:0;}
#layer .article{display:block; margin: auto; overflow-y:auto; z-index:0; border:solid 1px #009640;}
#layer .article .box{display: block; margin-top: 0;}
#layer .article .box::before{display: none;}
#layer .article .palestrante{display: block; margin: 0 auto 20px auto; width: 300px; height: 300px;}
#layer .fechar{position:absolute; right:17.325%; z-index:10; margin: -15px -15px 0 0;}

/*específicas*/
.disabled{opacity: .3;}

.grifado{padding-left: 1em; position: relative; margin-bottom: 1.5em; line-height: 1em;}
.grifado::before{content: ""; position: absolute; width: 1em; height: 1em; left: 0; margin-left: -.5em; background-image: url("../images/svg/triangulo.svg"); background-size: contain; background-repeat: no-repeat; transform: rotate(45deg);}
.grifado.white::before{background-image: url("../images/svg/triangulo-green-d.svg");}
.grifado.text-center{padding-left:0;}
.grifado.text-center::before{left: 50%; transform: rotate(135deg); bottom: -.5em;}
.grifado span.green{display: block; font-size: .6em; line-height: 1em; font-weight: 400; margin: 0 auto;}

.comissoes li {font-size: 24px; display: inline-block; vertical-align: top; width: 33.33%; font-weight: 600; margin-top: 2.5em;}
.comissoes li .bg-image{display: block; width: 10em; padding-bottom: 10em; margin: 0 auto .5em auto;}
.no-webp .comissoes li .bg-image.mariano, .no-js .comissoes li .bg-image.mariano{background-image:url(../images/comissao/mariano-michelon.png);}
.webp .comissoes li .bg-image.mariano{background-image:url(../images/comissao/mariano-michelon.webp);}
.no-webp .comissoes li .bg-image.jaqueline, .no-js .comissoes li .bg-image.jaqueline{background-image:url(../images/comissao/jaqueline-garda-buffon.png);}
.webp .comissoes li .bg-image.jaqueline{background-image:url(../images/comissao/jaqueline-garda-buffon.webp);}
.no-webp .comissoes li .bg-image.milene, .no-js .comissoes li .bg-image.milene{background-image:url(../images/comissao/milene-barcia.png);}
.webp .comissoes li .bg-image.milene{background-image:url(../images/comissao/milene-barcia.webp);}
.no-webp .comissoes li .bg-image.lucielen, .no-js .comissoes li .bg-image.lucielen{background-image:url(../images/comissao/lucielen-oliveira.png);}
.webp .comissoes li .bg-image.lucielen{background-image:url(../images/comissao/lucielen-oliveira.webp);}
.no-webp .comissoes li .bg-image.silvani, .no-js .comissoes li .bg-image.silvani{background-image:url(../images/comissao/silvani-verruk.png);}
.webp .comissoes li .bg-image.silvani{background-image:url(../images/comissao/silvani-verruk.webp);}
.no-webp .comissoes li .bg-image.grazielle, .no-js .comissoes li .bg-image.grazielle{background-image:url(../images/comissao/grazielle-weiss.png);}
.webp .comissoes li .bg-image.grazielle{background-image:url(../images/comissao/grazielle-weiss.webp);}
.no-webp .comissoes li .bg-image.luciane, .no-js .comissoes li .bg-image.luciane{background-image:url(../images/comissao/luciane-colla.png);}
.webp .comissoes li .bg-image.luciane{background-image:url(../images/comissao/luciane-colla.webp);}
.no-webp .comissoes li .bg-image.graciele, .no-js .comissoes li .bg-image.graciele{background-image:url(../images/comissao/graciele-borges.png);}
.webp .comissoes li .bg-image.graciele{background-image:url(../images/comissao/graciele-borges.webp);}
.no-webp .comissoes li .bg-image.rosana, .no-js .comissoes li .bg-image.rosana{background-image:url(../images/comissao/rosana-goldbeck.png);}
.webp .comissoes li .bg-image.rosana{background-image:url(../images/comissao/rosana-goldbeck.webp);}
.no-webp .comissoes li .bg-image.carla, .no-js .comissoes li .bg-image.carla{background-image:url(../images/comissao/carla-farias.png);}
.webp .comissoes li .bg-image.carla{background-image:url(../images/comissao/carla-farias.webp);}
.no-webp .comissoes li .bg-image.marciane, .no-js .comissoes li .bg-image.marciane{background-image:url(../images/comissao/marciane-magnani.png);}
.webp .comissoes li .bg-image.marciane{background-image:url(../images/comissao/marciane-magnani.webp);}
.no-webp .comissoes li .bg-image.angela, .no-js .comissoes li .bg-image.angela{background-image:url(../images/comissao/angela-fiorentini.png);}
.webp .comissoes li .bg-image.angela{background-image:url(../images/comissao/angela-fiorentini.webp);}
.no-webp .comissoes li .bg-image.wesclen, .no-js .comissoes li .bg-image.wesclen{background-image:url(../images/comissao/wesclen-vilar-nogueira.png);}
.webp .comissoes li .bg-image.wesclen{background-image:url(../images/comissao/wesclen-vilar-nogueira.webp);}

.comissoes li .green{display: block; font-size: .7em; font-weight: 400; line-height: 1em;}

.trabalhos li {position: relative; padding-right: 8em; text-align: left;}
.trabalhos li strong{position: absolute; top: 0; right: 0;}

table.inscricoes{margin: 40px 0;}
table.inscricoes tr td{font-size: 18px; padding: .7em; position: relative;}
table.inscricoes tr:first-child td{font-weight: 600;}
table.inscricoes tr:not(:first-child) td{border-bottom: solid 2px #009640;}

table.programa tr td.white{font-weight: 600;}
table.programa tr td{font-size: 18px; padding: .7em; position: relative;}
table.programa tr td{border-bottom: solid 2px #009640;}
table.programa tr td:nth-child(2), table.programa tr td:last-child{white-space: nowrap;}
table.programa tr td a.green, table.programa tr td span.green {display: inline-block; font-weight: 500;}
table.programa tr td a.green .pict{margin-bottom: 3px;}
table.programa tr td .funcao{font-size: .65em; text-transform: uppercase;}

.box{padding: 40px; margin-top: 60px; position: relative;}
.box::before{content: ""; display: block; width: 200px; padding-bottom: 200px; position: absolute; top: 0; right: 0; z-index: 0; background-image: url("../images/svg/triangulo-green-d.svg"); background-repeat: no-repeat; background-size: contain;}
.box *{position: relative; z-index: 10;}

.gallery {display:block; font-size:0; margin-bottom:40px}
.gallery a{display:inline-block; width:22.15%; margin:20px 4.4% 20px 0; vertical-align:text-top; border:solid 1px #EE7C00; padding:10px;}
.gallery a:nth-child(4n), .gallery a:last-child{margin:20px 0 20px 0;}
.gallery a span{display:block; width:100%; padding-bottom:100%;}
.zoom{cursor:pointer; cursor:-webkit-zoom-in; cursor:zoom-in;}

/*estruturais*/
.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:text-top;}
.column-2 {width:47.8%; margin:0 4.4% 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.4%; margin:0 4.4% 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:21.7%; margin:0 4.4% 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;}
.black{color:#000000;}
.green-d{color:#003611;}
.green{color:#009640;}
.red{color:#E30613;}
.yellow{color:#FFDD00;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-green-d{background-color:#003611;}
.bg-green{background-color:#009640;}
.bg-red{background-color:#E30613;}
.bg-yellow{background-color:#FFDD00;}
.bg-multiply-green-d::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#003611; z-index:0;}
.bg-multiply-green::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#009640; z-index:0;}
.bg-image{background-position:center; background-repeat:no-repeat; background-size:cover;}

/*transições*/
.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.30;}

/*gerais*/
.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{-khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.circle{display:inline-block; vertical-align:middle; -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:50px; -moz-column-gap:50px; column-gap: 50px;}

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

.button.large{font-size:1.1em; -khtml-border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.button.medium{font-size:1em; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.button.small{font-size:.9em; -khtml-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.button.tiny{font-size:.8em; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.button .label{display:inline-block; vertical-align:middle; padding:0 1.5em; text-align:center; line-height:2.3em;}
.button .label.large{min-width: 24em;}
.button .label.small{min-width: 13em;}

.button .pict + .label{display:inline-block; vertical-align:middle; padding:0 1.5em 0 .5em; text-align:center;}

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

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

.pict.text.large{font-size:3em; line-height:80px;}
.pict.text.medium{font-size:2.4em; line-height:60px;}
.pict.text.small{font-size:1.6em; line-height:40px;}
.pict.text.tiny{font-size:.8em; line-height:20px;}

.pict + span:not(.label){display:inline-block; vertical-align:text-top; line-height:1.4em;}

.pict.green.whatsapp{background-position: 0 0;}
.pict.green.email{background-position: 10% 0;}
.pict.green.local{background-position: 20% 0;}
.pict.green.home{background-position: 30% 0;}
.pict.green.data{background-position: 40% 0;}
.pict.green.horario{background-position: 50% 0;}
.pict.green.inscricao{background-position: 60% 0;}
.pict.green.link{background-position: 70% 0;}
.pict.green.inscrito{background-position: 80% 0;}
.pict.green.download{background-position: 90% 0;}
.pict.green.fone{background-position: 100% 0;}
.pict.green.mais{background-position: 0 33.33%;}
.pict.green.menos{background-position: 10% 33.33%;}
.pict.green.fechar{background-position: 20% 33.33%;}
.pict.green.igual{background-position: 30% 33.33%;}
.pict.green.anterior{background-position: 40% 33.33%;}
.pict.green.seguinte{background-position: 50% 33.33%;}
.pict.green.topo{background-position: 60% 33.33%;}
.pict.green.base{background-position: 70% 33.33%;}
.pict.green.enviar{background-position: 80% 33.33%;}
.pict.green.certificado{background-position: 90% 33.33%;}
.pict.green.anais{background-position: 100% 33.33%;}

.pict.white.whatsapp{background-position: 0 66.66%;}
.pict.white.email{background-position: 10% 66.66%;}
.pict.white.local{background-position: 20% 66.66%;}
.pict.white.home{background-position: 30% 66.66%;}
.pict.white.data{background-position: 40% 66.66%;}
.pict.white.horario{background-position: 50% 66.66%;}
.pict.white.inscricao{background-position: 60% 66.66%;}
.pict.white.link{background-position: 70% 66.66%;}
.pict.white.inscrito{background-position: 80% 66.66%;}
.pict.white.download{background-position: 90% 66.66%;}
.pict.grwhiteeen.fone{background-position: 100% 66.66%;}
.pict.white.mais{background-position: 0 100%;}
.pict.white.menos{background-position: 10% 100%;}
.pict.white.fechar{background-position: 20% 100%;}
.pict.white.igual{background-position: 30% 100%;}
.pict.white.anterior{background-position: 40% 100%;}
.pict.white.seguinte{background-position: 50% 100%;}
.pict.white.topo{background-position: 60% 100%;}
.pict.white.base{background-position: 70% 100%;}
.pict.white.enviar{background-position: 80% 100%;}
.pict.white.certificado{background-position: 90% 100%;}
.pict.white.anais{background-position: 100% 100%;}

.button.large.bg-green.white.alpha .label{min-width: 14.5em;}

@media screen and (max-width:1400px) {
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:26px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:18px;}
p{font-size:16px;}
.chamada{font-size:20px;}
.legenda{font-size:12px;}

#container {padding:0 0 640px 0;}

header {padding:0 4.4% 30px 4.4%;}

header span.bg-green{top: 30px; padding-bottom: 72px;}
header span.bg-green-d{top: 30px; padding-bottom: 72px;}
header .logo{width: 324px; padding-bottom: 72px;}

header .legenda{line-height: 30px;}

header .data{font-size: 14px; top:90px;}
header .bento-goncalves{font-size: 14px; right: 150px; top: 107px;}

header.hover .data{font-size: 18px;}
header.hover .bento-goncalves{font-size: 16px; right: 180px;}

nav{padding-left: 324px;}
nav::after{left: 324px; padding-bottom: 72px;}
nav li{padding: 21px 0;}
nav li + li{margin-left: 10px;}
nav li a{font-size:13px; line-height:30px;}

.no-webp #banner, .no-js #banner {background-image:url(../images/medium/bg-banner.jpg);}
.webp #banner {background-image:url(../images/medium/bg-banner.webp);}
#banner .content{padding-bottom: 600px;}
#banner h1{bottom: 40px;}

section .content{padding: 100px 0;}

.no-webp section.temas::before, .no-js section.temas::before {background-image:url(../images/medium/bg-temas.jpg);}
.webp section.temas::before {background-image:url(../images/medium/bg-temas.webp);}
section.temas li{font-size: 24px;}

section.entidades .content{padding: 50px 0;}
section.entidades .marcas.realizacao a{height:170px;}
section.entidades .marcas.ouro a{height:150px;}
section.entidades .marcas.prata a{height:140px;}
section.entidades .marcas.bronze a{height:130px;}
section.entidades .marcas.coparticipes a{height:120px;}
section.entidades .marcas.apoio a{height:100px;}

footer .content{padding: 100px 0;}
footer .column-3:last-child{background-position: top 30px right; background-size: 60px auto;}
footer .logo{width: 240px; height: 90px;}
footer .ssa{width: 240px; height: 85px; margin-top: 40px;}

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

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

section.principal .content{padding: 200px 0 100px 0;}
section.principal ul:not(.reset-list) li{font-size: 16px;}
section.principal ol:not(.reset-list) li{font-size: 16px;}
section.principal a.float-right img{width: 100px;} /* marca office */

#layer {padding:120px 4.4% 0 4.4%;}
#layer .article .palestrante{width: 250px; height: 250px;}

/*específicas*/
.comissoes li {font-size: 20px;}

table.inscricoes{margin: 30px 0;}
table.inscricoes tr td{font-size: 16px;}
    
table.programa tr td{font-size: 16px;}

.box{padding: 30px; margin-top: 50px;}
.box::before{width: 175px; padding-bottom: 175px;}
}
@media screen and (max-width:1000px) {
h1{font-size:24px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
p{font-size:14px;}
.chamada{font-size:16px;}
.legenda{font-size:10px;}

#container {padding:0 0 800px 0;}

header {padding: 0 30px 102px 30px;}

header span.bg-green{width: 30px;}
header span.bg-green-d{width: 30px;}

header .legenda a{float: left; font-size: 0;}

header .data{font-size: 10px; top:90px;}
header .bento-goncalves{font-size: 10px; right: 100px;}

header.hover .data{font-size: 14px;}
header.hover .bento-goncalves{font-size: 14px; right: 140px;}

header .panel-button{position:absolute; top:45px; right:10px; width: 42px; height: 42px; display: block; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s; z-index: 2000; cursor:pointer;}
header .panel-button::before{content: ""; position: absolute; display: block; width: 42px; height: 42px; border: solid 2px #FFFFFF; background-color:#E30613; transform:rotate(45deg);}
    
header .panel-button span{display:block; position:absolute; height:2px; width:22px; left: 10px; background-color:#FFFFFF; z-index: 10;}
header .panel-button .um{top: 13px; z-index: 10;}
header .panel-button .dois{top: 20px; z-index: 0;}
header .panel-button .tres{top: 27px; z-index: 10;}
    
header.panel-button-active .panel-button .um{transform:rotate(-45deg); top:20px;}
header.panel-button-active .panel-button .dois{background-color: #E30613;}
header.panel-button-active .panel-button .tres{transform:rotate(45deg); top:20px;}
header.panel-button-active nav ul{top:102px;}

nav ul{right:0; margin:0; padding:15px!important; list-style:none; position:absolute; top:-500px; width:300px; z-index:0; text-align:left; background-color:rgba(0,54,17,.85); display: block;}
nav li{padding: 0; display:block; text-align:left; vertical-align:middle; position:relative; border: solid 1px #FFFFFF;}
nav li + li{margin-top: 15px; margin-left: 0;}
nav li a, nav li:hover a{display:block; font-size:16px; padding: 0 20px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition:none;}
nav li a.hover{color:#009640;}

.no-webp #banner, .no-js #banner {background-image:url(../images/small/bg-banner.jpg);}
.webp #banner {background-image:url(../images/small/bg-banner.webp);}
#banner .content{padding-bottom: 500px;}
#banner .content::after{right: auto; left: -30px; width: 507px; background-size: cover; background-position: right; background-repeat: no-repeat;}
#banner h1{bottom: 30px;}

section{padding: 0 30px;}
section .content{padding: 80px 0;}

section.apresentacao .content::before{left: 477px;}
section.apresentacao .content::after{content: ""; position: absolute; bottom: 0; margin-bottom: -1.25%; right: 0; z-index: 10; background-image: url("../images/svg/9-ssa.svg"); background-size: contain; background-repeat: no-repeat; background-position: bottom right; width:30.4%; padding-bottom: 15%;}
section.apresentacao .column-3{float: none; margin:0 0 40px 0;}

.no-webp section.temas::before, .no-js section.temas::before {background-image:url(../images/small/bg-temas.jpg);}
.webp section.temas::before {background-image:url(../images/small/bg-temas.webp);}
section.temas li{font-size: 20px;}

section.inscricoes .button {padding: 7px; margin-top: -29px;}
    
section.entidades .content{padding: 40px 0;}
section.entidades .marcas.realizacao a{height:140px;}
section.entidades .marcas.ouro a{height:120px;}
section.entidades .marcas.prata a{height:110px;}
section.entidades .marcas.bronze a{height:100px;}
section.entidades .marcas.coparticipes a{height:90px;}
section.entidades .marcas.apoio a{height:60px;}

footer{padding:0 30px;}
footer .content{padding: 80px 0;}
footer .column-3:first-child{text-align: center;}
footer .column-3 + .column-3{margin-top: 40px;}
footer .logo{display: inline-block; width: 165px; height: 60px; vertical-align: middle;}
footer .ssa{display: inline-block; width: 115px; height: 60px; vertical-align: middle; margin: 0 0 0 20px; background-position: center;}
footer .button{position: absolute; right: 0; bottom: 10px;}
footer p + .grifado{margin-top: 40px;}

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

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

section.principal .content{padding: 160px 0 80px 0;}
section.principal ul:not(.reset-list) li{font-size: 14px;}
section.principal ol:not(.reset-list) li{font-size: 14px;}
section.principal a.float-right img{width: 80px;} /* marca office */

section.principal .scroller .scroll{overflow-x:scroll; overflow-y: hidden; width:100%; scroll-behavior: smooth; position:relative;}/*rolagem para tabelas*/
section.principal .scroller .pict.green.medium{display:inline-block;} /*anterior e próximo*/
section.principal .scroller .ancora{position:absolute; width:1px; height:1px; top:-170px;}
section.principal .scroller .ancora.left{left:-5px;}
section.principal .scroller .ancora.right{right:0;}

#layer .article .palestrante{margin: 0 auto 10px auto; width: 200px; height: 200px;}
#layer .fechar{right:0; margin: 10px 10px 0 0;}

/*específicas*/
.comissoes li {font-size: 16px; width: 50%;}
.comissoes br{display: none;}

table.inscricoes{margin: 0 0 20px 0;}
table.inscricoes tr td{font-size: 14px; white-space: nowrap;}

table.programa tr td{font-size: 14px;}
table.programa tr td:last-child{white-space: normal; width: 30%;}
.box{padding: 20px; margin-top: 40px;}
.box::before{width: 150px; padding-bottom: 150px;}

/*estruturais*/
.content {max-width:800px;}
.article, .column-2, .column-3 {width:100%; 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;}

/*transições*/
.alpha{-webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none}
.alpha:hover{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

.button.large{font-size:1em; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.button.medium{font-size:.9em; -khtml-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.button.small{font-size:.8em; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.button.tiny{font-size:.7em; -khtml-border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

.button .label{padding:0 1.2em; line-height:2em;}
.button .pict + .label{padding:0 1.2em 0 .2em;}

.pict.large{width:60px; height:60px;}
.pict.medium{width:40px; height:40px;}
.pict.small{width:30px; height:30px;}

.pict.text.large{font-size:2.8em; line-height:60px;}
.pict.text.medium{font-size:2.1em; line-height:40px;}
.pict.text.small{font-size:1.4em; line-height:30px;}
.pict.text.tiny{font-size:.7em; line-height:20px;}

.pict + span:not(.label){line-height:1.2em;}

}
@media screen and (max-width:600px) {
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:17px;}
h4{font-size:16px;}
h5{font-size:15px;}

header {padding: 0 20px 80px 10px;}

header span.bg-green{padding-bottom: 60px; width: 10px;}
header span.bg-green-d{padding-bottom: 60px; width: 20px;}
header .logo{width: 270px; padding-bottom: 60px;}

header .legenda{line-height: 1em; height: 30px; padding-top: 5px;}
header .legenda br{display: inline-block;}
header .legenda a + a{margin-left: 10px;}

header .data{font-size: 9px; padding: .7em .7em 4.2em 4.2em;}

header .bento-goncalves{font-size: 9px; right: 90px; top: 90px;}

header.hover .data{font-size: 12px;}
header.hover .bento-goncalves{font-size: 12px; right: 105px;}

header .panel-button{top:39px; right:0;}

header.panel-button-active nav ul{top:80px;}

nav{padding-left: 270px;}
nav::after{left: 270px; padding-bottom: 60px;}

.no-webp #banner, .no-js #banner {background-image:url(../images/tiny/bg-banner.jpg);}
.webp #banner {background-image:url(../images/tiny/bg-banner.webp);}
#banner .content{padding-bottom: 450px; max-width: 100%;}
#banner .content::after{left: -37px; width: 100%;}

section{padding: 0 30px;}
section .content{padding: 60px 0;}
    
section.apresentacao .column-3{margin:0 0 30px 0;}

.no-webp section.temas::before, .no-js section.temas::before {background-image:url(../images/tiny/bg-temas.jpg);}
.webp section.temas::before {background-image:url(../images/tiny/bg-temas.webp);}
section.temas p br{display: none;}
section.temas li{font-size: 18px; width: 100%;}
section.temas li + li{margin: 30px 0 0 0;}

section.entidades .content{padding: 30px 0;}
section.entidades .marcas.realizacao a{height:120px; margin: 2% 0; padding: 10px 0;}
section.entidades .marcas.ouro a{height:100px;}
section.entidades .marcas.prata a{height:90px;}
section.entidades .marcas.bronze a{height:80px;}
section.entidades .marcas.coparticipes a{height:70px;}
section.entidades .marcas.apoio a{height:60px;}

footer .column-3:last-child{background-size: 50px auto;}
footer .column-3 + .column-3{margin-top: 30px;}
footer .button{position: relative; right: auto; bottom: auto;}
footer p + .grifado{margin-top: 30px;}

.no-webp section.principal::before, .no-js section.principal::before {background-image:url("../images/tiny/bg-principal-left.jpg");}
.webp section.principal::before {background-image:url(../images/tiny/bg-principal-left.webp);}

.no-webp section.principal::after, .no-js section.principal::after {background-image:url("../images/tiny/bg-principal-right.jpg");}
.webp section.principal::after {background-image:url(../images/tiny/bg-principal-right.webp);}

section.principal .content{padding: 140px 0 60px 0;}
section.principal a.float-right img{width: 60px;} /* marca office */
section.principal ul:not(.reset-list){padding-left: 20px;}
section.principal ol:not(.reset-list){padding-left: 20px;}
section.principal .article p .button{margin-top: 5px; margin-bottom: 5px;}
section.principal span .column-2 + .column-2{margin-top: 25px;}

#layer {padding:110px 4.4% 0 4.4%;}
#layer .article .palestrante{width: 150px; height: 150px;}
#layer .fechar{margin: 5px 5px 0 0;}

/*específicas*/
.comissoes li {width: 100%;}

.box{padding: 15px; margin-top: 30px;}
.box::before{width: 120px; padding-bottom: 120px;}

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