@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:1em;}
* 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:48px; font-weight:500; line-height:1.1em;}
h2{font-size:42px; font-weight:500; line-height:1.1em;}
h3{font-size:36px; font-weight:500; line-height:1.1em;}
h4{font-size:32px; font-weight:500; line-height:1.1em;}
h5{font-size:28px; font-weight:500; line-height:1.1em;}
h6{font-size:24px; font-weight:500; line-height:1.1em;}
p{font-size:20px; line-height:1.6em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:26px;}
.legenda{font-size:16px;}
ul:not(.reset-list) li{font-size:20px; line-height:1.6em;}
ul:not(.reset-list) li + li{margin-top: .5em;}
a{text-decoration:none; cursor:pointer;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:500;}

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

#header{position: relative; top:0; right: 0; left: 0; width: 100%; padding-bottom: 100%; transition: padding-bottom 2s;}
#header.hover{padding-bottom: 200px;}

#layer {position:fixed; left:0; top:0; right:0; bottom:0; padding: 260px 3.8% 60px 3.8%; z-index:90; background-color:rgba(0,109,138,.85); display:none;}
#layer .content{display:none; height: 100%;}
#layer .scroll{display:block; position:absolute; top:0; right: 17.3%; bottom:0; left: 17.3%; overflow-y:auto;}
#layer .box{border:solid 1px #B13217;}
#layer .grifado{margin-top: 0;}
#layer .bg-image.circle{float: right; width:30.8%; padding-bottom: 30.8%; margin: 0 0 3.8% 3.8%; border: solid 1px #B13217;}
#layer .fechar{position:absolute; top:10px; right:17.3%; margin-right: 10px; z-index:100;}

#inscricao{position:fixed; right:3.8%; bottom:80px; display:block; z-index:110; transition:opacity 2s, bottom 1s, z-index 3s; width: 120px; height: 120px; background-image: url("../images/svg/inscreva-se.svg"); background-position: center; background-size: contain; opacity: 0;}

/*formulários*/
#filtro {visibility:hidden;display:none;position:absolute;}

#inscricoes{position: relative; z-index: 0;}
#inscricoes input[type=text] {font-size:20px; font-family: "Dosis", sans-serif; font-weight: 400; display:inline-block; width:100%; background:none; border:solid 1px #B13217; padding:0 15px; margin:0 0 25px 0; height:50px; line-height:48px;}
#inscricoes textarea {font-size:20px; float: left; font-family: "Dosis", sans-serif; font-weight: 400;  display:inline-block; width:47.8%; background:none; border:solid 1px #B13217; padding:15px; margin:0 auto 25px auto; line-height:25px; min-height:350px;}
#inscricoes input[type=submit] {font-size:14px; font-family: "Dosis", sans-serif; font-weight: 400; width:30.8%; padding:0; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin:0 auto; border:none; height:50px; float: right;}
#inscricoes input[type=text].email{width:30.8%; margin-right: 3.8%;}
#inscricoes input[type=text].celular{width:30.8%; margin-right: 3.8%;}
#inscricoes input[type=text].fone{width:30.8%;}
#inscricoes input[type=text].cidade{width:65.4%; margin-right: 3.8%;}
#inscricoes select {font-size:20px; font-weight:400; font-family: "Dosis", sans-serif; display:inline-block; width:100%; position:relative; padding:0 50px 0 15px; margin:0; height:50px; line-height:50px; border:none; border-radius:0; appearance:none; cursor:pointer; background:none; background-color:#006D8A; z-index: 0;}

#inscricoes label{font-size: 20px; position:relative; display: inline-block; vertical-align: middle; line-height: 24px; min-height: 24px; padding: 2px 2px 2px 10px; border:solid 1px #006D8A; width: 100%;}
#inscricoes label:not(:last-child){margin-bottom: 15px;}
#inscricoes input[type="checkbox"]:not(:checked), #inscricoes input[type="checkbox"]:checked {position:absolute; left:-9999px;}
#inscricoes input[type="checkbox"]:not(:checked) + label, #inscricoes input[type="checkbox"]:checked + label {padding:0 0 0 1.7em; cursor:pointer; line-height:1.2em; text-align:left; border: none;}
#inscricoes input[type="checkbox"]:not(:checked) + label:before, #inscricoes input[type="checkbox"]:checked + label:before {content:''; position:absolute; left: .02em; top: -.14em; width:1.4em; height:1.4em; border: .14em solid #006D8A; background-color:#FFFFFF; border-radius:7px;}
#inscricoes input[type="checkbox"]:not(:checked) + label:after,#inscricoes input[type="checkbox"]:checked + label:after {content:'✔'; position:absolute; top:-.1em; left:.2em; font-size:1.4em; line-height:0.8em;color:#E86D3A;transition:all .2s;}
#inscricoes input[type="checkbox"]:not(:checked) + label:after {opacity:0;transform:scale(0);}
#inscricoes input[type="checkbox"]:checked + label:after {opacity:1;transform:scale(1);}
#inscricoes input[type="checkbox"]:checked:focus + label:before, #inscricoes input[type="checkbox"]:not(:checked):focus + label:before {border: .14em solid #006D8A;}
#inscricoes label:hover:before {border: .14em solid #E86D3A!important;}
#inscricoes input[type="checkbox"]:disabled  + label{opacity: .25;}
#inscricoes input[type="checkbox"]:disabled:not(:checked) + label:before, #inscricoes input[type="checkbox"]:disabled:checked + label:before {content:'';}
#inscricoes input[type="checkbox"]#conferencias, #inscricoes input[type="checkbox"]#conferencias  + label {pointer-events: none; margin-bottom: 0!important;}

#inscricoes .atividades{display: block; padding: 15px; border: solid 1px #B13217; margin-bottom: 25px;}
#inscricoes .atividades span:first-child{font-size: 20px; margin-bottom: 20px; display: inline-block;}
#inscricoes .seletor{display: inline-block; position: relative;}
#inscricoes .seletor.profissao{width:65.4%;}
#inscricoes .seletor.uf{width:30.8%;}
#inscricoes .seletor span{display:block; width:50px; height:50px; position: absolute; right: 0; top: 0; z-index: 10; background-image:url(../images/svg/pictogramas.svg); background-repeat:no-repeat; background-size:1100% auto; background-position:70% 20%; background-color: #B13217; pointer-events: none;}

header {height: 100%; position: fixed; top:0; right: 0; left: 0; width: 100%; z-index:100; padding:0; font-size:0; background-position: center; background-repeat: no-repeat; background-size: cover; transition: height 1s;}
.no-webp header, .no-js header{background-image:url("../images/large/banner-bisb-25.jpg");}
.webp header{background-image:url("../images/large/banner-bisb-25.webp");}

header .blue{display: inline-block; width: 70%; vertical-align: middle; position: relative;}
header .blue::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom,  #004f64 0%,#006d8a 100%); mix-blend-mode: multiply; z-index: 0;}
header .blue.logo{padding:0 190px 0 3.8%;}
header .blue.logo a.bisb{position: absolute; top: 15px; bottom: 15px; right: 0; width: 190px; display: block; background-image: url("../images/svg/bisb.svg"); background-position: center right; background-repeat: no-repeat; background-size: contain; z-index: 10; transition: all 1s;}

header .red{display: inline-block; width: 30%; vertical-align: middle;  position: relative;}
header .red::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom,  #82260A 0%,#B13217 100%); mix-blend-mode: multiply; z-index: 0;}
header .red.logo{padding:0 3.8% 0 255px; text-align: right;}
header .red.logo a.bisb{position: absolute; top: 15px; bottom: 15px; left: 0; width: 255px; display: block; background-image: url("../images/svg/barral-institute-symposium-brazil-2025.svg"); background-position: center left; background-repeat: no-repeat; background-size: contain; z-index: 10; transition: all 1s;}
header .red.logo .pict{margin: 40px 0;  transition: margin 1s;}
header .red.logo a + a{margin-left: 10px;}

header .data-local{position: absolute; right: 0; bottom: 0; left: 0;}
header .data-local .white:not(.pict){font-size: 28px; line-height: 40px; display: inline-block; vertical-align: middle; position: relative; z-index: 10; transition: font-size 1s;}
header .data-local .blue{padding: 10px 10px 10px 3.8%; transition: padding 1s;}
header .data-local .blue .white:not(.pict){float: right;}
header .data-local .blue a + a{margin-left: 20px;}
header .data-local .red{padding: 10px 3.8% 10px 10px; transition: padding 1s;}

header .header-content{position: absolute; z-index: 0; top: 120px; right: 0; bottom: 80px; left: 0; padding: 0 3.8%; display: flex; align-items: center; align-content: flex-start; text-shadow: 1px 1px 7px #000000, -1px 1px 7px #000000, 1px -1px 7px #000000, -1px -1px 7px #000000;}
header .header-content h1{line-height: 1em;}

header.hover{height: 200px;}
header.hover .blue.logo a.bisb{top: 10px; bottom: 10px;}
header.hover .red.logo a.bisb{top: 10px; bottom: 10px;}
header.hover .red.logo .pict{margin: 10px 0;}

header.hover .data-local .white:not(.pict){font-size: 18px;}
header.hover .data-local .blue{padding: 0 10px 0 3.8%;}
header.hover .data-local .red{padding: 0 3.8% 0 10px;}

header.hover .header-content{top: 60px; bottom: 40px;}

header.hover nav .reset-list li:first-child a{padding: 10px 20px;}
header.hover nav .reset-list li:not(:first-child) a{padding: 10px 0;}

nav .reset-list li{display:inline-block; vertical-align:middle; z-index:0; position: relative; font-weight: 500;}
nav .reset-list li:not(:first-child) + li{margin-left: 30px;}
nav .reset-list li:first-child a{font-size: 0; display: block; padding: 40px 20px; transition: padding 1s;}
nav .reset-list li:not(:first-child) a{font-size: 20px; line-height: 40px; padding: 40px 0; display:block; position:relative; cursor:pointer; z-index:10; transition: padding 1s;}
nav .reset-list li a::after{padding-bottom: 0; content: ""; position: absolute; right: 10%; bottom: 0; left: 10%; background-color: #B13217; transition: padding 1s;}
nav .reset-list li:hover a::after, nav .reset-list li a.hover::after{padding-bottom: 6px;}

section.principal .palestrantes-list li:nth-child(-n+4){margin-top:0;}

section.principal iframe{margin: 60px auto; display: block; width: 100%; aspect-ratio:16/9;}
section.principal iframe:first-child{margin-top: 0;}
section.principal iframe:last-child{margin-bottom: 0;}

section.principal table.inscricoes{background-color: #82260A;}
section.principal table.inscricoes tr{background-color: #FFFFFF;}
section.principal table.inscricoes td{font-size: 24px; padding: .5em; line-height: 1.1em;}
section.principal table.inscricoes td:first-child{width: 25%;}
section.principal table.inscricoes td span{display: inline-block; line-height: 1em; vertical-align: top;}
section.principal table.inscricoes td span.small{font-size: .7em; padding-top: .1em;}

section.por-que::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; mix-blend-mode: multiply;}
.no-webp section.por-que::before, .no-js section.por-que::before{background-image:url("../images/large/bg-por-que.jpg");}
.webp section.por-que::before{background-image:url("../images/large/bg-por-que.webp");}

section.por-que .reset-list{position: relative;}
section.por-que .reset-list::after{content: ""; display: block; height: 0; clear: both;}
section.por-que .reset-list li{font-size: 20px; width:30.8%; display: block; vertical-align: top; text-align: center; margin-bottom: 60px; float: left;}
section.por-que .reset-list li:first-child{position: absolute; left: 50%; margin-left: -15.2%; top: 25%;}
section.por-que .reset-list li:nth-child(3){float: right;}
section.por-que .reset-list li:nth-child(4){clear: left; margin-bottom: 0;}
section.por-que .reset-list li:nth-child(5){float: right; clear: right; margin-bottom: 0;}
section.por-que .reset-list li .destaque{padding-bottom: 5em; width: 5.3em; margin: 0 auto; display: block; border: solid .15em #006D8A;}
section.por-que .reset-list li .grifado{font-size: 1.5em;}
section.por-que .reset-list li .grifado::after{margin-bottom: .2em;}

section.inscricao{border-top: solid 1px #FFFFFF;}
section.inscricao .content{padding: 60px 0;}
section.inscricao .button{border: solid 1px #FFFFFF;}

section.entidades .column-2:not(:last-child){margin-bottom: 60px;}
section.entidades .flex{display:flex; justify-content: space-around; align-items: center;}
section.entidades .flex.nivel-1 a{height:180px;}
section.entidades .flex.nivel-2 a{height:120px;}
section.entidades a {padding: 10px;}
section.entidades a img{height:100%;}

footer{position: absolute; right: 0; bottom: 0; left: 0; padding:0 3.8%; z-index: 90;}
footer .bg-gradient-red-top{position: absolute; top: 0; right: 0; bottom: 0; width: 30%; font-size: 0; padding: 60px 3.8% 60px 0;}
footer .bg-gradient-red-top::before{content: ""; position: absolute; top: 60px; height: 70px; left: -190px; width: 190px; background-image: url("../images/svg/bisb.svg"); background-position: center right; background-repeat: no-repeat; background-size: contain; z-index: 10;}
footer .bg-gradient-red-top::after{content: ""; position: absolute; top: 60px; height: 70px; left: 0; width: 255px;  background-image: url("../images/svg/barral-institute-symposium-brazil-2025.svg"); background-position: center left; background-repeat: no-repeat; background-size: contain; z-index: 10;}
footer .bg-gradient-red-top p{margin: 0; position: absolute; bottom: 60px; right: 12.6667%;}

footer .content{padding: 60px 0;}
footer .content p:not(first-child){margin-top: .5em;}
footer .content p:not(last-child){margin-bottom: .5em;}
footer .content a.hover{font-weight: 700;}

/*cookie consent*
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:800px; border:solid 1px #A8CF46;}
.termsfeed-com---nb .cc-nb-title {color: #4A4A4A; font-family: 'Montserrat', sans-serif; font-size:32px;}
.termsfeed-com---nb .cc-nb-text{color: #4A4A4A;}
.cc-nb-main-container{background-color:#EDEDED; font-family: 'Montserrat', sans-serif; font-size:18px;}
.cc-nb-okagree{background-color:#A8CF46!important; color:#FFFFFF!important;}
.cc-nb-reject{background-color:#C41F21; color:#FFFFFF!important;}
.cc-nb-changep{background-color:#00AFF0!important; color:#FFFFFF!important;}

/*estruturais*/
section{padding:0 3.8%; position: relative;}
.standard .content{padding: 120px 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:top;}
.column-2 {width:48.1%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:0;}
.column-3 {width:30.8%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-3:nth-child(3n), .column-3:last-child{margin-right:0;}
.column-4 {width:22.15%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}

/*específicas*/
.grifado::after{content: ""; display: block; margin: .2em 0 .5em 0; width: 3em; height: .3em;}
.grifado:not(:first-child) {margin-top: 2em;}
.grifado:last-child::after{margin: .2em 0 0 0;}
.grifado.blue::after{background-color: #B13217;}
.grifado.red::after, .grifado.white::after{background-color: #006D8A;}
.grifado.text-center::after{margin: .2em auto 1em auto;}
.grifado.text-center:last-child::after{margin: .2em auto 0 auto;}
.grifado span{display: block; font-size: .5em; font-weight: 400; line-height: .8em;}

/*cores*/
.white{color:#FFFFFF;}
.gray{color:#1D1D1B;}
.blue{color:#006D8A;}
.blue-l{color:#9CBCCD;}
.blue-ll{color:#81ADC1;}
.blue-lll{color:#F3F7F9;}
.blue-d{color:#004F64;}
.red{color:#B13217;}
.red-d{color:#82260A;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-gray{background-color:#1D1D1B;}
.bg-blue{background-color:#006D8A;}
.bg-blue-l{background-color:#81ADC1;}
.bg-blue-ll{background-color:#9CBCCD;}
.bg-blue-lll{background-color:#F3F7F9;}
.bg-blue-d{background-color:#004F64;}
.bg-red{background-color:#B13217;}
.bg-red-d{background-color:#82260A;}
.bg-gradient-blue-top{background: linear-gradient(to top,  #004f64 0%,#006d8A 100%);}
.bg-gradient-red-top{background: linear-gradient(to top,  #82260A 0%,#B13217 100%);}
.bg-gradient-blue-bottom{background: linear-gradient(to bottom,  #004f64 0%,#006d8A 100%);}
.bg-gradient-red-bottom{background: linear-gradient(to bottom,  #82260A 0%,#B13217 100%);}
.bg-image{background-size: cover; background-repeat: no-repeat; background-position: center;}

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

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

.button{display:inline-block; vertical-align:middle; position:relative; line-height:1em; overflow: hidden;}
.button.hover{opacity:0.25;}
.button + .button{margin-left: 20px;}

.button .label{display:inline-block; vertical-align:middle; text-align:center;}
.button.large .label{font-size:1em; line-height:20px; padding:20px 1.5em;}
.button.medium .label{font-size:.9em; line-height:16px; padding:12px 1.5em;}
.button.small .label{font-size:.8em; line-height:14px; padding:8px 1.5em;}
.button.tiny .label{font-size:.7em; line-height:12px; padding:4px 1.5em;}
.button .pict + .label{padding-right:1.5em; padding-left:.5em;}

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

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

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

.pict.white.whatsapp{background-position:0% 0%;}
.pict.white.fone{background-position:10% 0%;}
.pict.white.email{background-position:20% 0%;}
.pict.white.local{background-position:30% 0%;}
.pict.white.home{background-position:40% 0%;}
.pict.white.data{background-position:50% 0%;}
.pict.white.inscricoes{background-position:60% 0%;}
.pict.white.facebook{background-position:70% 0%;}
.pict.white.instagram{background-position:80% 0%;}
.pict.white.link{background-position:90% 0%;}
.pict.white.mais{background-position:0% 20%;}
.pict.white.menos{background-position:10% 20%;}
.pict.white.fechar{background-position:20% 20%;}
.pict.white.check{background-position:30% 20%;}
.pict.white.anterior{background-position:40% 20%;}
.pict.white.seguinte{background-position:50% 20%;}
.pict.white.topo{background-position:60% 20%;}
.pict.white.base{background-position:70% 20%;}

.pict.red.whatsapp{background-position:0% 40%;}
.pict.red.fone{background-position:10% 40%;}
.pict.red.email{background-position:20% 40%;}
.pict.red.local{background-position:30% 40%;}
.pict.red.home{background-position:40% 40%;}
.pict.red.data{background-position:50% 40%;}
.pict.red.inscricoes{background-position:60% 40%;}
.pict.red.facebook{background-position:70% 40%;}
.pict.red.instagram{background-position:80% 40%;}
.pict.red.link{background-position:90% 40%;}
.pict.red.mais{background-position:0% 60%;}
.pict.red.menos{background-position:10% 60%;}
.pict.red.fechar{background-position:20% 60%;}
.pict.red.check{background-position:30% 60%;}
.pict.red.anterior{background-position:40% 60%;}
.pict.red.seguinte{background-position:50% 60%;}
.pict.red.topo{background-position:60% 60%;}
.pict.red.base{background-position:70% 60%;}

.pict.blue.whatsapp{background-position:0% 80%;}
.pict.blue.fone{background-position:10% 80%;}
.pict.blue.email{background-position:20% 80%;}
.pict.blue.local{background-position:30% 80%;}
.pict.blue.home{background-position:40% 80%;}
.pict.blue.data{background-position:50% 80%;}
.pict.blue.inscricoes{background-position:60% 80%;}
.pict.blue.facebook{background-position:70% 80%;}
.pict.blue.instagram{background-position:80% 80%;}
.pict.blue.link{background-position:90% 80%;}
.pict.blue.mais{background-position:0% 100%;}
.pict.blue.menos{background-position:10% 100%;}
.pict.blue.fechar{background-position:20% 100%;}
.pict.blue.check{background-position:30% 100%;}
.pict.blue.anterior{background-position:40% 100%;}
.pict.blue.seguinte{background-position:50% 100%;}
.pict.blue.topo{background-position:60% 100%;}
.pict.blue.base{background-position:70% 100%;}

.destaque{display:inline-block; background-repeat:no-repeat; background-size:500% auto; margin: 0 auto; background-image:url("../images/svg/destaques.svg"); position: relative;}

.destaque.jean-pierre{background-position: 0% 0%;}
.destaque.conferencias{background-position: 25% 0%;}
.destaque.workshops{background-position: 50% 0%;}
.destaque.conhecimento{background-position: 75% 0%;}
.destaque.imersao{background-position: 100% 0%;}

.flags{display: inline-block; width: 40px; height: 40px; background-size: 500% auto; background-repeat: no-repeat; font-size: 0;}
.no-webp .flags, .no-js .flags{background-image:url("../images/estaticas/flags.jpg");}
.webp .flags{background-image:url("../images/estaticas/flags.webp");}
.flags.alemanha{background-position:0% 0%;}
.flags.brasil{background-position:25% 0%;}
.flags.canada{background-position:50% 0%;}
.flags.dinamarca{background-position:75% 0%;}
.flags.espanha{background-position:100% 0%;}
.flags.eua{background-position:0% 50%;}
.flags.franca{background-position:25% 50%;}
.flags.holanda{background-position:50% 50%;}
.flags.inglaterra{background-position:75% 50%;}
.flags.italia{background-position:100% 50%;}
.flags.portugal{background-position:0% 100%;}

/*variáveis*/
.alpha{transition:opacity 1s;}
.alpha:hover{opacity:.5;}

.gallery li{width:30.8%; margin:3.8% 3.8% 0 0; display:inline-block; vertical-align:top;}
.gallery li:nth-child(3n), .gallery li:last-child{margin-right:0;}
.gallery li a{display: block;}
.gallery li a.zoom{cursor: zoom-in;}
.gallery li a.zoom .bg-image::after{content: ""; position: absolute; bottom: 10px; right: 10px; display: block; width: 30px; height: 30px; border-radius: 5px; background-color: #FFFFFF; border: solid 1px #009FE3; background-repeat:no-repeat; background-size:1100% auto; background-image:url(../images/svg/pictogramas.svg); background-position:90% 33.33%;}
.gallery li .bg-image{display: block; width: 100%; height: 100%; aspect-ratio:4/3; position: relative;}
.gallery li .bg-image.white{border: solid 1px #FFFFFF;}
.gallery li .bg-image.blue-b{border: solid 1px #009FE3;}
.gallery li .bg-image.gray{border: solid 1px #1D1D1B;}
.gallery li .legenda{display: block; margin: .5em 0 0 0;}

.palestrantes-list li{font-size: 28px; width:22.15%; line-height: 1.2em; margin:3.8% 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.palestrantes-list li:nth-child(4n), .palestrantes-list li:last-child{margin-right:0;}
.palestrantes-list li span{display: block;}
.palestrantes-list li span.bg-image{width: 60%; padding-bottom: 60%; margin: 0 auto -20px auto; position: relative; z-index: 10;}
.palestrantes-list li span.bg-image::after{content: ""; position: absolute; right: 20%; left: 20%; padding-bottom: .3em; bottom: -.15em; background-color: #FFFFFF;}
.palestrantes-list li span.flags{display: block; margin: 0 auto -20px auto; position: relative; z-index: 20;}
.palestrantes-list li span.flags::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: solid 1px #FFFFFF;}
.palestrantes-list li span.bg-blue{padding: .8em 0 1.2em 0; border-top: solid 1px #FFFFFF;}
.palestrantes-list li span.blue-ll{font-size: .6em; line-height: .7em;}
.palestrantes-list li span.pict.medium{margin: -20px auto 0 auto;}

.alunos-list li{font-size: 20px; width:48.1%; position:relative; display:inline-block; vertical-align:top; aspect-ratio:3/2;}
.alunos-list li + li{margin-left: 3.8%;}
.alunos-list li .bg-blue{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center;}
.alunos-list li .bg-blue span{display: block; max-width: 100%;}
.alunos-list li .bg-blue span span{margin-top: .7em; width: 100%;}
.alunos-list li .bg-blue strong{font-size: 1.3em;}

.atividades-list li strong{font-size: 1.4em;}
.atividades-list li + li{margin-top: 1em!important;}
.atividades-list span.red{font-size: 1.2em; display: inline-block; line-height: 40px; padding: 5px 0;}
.atividades-list .flags{margin-left: 15px;}

.box{padding: 40px;}

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

/* identificadores */
#header.hover{padding-bottom: 180px;}

#layer {padding: 230px 3.8% 50px 3.8%;}

/*formulários*/
#inscricoes input[type=text] {font-size:18px;}
#inscricoes textarea {font-size:18px;}
#inscricoes input[type=submit] {font-size:12px;}
#inscricoes select {font-size:18px;}

#inscricoes label{font-size: 18px;}
#inscricoes .atividades span:first-child{font-size: 18px;}

.no-webp header, .no-js header{background-image:url("../images/medium/banner-bisb-25.jpg");}
.webp header{background-image:url("../images/medium/banner-bisb-25.webp");}

header .blue.logo{padding:0 109px 0 3.8%;}
header .blue.logo a.bisb{top: 10px; bottom: 10px; width: 109px;}

header .red.logo{padding:0 3.8% 0 146px;}
header .red.logo a.bisb{top: 10px; bottom: 10px; width: 146px;}
header .red.logo .pict{margin: 30px 0;}
header .red.logo a + a{margin-left: 5px;}

header .data-local .white:not(.pict){font-size: 24px;}
header .data-local .blue{padding: 5px 10px 5px 3.8%;}
header .data-local .blue a + a{margin-left: 15px;}
header .data-local .red{padding: 5px 3.8% 5px 10px;}

header .header-content{bottom: 70px;}

header.hover{height: 180px;}
header.hover .red.logo .pict{margin: 10px 0;}

header.hover .data-local .white:not(.pict){font-size: 18px;}
header.hover .data-local .blue{padding: 0 10px 0 3.8%;}
header.hover .data-local .red{padding: 0 3.8% 0 10px;}

header.hover nav .reset-list li:first-child a{padding: 10px;}
header.hover nav .reset-list li:not(:first-child) a{padding: 10px 0;}

header.hover .header-content{top: 60px; bottom: 40px;}

nav .reset-list li:not(:first-child) + li{margin-left: 15px;}
nav .reset-list li:first-child a{padding: 30px 10px;}
nav .reset-list li:not(:first-child) a{font-size: 18px; padding: 30px 0;}
nav .reset-list li:hover a::after, nav .reset-list li a.hover::after{padding-bottom: 5px;}

section.principal iframe{margin: 50px auto;}
section.principal table.inscricoes td{font-size: 20px;}

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

section.por-que .reset-list li{font-size: 18px; margin-bottom: 50px;}

section.inscricao .content{padding: 50px 0;}

section.entidades .column-2:not(:last-child){margin-bottom: 50px;}
section.entidades .flex.nivel-1 a{height:150px;}
section.entidades .flex.nivel-2 a{height:100px;}

footer .bg-gradient-red-top{padding: 50px 3.8% 50px 0;}
footer .bg-gradient-red-top::before{top: 50px; height: 50px; left: -150px; width: 150px;}
footer .bg-gradient-red-top::after{top: 50px; height: 50px; width: 205px;}
footer .bg-gradient-red-top p{bottom: 50px; right: 3.8%;}

footer .content{padding: 50px 0;}

/*estruturais*/
.standard .content{padding: 100px 0;}

/*variáveis*/
.palestrantes-list li{font-size: 24px;}

.alunos-list li{font-size: 18px;}

.box{padding: 35px;}

}


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

/* identificadores */
#layer {padding: 220px 25px 40px 25px;}
#layer .scroll{right: 0; bottom:0; left: 0;}
#layer .bg-image.circle{width: 280px; padding-bottom: 278px; margin: 0 0 25px 25px;}
#layer .fechar{right:10px; margin-right: 0;}

#inscricao{right:25px; bottom:60px; width: 100px; height: 100px;}

/*formulários*/
#inscricoes input[type=text] {font-size:16px; padding:0 10px; margin:0 0 20px 0; height:40px; line-height:38px;}
#inscricoes textarea {font-size:16px; padding:10px; margin:0 auto 20px auto; line-height:20px;}
#inscricoes input[type=submit] {font-size:10px; height:40px;}
#inscricoes select {font-size:16px; padding:0 40px 0 10px; height:40px; line-height:40px;}

#inscricoes label{font-size: 16px; line-height: 20px; min-height: 20px;}

#inscricoes .atividades{margin-bottom: 20px;}
#inscricoes .atividades span:first-child{font-size: 16px; margin-bottom: 15px;}
#inscricoes .seletor span{width:40px; height:40px;}

.no-webp header, .no-js header{background-image:url("../images/small/banner-bisb-25.jpg");}
.webp header{background-image:url("../images/small/banner-bisb-25.webp");}

header .blue{width: 60%;}
header .blue.logo{padding:0 0 0 25px; height: 60px;}

header .red{width: 40%;}
header .red.logo{padding:0 5px 0 0; height: 60px;}
header .red.logo .pict{margin: 10px 0;}

header .data-local .white:not(.pict){font-size: 14px;}
header .data-local .blue{padding: 0 10px 0 25px;}
header .data-local .blue a + a{margin-left: 10px;}
header .data-local .red{padding: 0 25px 0 10px;}

header .header-content{top: 60px; bottom: 40px; padding: 0 25px;}

header.hover .data-local .white:not(.pict){font-size: 14px;}
header.hover .data-local .blue{padding: 0 10px 0 25px;}
header.hover .data-local .red{padding: 0 25px 0 10px;}

header.hover nav .reset-list li:first-child a{padding: 0 50px;}
header.hover nav .reset-list li:not(:first-child) a{padding: 0 50px;}

header .panel-button{display: inline-block; position: relative; vertical-align: middle; width: 40px; height: 40px; background-color: #074E87; margin-top: 10px; border: solid 1px #FFFFFF;}
header .panel-button span{display:block; position:absolute; height:2px; width:20px; left: 9px; 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: 60%;}

nav {width: 0; position:fixed; top:60px; left:0; overflow: hidden; bottom:0; display: flex; flex-direction: column; justify-content: center; align-items: center; background: linear-gradient(to bottom,  rgba(0,79,100,0.95) 0%,rgba(0,109,138,0.95) 100%); z-index: 100; transition: width 1s;}
nav .reset-list{margin:0; padding:0; list-style:none; display:block; width: 100%;}
nav .reset-list li{display:block; width:100%; border-top:solid 1px #FFFFFF;}
nav .reset-list li:not(:first-child) + li{margin-left: 0;}
nav .reset-list li:last-child{border-bottom: solid 1px #FFFFFF;}
nav .reset-list li:first-child a{font-size: 20px; padding: 0 50px; line-height: 50px; height: 50px; transition: none; color: #FFFFFF;}
nav .reset-list li:first-child a .pict{display: none;}
nav .reset-list li:not(:first-child) a{font-size: 20px; padding: 0 50px; line-height: 50px; height: 50px; transition: none;}
nav .reset-list li a::after{top: 0; right: 0; left: auto; background-color: #B13217; transition: none;}
nav .reset-list li:hover a::after{padding-bottom: 0;}
nav .reset-list li a.hover::after{padding-bottom: 0; width: 50px;}

section.principal .palestrantes-list li:nth-child(3), section.principal .palestrantes-list li:nth-child(4){margin-top:40px;}

section.principal iframe{margin: 40px auto;}

section.principal table.inscricoes td{font-size: 18px;}

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

section.por-que .reset-list li{font-size: 16px; margin-bottom: 40px;}

section.inscricao .content{padding: 40px 0;}

section.entidades .column-2:not(:last-child){margin-bottom: 40px;}
section.entidades .flex.nivel-1 a{height:120px;}
section.entidades .flex.nivel-2 a{height:80px;}

footer{padding:0 25px;}
footer .bg-gradient-red-top{width: 40%; padding: 40px 25px 40px 0;}
footer .bg-gradient-red-top::before{top: 40px; height: 56px; left: -152px; width: 152px;}
footer .bg-gradient-red-top::after{top: 40px; height: 56px; left: 0; width: 204px;}
footer .bg-gradient-red-top p{bottom: 40px; right: 25px;}
footer .bg-gradient-red-top p .pict{display: block;}
footer .bg-gradient-red-top p .pict + .pict{margin-top: 10px;}

footer .content{padding: 40px 0;}
footer .column-3 + .column-3{margin-top: 20px;}

/*estruturais*/
section{padding:0 25px;}
.standard .content{padding: 80px 0;}
.content {max-width:800px;}
.article, .column-2, .column-3 {width:100%; margin:0; position:relative; display:block;}

/*variáveis*/
.alpha{transition:none;}
.alpha:hover{opacity:1;}

.palestrantes-list li{font-size: 20px; width:48.1%; margin:40px 3.8% 0 0;}
.palestrantes-list li:nth-child(2n), .palestrantes-list li:last-child{margin-right:0;}

.alunos-list li{font-size: 16px; aspect-ratio:1/1;}

.box{padding: 30px;}

}

@media screen and (max-width:600px) {
/*configurações*/
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size:20px;}
ul:not(.reset-list){padding-left: 20px;}

/* identificadores */
#header.hover{padding-bottom: 170px;}

#inscricao{right:15px; bottom:45px; width: 80px; height: 80px;}

#layer {padding: 200px 25px 30px 25px;}
#layer .grifado{text-align: center;}
#layer .grifado::after{margin: .2em auto 1em auto;}
#layer .bg-image.circle{width: 200px; padding-bottom: 198px; margin: 0 auto 25px auto; float: none; display: block;}

/*formulários*/
#inscricoes input[type=text] {display:block;}
#inscricoes input[type=submit] {float: none; display: block;}
#inscricoes input[type=text].email{width:100%; margin-right:0;}
#inscricoes input[type=text].celular{width:100%; margin-right: 0;}
#inscricoes input[type=text].fone{width:100%;}
#inscricoes input[type=text].cidade{width:100%; margin-right: 0;}

#inscricoes .seletor{margin-bottom: 20px;}
#inscricoes .seletor.profissao{width:100%;}
#inscricoes .seletor.uf{width:100%;}

header .red.logo{padding:0 5px 0 65px;}
header .red.logo a.bisb{width: 65px; background-size: auto 100%;}
header .red.logo .pict{margin: 15px 0;}

header.hover .red.logo .pict{margin: 15px 0;}
    
header.hover nav .reset-list li:first-child a{padding: 0 50px 0 25px;}
header.hover nav .reset-list li:not(:first-child) a{padding: 0 50px 0 25px;}

header .data-local .white:not(.pict){font-size: 10px; line-height: 30px;}
header .data-local .blue{padding: 0 5px 0 10px;}
header .data-local .blue a + a{margin-left: 0;}
header .data-local .red{padding: 0 10px 0 5px;}
    
header .header-content{bottom: 30px;}

header.hover{height: 170px;}

header.hover .data-local .white:not(.pict){font-size: 10px; line-height: 30px;}
header.hover .data-local .blue{padding: 0 5px 0 10px;}
header.hover .data-local .red{padding: 0 10px 0 5px;}

header.hover .header-content{bottom: 30px;}

nav .reset-list li:first-child a{padding: 0 50px 0 25px;}
nav .reset-list li:not(:first-child) a{padding: 0 50px 0 25px;}

section.principal .palestrantes-list li:nth-child(2), section.principal .palestrantes-list li:nth-child(3), section.principal .palestrantes-list li:nth-child(4){margin-top:30px;}

section.principal iframe{margin: 30px auto;}
section.principal .palestrantes-list li:first-child{margin:0;}
section.principal .scrolling{overflow-x:scroll; overflow-y: hidden; width:100%; scroll-behavior: smooth; position:relative;}
section.principal .scrolling table.inscricoes{min-width: 550px;}
section.principal .scrolling table.inscricoes td{font-size: 16px;}
section.principal table.inscricoes td:first-child{width: 140px;}

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

section.por-que .reset-list li{width:100%; margin-bottom: 30px; float: none;}
section.por-que .reset-list li:first-child{position: relative; left: auto; margin-left: 0; top: auto;}
section.por-que .reset-list li:nth-child(3){float: none;}
section.por-que .reset-list li:nth-child(4){clear: none; margin-bottom: 30px;}
section.por-que .reset-list li:nth-child(5){float: none;}

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

section.entidades .column-2:not(:last-child){margin-bottom: 30px;}
section.entidades .flex.nivel-1 a{height:90px;}
section.entidades .flex.nivel-2 a{height:60px;}

footer .bg-gradient-red-top{padding: 30px 25px 30px 0;}
footer .bg-gradient-red-top::before{top: 30px; height: 35px; left: -95px; width: 95px;}
footer .bg-gradient-red-top::after{top: 30px; height: 35px; width: 128px;}
footer .bg-gradient-red-top p{bottom: 30px;}

footer .content{padding: 30px 0;}
footer .content p{font-size: 14px;}
footer .content li{font-size: 14px;}

/*estruturais*/
.standard .content{padding: 60px 0;}
.content {max-width:480px;}

/*estáveis*/
.button + .button{margin: 20px auto 0 auto; display: block; max-width: 12em;}

.button.large .label{padding:10px 1.5em;}
.button.medium .label{padding:7px 1.5em;}
.button.small .label{padding:3px 1.5em;}
.button.tiny .label{padding:4px 1.5em;}

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

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

/*variáveis*/
.palestrantes-list li{width:100%; margin:30px 0 0 0;}
.palestrantes-list li span.bg-blue{padding: 1em 0 1.5em 0;}

.alunos-list li{width:100%; max-height: 220px;}
.alunos-list li + li{margin-left: 0; margin-top: 30px;}
}