@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;}
div::after, ol::after, form::after, dl::after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
h1, h2, h3, h4, h5, h6{line-height:1.2em;font-weight:400;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0; padding-bottom:0;}
h1{font-size:36px;}
h2{font-size:32px;}
h2 span{font-size:.6em; display:block;}
h3{font-size:28px;}
h3 span{font-size:.6em; display:block;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:16px;}
p{font-size:18px; line-height:1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:22px;}
.legenda{font-size:14px;}
a{text-decoration:none;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}

/* 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: 'Roboto', sans-serif; font-weight:300;}
#container {margin:0; padding-top:181px; padding-right:0; padding-left:0; height:100%; min-height:100%; height:auto !important; position:relative; background:#FFFFFF; overflow-x:hidden;-webkit-transition:padding 2s; -moz-transition:padding 2s; -ms-transition:padding 2s; transition:padding 2s;}
#container.hover {padding-top:135px;}

#header {padding:0 2%; position:fixed; top:0; width:100%; font-size:0; z-index:100; text-align:right; background-color:#FFFFFF; border-bottom:solid 1px #91CBAC; -webkit-transition:padding 2s; -moz-transition:padding 2s; -ms-transition:padding 2s; transition:padding 2s;}
#header .bg-gray{font-size:14px; position:absolute; left:0; top:0; width:100%; padding:5px 4%; z-index:20;}
#header .pict.gray:not(.email){margin-left:20px;}
#header .logo{float:left; width:20%; height:110px; margin:55px 0 15px 0; background-image:url(../images/dr-roberto-coral.png); background-repeat:no-repeat; background-position:center left; background-size:contain; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s;}/*controla a altura do header*/
#header .button{font-size:14px;}

#header.hover .logo{height:85px;  margin:50px 0 10px 0;}
#header.hover #nav{margin:75px 0 0 0;}

#nav{display:inline-block; margin:90px 0 0 0; padding:0; list-style:none; font-size:0; -webkit-transition:margin 2s; -moz-transition:margin 2s; -ms-transition:margin 2s; transition:margin 2s;}
#nav li{display:inline-block; vertical-align:middle; position:relative; text-align:left; margin-right:20px;}
#nav li a.gray{display:block; position:relative; font-size:14px; line-height:15px; padding:5px 0; white-space:nowrap; font-weight:300; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s;}
#nav li .pict{display:inline-block; width:20px; padding-bottom:20px; margin-top:-5px;}

#nav li:hover a.gray, #nav li a.gray.hover{color:#91CBAC;}
#nav li:hover ul {margin:0; padding:10px 20px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}
#nav li:first-child:hover ul{width:230px; height:260px;}
#nav li:nth-child(3):hover ul{width:185px; height:80px;}
#nav li:nth-child(4):hover ul{width:210px; height:110px;}
#nav li:nth-child(5):hover ul{width:200px; height:110px;}
#nav li:nth-child(6):hover ul{width:140px; height:170px;}

#nav li ul {display:block; z-index:10; height:0; width:0; overflow:hidden; position:absolute; left:0; margin:0; padding:0;  list-style-type:none; background-color:#91CBAC; border-radius:0 5px 5px 5px; -khtml-border-radius:0 5px 5px 5px; -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px 5px 5px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}
#nav li ul li{width:100%!important; display:block;}
#nav li ul li a{display:block; white-space:nowrap; line-height:30px; font-size:14px; color:#FFFFFF; font-weight:300; -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:#106355;}

/*banners*/
#banner {display:block; width:100%; min-width:100%; margin:0; padding:0; list-style:none; z-index:0; position:relative; border-bottom:solid 1px #FFFFFF; z-index:10; aspect-ratio: 3/2}
#banner li {display: flex; flex-direction: column; justify-content: center; width:100%; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; position:absolute; top:0; right: 0; bottom: 0; left:0;  padding:0 12%;}
#banner li.dr-roberto{background-image:url(../images/_large/banner-roberto-vina-coral-2025.jpg); background-position:top 100px right; align-items: flex-start; align-content: flex-start;}
#banner li.cirurgia-bariatrica{background-image:url(../images/_large/banner-bariatrica-2025.jpg); background-position:top 80px left; align-items: flex-end; align-content: flex-end;}
#banner li.cirurgia-aparelho{background-image:url(../images/_large/banner-geral-2025.jpg); background-position:bottom left;align-items: flex-end; align-content: flex-end;}

#banner h1{font-weight:400; margin:0;}
#banner h1 .green{display:block; font-size:.6em;}
#banner .round.text-center{display:block; padding:30px 70px 40px 70px; background-color:rgba(171,214,190,.7); position:relative;}

#banner .pict{position:absolute;}
#banner .pict.openquote{top:0; left:10px;}
#banner .pict.closequote{top:0; right:10px;}
#banner .pict.more{left:50%; margin-left:-30px; bottom:-30px;}

#section-especialidades{position:relative; border-top:solid 1px #91CBAC;}
#section-especialidades .content{padding:6% 0;}
#section-especialidades h2{margin-bottom:0;}
#section-especialidades h2::after{content:""; display:block; margin:.5em auto 0 auto; width:50px; height:2px; background-color:#ABD6BE;}
#section-especialidades ul{margin:0; padding:0; font-size:0; list-style:none;}
#section-especialidades ul li{display:inline-block; vertical-align:text-top; padding:0 4%; width:50%; position:relative;}
#section-especialidades ul li p:last-child{padding-bottom:40px;}
#section-especialidades ul li .especialidades{width:35%; padding-bottom:35%;}
#section-especialidades ul li .button{position:absolute; bottom:0; width:140px; left:50%; margin-left:-70px;}
#section-especialidades ul li br{display:none;}

#section-perfil{position:relative; padding:0 4%;}
#section-perfil .content{padding:6% 0; text-align:center;}
#section-perfil .column-2{text-align:left;}
#section-perfil h3::after{content:""; display:block; margin:.5em 0 0 0; width:50px; height:2px; background-color:#ABD6BE;}
#section-perfil .entidade img{height:80px;}
#section-perfil .entidade + .entidade{margin-left:10%;}

#section-agendamento{position:relative; padding:0 4%;}
#section-agendamento .content{padding:6% 0;}
#section-agendamento .column-2{vertical-align:middle;}
#section-agendamento .column-2:last-child{text-align:right;}

#section-depoimentos{position:relative; padding:0 4%; background-image:url(../images/bg-diagonal.png);}
#section-depoimentos .content{padding:6% 0;}
#section-depoimentos .depoimentos li{margin-bottom:0;}

#footer{padding-left:4%; padding-right:4%; width:100%; position:absolute; left:0; bottom:0; font-size:0; z-index:10; overflow:hidden; border-top:solid 1px #FFFFFF;}
#footer .content{padding:6% 0;}
#footer .column-4 .column:not(:last-child){padding-bottom:40px;}
#footer .column-4:first-child{min-height: 580px;}
#footer .column-4 .logo{display:block;  height:110px; background-image:url(../images/dr-roberto-vina-coral.png); background-repeat:no-repeat; background-size:contain; background-position:top left;}
#footer .column-4 span.gray-l{position:absolute; bottom:0; text-align:center;}
#footer .column-4 span.image.circle{display:block; margin:0 auto 10% auto; background-image:url(../images/_large/dr-roberto-vina-coral-2025.png); width:80%; padding-bottom:80%;}
#footer .column-4 h6{margin-bottom:1em;}
#footer .column-4 ul{margin:0; padding:0 0 0 15px;}
#footer .column-4 ul li{font-size:14px; padding-bottom:.7em;}
#footer .column-4 ul li:last-child{padding-bottom:0;}
#footer .column-4 .hover{color:#ABD6BE;}
#footer .column-4 p span:not(.label){display:inline-block; font-size:.8em; vertical-align:text-top; line-height:1.5em;}

#section-titulo{position:relative; padding:5% 4%; background-size:cover; background-repeat:no-repeat; border-top:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF;}
#section-titulo::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.6); z-index:1;}
#section-titulo.bariatrica{background-image:url(../images/_large/banner-bariatrica-2025.jpg); background-position:center top 25%}
#section-titulo.aparelho{background-image:url(../images/_large/banner-geral-2025.jpg); background-position:center top 50%}

#section-titulo h1{position:relative; z-index:10;}
#section-titulo span{display:block; font-size:.5em; font-weight:400;}

#section-principal {padding:0 4%;}
#section-principal .content{padding:90px 0;}
#section-principal .content iframe{aspect-ratio: 4/3;}
#section-principal .content li{font-size:18px; line-height:1.5em; padding-bottom:.5em;}

#section-principal .content.dinamico .article{display:block; margin:auto;}
#section-principal .content.dinamico h3 span{display:inline-block; font-size:0.5em; line-height:1.8em; font-weight:300;}
#section-principal .content.dinamico img{max-width:100%; display:block; margin:auto; border:solid 1px #ABD6BE; border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#section-principal .content.dinamico img.vertical{max-width:48%; float:right; margin:0 0 4% 4%;}
#section-principal .content.dinamico iframe{display:block; width:100%; margin:5% auto; overflow:hidden;}
#section-principal .content.dinamico a.share{font-weight:normal; color:#FFFFFF;}

#section-principal h2.green::after, #section-principal h3.green::after, #section-principal h5.green::after{content:""; display:block; margin:.5em auto 0 auto; width:50px; height:2px; background-color:#ABD6BE;}
#section-principal .text-left h2.green:not(.text-center)::after, #section-principal .text-left h3.green:not(.text-center)::after, #section-principal .text-left h5.green:not(.text-center)::after{margin:.5em auto 0 0;}

/*exceções*/
#section-principal .column-2.text-left.bg-gray-el.round{margin-top:4%; margin-bottom:4%;} /*colunas tecnicas*/
#section-principal .column-2.text-left.bg-gray-el.round span{padding:30px; display:block;} /*colunas tecnicas*/
#section-principal .column-2 + iframe{margin-top:4%;} /*iframe mapas*/
#section-principal .column-3.round.bg-green-l{padding:1px; overflow:hidden;}/*imagens ilustrativas*/
#section-principal .column-3.round.bg-green-l.float-right{margin:0 0 5% 5%;}/*imagens ilustrativas*/

#section-principal span.bg-gray-el.round{padding:25px; display:block;} /*tecnicas guia definitivo*/
#section-principal .bg-gray-el.round + .bg-gray-el.round{margin-top:4%;}
#section-principal p + h3, #section-principal .bg-gray-el.round + h3{margin-top:8%;}
#section-principal p.text-center:last-child .button:last-child{margin-top:3em;}/*botão calcule imc*/
#section-principal p .imc.circle.white.bg-green{display: flex; justify-content: center; align-items: center; margin:auto; width:30%; height:100%; font-size:3em; font-weight:400;}
#section-principal p .pict.medium.green.local + span{display:inline-block; vertical-align:top;}
#section-principal .depoimentos li{background-color:#BBBBBB; box-shadow:0 0 10px #BBBBBB; padding-bottom:0;}

#aviso{position:fixed; bottom:-300px; right:30px; text-align:center; padding:15px; z-index:100; border-radius:15px 15px 0 0; -khtml-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; border-top:solid 1px #FFFFFF; border-right:solid 1px #FFFFFF; border-left:solid 1px #FFFFFF; max-width:260px; box-shadow: 0 0 7px #000000; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s;}
#aviso h5{margin:0 auto;}
#aviso p{margin:.5em auto 0 auto;}
#aviso.hover{display:none; visibility:hidden;}
#aviso .fechar{position:absolute; right:-20px; top:-20px;}

/*cookie consent*/
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:800px; border:solid 1px #91CBAC;}
.termsfeed-com---nb .cc-nb-title {color: #002B60 !important;}
.cc-nb-okagree{background-color:#106355!important; color:#FFFFFF!important;}
.cc-nb-reject{background-color:#494948!important; color:#FFFFFF!important;}
.cc-nb-changep{background-color:#91CBAC!important; color:#FFFFFF!important;}

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

#form input[type=text] {font-size:18px; font-weight:300; display:block; width:48%; background:none; border:solid 1px #91CBAC; padding:0 5px; margin:0 auto 30px auto; height:50px;line-height:48px;}
#form textarea{font-size:18px; font-weight:300; display:block; width:48%; background:none; border:solid 1px #91CBAC; padding:10px; margin:0 auto; line-height:25px; min-height:290px;}
#form input[type=submit] {font-size:12px; margin:0 auto; font-weight:300; width:48%; padding:0; border:none; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; height:50px;}

#categorias{position:absolute; width:30%; left:0; bottom:90px; background-color:#ABD6BE; z-index:10}
#categorias::before{content:""; display:block; width:50px; height:50px; background-image:url(../images/pictogramas.png); background-repeat:no-repeat; background-size:1100% auto; background-position:40% 100%; position:absolute; right:0; top:0; z-index:1;}
#categorias select {font-size:18px; font-weight:300; font-family: 'Roboto', sans-serif; display:block; width:100%; position:relative; padding:0 50px 0 20px; margin:0; height:50px; line-height:50px; border:none; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer; background:none; z-index:10;}
#categorias select *{height:40px; padding-top:5px; margin:0;}

/*estruturais*/
.content {margin:auto; width:100%; max-width:1200px; position:relative; font-size:0;}
.article {width:65.4%; margin:auto; position:relative; display:inline-block; vertical-align:text-top;}
.column-2 {width:48%; margin:0 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.6%; margin:0 4% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.column-3:nth-child(3n), .column-3:last-child{width:30.6%; margin-right:0;}
.column-4 {width:22%; margin:0 4% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}

/*fontes*/
.roboto{font-family: 'Roboto', sans-serif;}
.handlee{font-family: 'Handlee', cursive;}

/*cores*/
.white{color:#FFFFFF;}
.green{color:#106355;}
.green-l{color:#91CBAC;}
.green-el{color:#ABD6BE;}
.gray{color:#494948;}
.gray-l{color:#BBBBBB;}
.gray-el{color:#F9F9F9;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-green{background-color:#106355;}
.bg-green-l{background-color:#91CBAC;}
.bg-green-el{background-color:#ABD6BE;}
.bg-gray{background-color:#494948;}
.bg-gray-l{background-color:#BBBBBB;}
.bg-gray-el{background-color:#F9F9F9;}

/*gerais*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.round{border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.circle{border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-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;}

.image{display:block; background-position:center; background-repeat:no-repeat; background-size:contain;}
.image.dr-roberto{padding-bottom:100%; background-image:url(../images/_large/dr-roberto-2025.png);}
.image.dr-roberto-coral{padding-bottom:100%; background-image:url(../images/_large/dr-roberto-coral-2025.png);}
.image.videolaparoscopia{background-image:url(../images/_large/img-videolaparoscopia.jpg); padding-bottom:150%;}
.image.robotica{background-image:url(../images/_large/img-robotica.jpg); padding-bottom:75%;}
.image.esofago{background-image:url(../images/_large/img-esofago.jpg); padding-bottom:133%;}
.image.estomago{background-image:url(../images/_large/img-estomago.jpg); padding-bottom:91%;}
.image.intestinos{background-image:url(../images/_large/img-intestinos.jpg); padding-bottom:103.5%;}
.image.vesicula{background-image:url(../images/_large/img-vesicula.jpg); padding-bottom:77.5%;}
.image.pancreas{background-image:url(../images/_large/img-pancreas.jpg); padding-bottom:100%;}
.image.bmh{background-image:url(../images/hospital-blanc-medplex.jpg); padding-bottom:70%;}
.image.hsc{background-image:url(../images/hospital-santa-casa.jpg); padding-bottom:70%;}
.image.hmv{background-image:url(../images/hospital-moinhos-de-vento.jpg); padding-bottom:70%;}
.image.e-book{background-image:url(../images/_large/img-e-book-cirurgia-bariatrica-dr-roberto-coral.png); width:48%; padding-bottom:48%; display:inline-block; vertical-align:middle;}
.image.e-book + span{display:inline-block; vertical-align:middle; width:48%;  margin-left:4%; text-align:left;}

.button{display:inline-block; vertical-align:middle; position:relative; overflow:hidden; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.button .label{display:inline-block; vertical-align:middle; position:relative; padding:5px 1em;}

.button.large .label{line-height:40px; font-size:1.2em}
.button.medium .label{line-height:30px;}
.button.small .label{line-height:20px; font-size:0.6em;}
.button.tiny .label{line-height:10px; font-size:0.4em;}

a.button:hover{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}

.pict{display:inline-block; vertical-align:middle; background-image:url(../images/pictogramas.png); background-repeat:no-repeat; background-size:1100% auto; background-position:100% 100%;}
.pict span{display: flex; justify-content: center; align-items: center; margin:auto; width:100%; height:100%; font-size:1.5em; font-weight:400;}

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

.pict.gray.whats{background-position:0% 0%;}
.pict.gray.fone{background-position:10% 0%;}
.pict.gray.email{background-position:20% 0%;}
.pict.gray.home{background-position:30% 0%;}
.pict.gray.local{background-position:40% 0%;}
.pict.gray.facebook{background-position:50% 0%;}
.pict.gray.instagram{background-position:60% 0%;}
.pict.gray.agenda{background-position:70% 0%;}
.pict.gray.imc{background-position:80% 0%;}
.pict.gray.openquote{background-position:90% 0%;}
.pict.gray.closequote{background-position:100% 0%;}
.pict.gray.more{background-position:0% 20%;}
.pict.gray.less{background-position:10% 20%;}
.pict.gray.close{background-position:20% 20%;}
.pict.gray.top{background-position:30% 20%;}
.pict.gray.bottom{background-position:40% 20%;}
.pict.gray.prev{background-position:50% 20%;}
.pict.gray.next{background-position:60% 20%;}
.pict.gray.site{background-position:70% 20%;}
.pict.gray.download{background-position:80% 20%;}
.pict.gray.youtube{background-position:90% 20%;}

.pict.green.whats{background-position:0% 40%;}
.pict.green.fone{background-position:10% 40%;}
.pict.green.email{background-position:20% 40%;}
.pict.green.home{background-position:30% 40%;}
.pict.green.local{background-position:40% 40%;}
.pict.green.facebook{background-position:50% 40%;}
.pict.green.instagram{background-position:60% 40%;}
.pict.green.agenda{background-position:70% 40%;}
.pict.green.imc{background-position:80% 40%;}
.pict.green.openquote{background-position:90% 40%;}
.pict.green.closequote{background-position:100% 40%;}
.pict.green.more{background-position:0% 60%;}
.pict.green.less{background-position:10% 60%;}
.pict.green.close{background-position:20% 60%;}
.pict.green.top{background-position:30% 60%;}
.pict.green.bottom{background-position:40% 60%;}
.pict.green.prev{background-position:50% 60%;}
.pict.green.next{background-position:60% 60%;}
.pict.green.site{background-position:70% 60%;}
.pict.green.download{background-position:80% 60%;}
.pict.green.youtube{background-position:90% 60%;}

.pict.white.whats{background-position:0% 80%;}
.pict.white.fone{background-position:10% 80%;}
.pict.white.email{background-position:20% 80%;}
.pict.white.home{background-position:30% 80%;}
.pict.white.local{background-position:40% 80%;}
.pict.white.facebook{background-position:50% 80%;}
.pict.white.instagram{background-position:60% 80%;}
.pict.white.agenda{background-position:70% 80%;}
.pict.white.imc{background-position:80% 80%;}
.pict.white.openquote{background-position:90% 80%;}
.pict.white.closequote{background-position:100% 80%;}
.pict.white.more{background-position:0% 100%;}
.pict.white.less{background-position:10% 100%;}
.pict.white.close{background-position:20% 100%;}
.pict.white.top{background-position:30% 100%;}
.pict.white.bottom{background-position:40% 100%;}
.pict.white.prev{background-position:50% 100%;}
.pict.white.next{background-position:60% 100%;}
.pict.white.site{background-position:70% 100%;}
.pict.white.download{background-position:80% 100%;}
.pict.white.youtube{background-position:90% 100%;}

.paginador{padding-top:6%;}
.paginador *{display:inline-block; vertical-align:middle; margin:0 1%;}

.posts{display:block; width:100%; margin:0; padding:0; list-style:none; font-size:0;}
.posts li{width:30.6%; margin:0 4% 4% 0; display:inline-block; position:relative; vertical-align:text-top; padding:0; border:solid 1px #91CBAC; background-repeat:no-repeat; background-position:center; background-size:cover; box-shadow:0 0 10px #BBBBBB;}
.posts li:nth-child(3n), .posts li:last-child{margin-right:0;}
.posts li::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:rgba(255,255,255,.85); z-index:0; -webkit-transition:background 1s; -moz-transition:background 1s; -ms-transition:background 1s; transition:background 1s;}
.posts li:hover::after{background-color:rgba(145,203,172,.95);}
.posts li a{padding:30px 30px 40px 30px; display:block; height:100%; position:relative; z-index:10;}
.posts li h3{margin:0 0 0.7em 0; line-height:1em;}
.posts li h3 .green-el{display:block; font-size:0.5em; line-height:1em; font-weight:300; margin:0 0 0.5em 0;}
.posts li p{line-height:1.4em;}
.posts li .circle{position:absolute;}
.posts li .circle.more{bottom:-30px; right:30px;}

.sub-nav{display:block; margin:0; padding:0; font-size:0; text-align:center;}
.sub-nav li{display:inline-block; vertical-align:middle; font-size:16px;}
.sub-nav li:first-child{width:11.7%;}
.sub-nav li:nth-child(2){width:13.4%;}
.sub-nav li:nth-child(3){width:10.5%;}
.sub-nav li:nth-child(4){width:6.9%;}
.sub-nav li:nth-child(5){width:17.2%;}
.sub-nav li:nth-child(6){width:17.7%;}
.sub-nav li:nth-child(7){width:8.3%;}
.sub-nav li:last-child{width:14.3%;}
.sub-nav li a{padding:15px 0; line-height:20px; display:block; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s;}
.sub-nav li a:hover, .sub-nav li a.hover{color:#106355;}

.depoimentos{margin:0; padding:0; font-size:0; list-style:none;}
.depoimentos li{width:30.7%; margin:0 4% 4% 0; position:relative; display:inline-block; vertical-align:text-top; overflow:hidden;}
.depoimentos li:nth-child(3n), .depoimentos li:last-child{width:30.6%; margin-right:0;}
.depoimentos h6{padding:20px 40px 20px 0; margin:0; line-height:20px; white-space:nowrap; height:60px;}
.depoimentos p:not(:last-child){margin:1px 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: flex-start;}
.depoimentos p:not(:last-child) span{display:block; padding:40px;}
.depoimentos p:last-child{margin:0; padding:20px 0 20px 40px; white-space:nowrap; height:60px; background-color:#FFFFFF}/* o bg-white é usado para definir a altura no js */
.depoimentos p:last-child .pict{left:auto; right:0; top:auto; bottom:0;}
.depoimentos .pict{position:absolute; left:0; top:0;}

.especialidades{display:inline-block; vertical-align:middle; background-image:url(../images/especialidades.png); background-repeat:no-repeat; background-size:100% auto;}
.especialidades.bariatrica{background-position:0% 0%;}
.especialidades.aparelho{background-position:0% 100%;}

.entidade{display:inline-block; vertical-align:middle;}

.gallery {display:inline-block; width:21%; margin:2%; vertical-align:text-top; border:solid 1px #ABD6BE; cursor:zoom-in; padding:10px;}
.gallery span{display:block; width:100%; padding-bottom:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}

/*compartilhar*/
.share{display: inline-block;  padding:0 5px 0 25px; border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height: 20px; line-height:20px; background-image:url(../images/share.png); background-repeat:no-repeat; background-size:20px auto; color:#FFFFFF; font-weight:300; font-size:10px;}
.fb-share-button a {background-color:#4267B2; background-position:left 0;}
.wa-share-button {background-color:#57BA63; background-position:left -20px; margin-right:10px;}

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

#container {padding-top:151px;}

#header{position:absolute;}
#header .bg-gray{font-size:12px; padding:0 4%;}
#header .logo{width:50%; height:90px; margin:45px 0 15px 0;}/*controla a altura do header*/
#header .button{font-size:14px; vertical-align:middle; margin-top:65px;-webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s; z-index:20;}

#header .panel-button{display:inline-block; overflow:hidden; position:relative; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s; margin:65px 0 0 20px; vertical-align:middle;}
#header .panel-button span{display:inline-block; vertical-align:middle; position:relative; -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; border-style:solid; border-color:#ABD6BE; border-top-width:24px; border-bottom-width:24px; border-left-width:15px; border-right-width:15px; 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:#ABD6BE;}
#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:150px 20px 10px 20px; list-style:none; position:absolute; right:0; top:0px; width:340px; z-index:10; text-align:left; background-color:#91CBAC; border-radius:0 0 0 15px; -khtml-border-radius:0 0 0 15px; -moz-border-radius:0 0 0 15px; -webkit-border-radius:0 0 0 15px;}
#navMobile li{display:block; position:relative; width:100%; border:solid 1px #FFFFFF; border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px; background-color:#ABD6BE;}
#navMobile li a.gray{width:100%; line-height:40px; display:block; font-size:16px; padding:0 10px; color:#FFFFFF;}
#navMobile li a.gray.hover{color:#106355;}
#navMobile li a br{display:none;}

#navMobile li ul{margin:0; padding:0 10px; background:none;}
#navMobile li ul li{border:dotted 1px #FFFFFF; margin-bottom:10px; border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#navMobile li ul li a {font-size:15px; line-height:1.2em; padding:7px; display:block; color:#FFFFFF;}
#navMobile li ul li a.hover{color:#106355;}

/*banners*/
#banner li {background-attachment:scroll; padding:0 8%;}
#banner li.dr-roberto{background-image:url(../images/_medium/banner-roberto-vina-coral-2025.jpg); background-position:top right;}
#banner li.cirurgia-bariatrica{background-image:url(../images/_medium/banner-bariatrica-2025.jpg); background-position:top left;}
#banner li.cirurgia-aparelho{background-image:url(../images/_medium/banner-geral-2025.jpg); background-position:bottom left;}

#banner .round.text-center{display:block; padding:20px 60px 30px 60px;}

#banner .pict{width:50px; height:50px;}
#banner .pict.more{margin-left:-25px; bottom:-25px;}

#section-perfil .entidade img{height:70px;}
#section-perfil .entidade + .entidade{margin-left:7%;}

    #footer .column-4:first-child{min-height: 450px;}
#footer .column-4 .column:not(:last-child){padding-bottom:30px;}
#footer .column-4 .logo{height:90px;}

#section-titulo.bariatrica{background-image:url(../images/_large/banner-bariatrica-2025.jpg);}
#section-titulo.aparelho{background-image:url(../images/_large/banner-geral-2025.jpg);}

#section-principal .content{padding:75px 0;}
#section-principal .content li{font-size:16px;}

/*exceções*/
#section-principal .column-2.text-left.bg-gray-el.round span{padding:20px; display:block;} /*colunas tecnicas*/
#section-principal span.bg-gray-el.round{padding:20px;} /*tecnicas guia definitivo*/

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

#categorias{bottom:75px;}
#categorias::before{width:40px; height:40px;}
#categorias select {font-size:16px; padding:0 40px 0 15px; height:40px; line-height:40px;}

.button.large .label{line-height:30px;}
.button.medium .label{line-height:25px;}
.button.small .label{line-height:17px;}

.pict.large{width:50px; height:50px;}
.pict.medium{width:35px; height:35px;}
.pict.small{width:27px; height:27px;}

.depoimentos h6{padding:15px 20px 15px 0; height:50px;}
.depoimentos p:not(:last-child) span{padding:20px;}
.depoimentos p:last-child{margin:0; padding:15px 0 15px 20px; height:50px;}/* o bg-white é usado para definir a altura no js */

.posts li a{padding:20px 20px 30px 20px;}
.posts li .circle.more{right:20px;}

.sub-nav li{font-size:12px;}
.sub-nav li a{padding:10px 0;}

@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:12px;}
p{font-size:14px;}
.chamada{font-size:16px;}
.legenda{font-size:10px;}

#container {padding-top:141px;}

#header .logo{height:80px;}/*controla a altura do header*/
#header .button{margin-top:57px;}
#header .panel-button{margin:57px 0 0 20px;}

/*banners*/
#banner{max-height:600px;}
#banner li {padding:0;}
#banner li.dr-roberto{background-image:url(../images/_small/banner-roberto-vina-coral-2025.jpg); background-position:top center;}
#banner li.cirurgia-bariatrica{background-image:url(../images/_small/banner-bariatrica-2025.jpg); background-position:top center;}
#banner li.cirurgia-aparelho{background-image:url(../images/_small/banner-geral-2025.jpg); background-position:bottom center;}

#banner .round.text-center{display:block; position:absolute; bottom:0; left:0; right:0; padding:20px 60px 30px 60px; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}

#banner .pict{width:40px; height:40px;}
#banner .pict.more{margin-left:-20px; bottom:-20px;}

#section-especialidades .content{padding:8% 0;}
#section-especialidades ul li br{display:inline;}

#section-perfil .content{padding:8% 0;}
#section-perfil .column-2{text-align:center; margin-top:8%;}
#section-perfil .column-3{max-width:300px;}
#section-perfil h3::after{margin:.5em auto 0 auto;}
#section-perfil .button{margin-top:4%; margin-bottom:4%;}
#section-perfil .entidade + .entidade{margin-left:3%; margin-right:3%;}

#section-agendamento .column-2:last-child{margin-top:4%;}

#section-depoimentos .depoimentos li:not(:last-child){margin-bottom:5%;}

#footer .column-4:first-child{min-height: auto;}
#footer .column-4:nth-child(2), #footer .column-4:nth-child(3){display:inline-block; vertical-align:top; max-width:48%; margin:8% 4% 8% 0;}
#footer .column-4:nth-child(3){margin-right:0;}
#footer .column-4:last-child{max-width:100%;}

#footer .column-4 .column{width:50%; display:inline-block; vertical-align:text-top; padding-bottom:20px;}
#footer .column-4 .column:nth-child(3), #footer .column-4 .column:last-child{padding-bottom:0;}

#footer .column-4 .logo{display:block; margin:0 auto; background-position:center;}

#footer .column-4 span.gray-l{position:relative; text-align:center;}
#footer .column-4 span.image.circle{margin:30px auto; width:200px; padding-bottom:200px;}

#footer .column-4 ul li{font-size:12px;}
#footer .column-4 p span:not(.label){font-size:.9em;}

#section-titulo{padding:8% 4%;}

#section-titulo.bariatrica{background-image:url(../images/_large/banner-bariatrica-2025.jpg);}
#section-titulo.aparelho{background-image:url(../images/_large/banner-geral-2025.jpg);}

#section-principal .content{padding:60px 0;}
#section-principal .content li{font-size:14px;}

/*exceções*/
#section-principal .centralizar{text-align:center;}
#section-principal .column-2.text-left.bg-gray-el.round span{padding:15px;} /*colunas tecnicas*/
#section-principal .column-2 + .column-2, #section-principal .column-3 + .column-2 {margin-top:30px;}
#section-principal .column-3.round.bg-green-l{margin:0 auto 5% auto; max-width:250px;}/*imagens ilustrativas*/
#section-principal .column-3.round.bg-green-l.float-right{margin:0 auto 5% auto; float:none;}/*imagens ilustrativas*/
#section-principal .column-4.float-right{margin:0 auto 5% auto; max-width:250px; float:none;}
#section-principal span.bg-gray-el.round{padding:15px;} /*tecnicas guia definitivo*/
#section-principal span.column-3{max-width:150px; display:inline-block;}/*marcas hospitais*/

#aviso{padding:10px; max-width:200px;}
#aviso .fechar{position:absolute; right:-15px; top:-15px;}

/*formulários*/
#form input[type=text] {font-size:14px;}
#form textarea{font-size:14px;}

#categorias{bottom:60px; width:50%;}
#categorias select {font-size:14px;}

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

.depoimentos li{width:100%; margin:0 auto 5% auto; display:block; max-width:600px;}
.depoimentos li:nth-child(3n), .depoimentos li:last-child{width:100%; margin-right:auto;}
.depoimentos h6{padding:10px 20px 10px 0; height:40px;}
.depoimentos p:last-child{padding:10px 0 10px 20px; height:40px;}/* o bg-white é usado para definir a altura no js */
.depoimentos .pict{width:40px; height:40px;}

.posts li{width:100%; margin:0 auto 12% auto; display:block; max-width:600px;}
.posts li:nth-child(3n), .posts li:last-child{margin-right:auto;}

.sub-nav{display:none;}
.sub-nav li{display:none; font-size:0;}
}
@media screen and (max-width:600px) {
h1{font-size:22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

#container {padding-top:126px;}

#header .pict.gray:not(.email){margin-left:10px;}

#header .logo{height:80px; width:60%; margin:35px 0 10px 0;}/*controla a altura do header*/
#header .button{margin-top:50px;}
#header .button .label{font-size:0; display:block; width:50px; height:50px; padding:0; background-image:url(../images/pictogramas.png); background-repeat:no-repeat; background-size:1100% auto; background-position:70% 80%;}
#header .panel-button{margin:50px 0 0 10px;}

#navMobile {margin:0; padding:125px 20px 10px 20px; width:300px;}
#navMobile li a.gray{font-size:15px; line-height:1.2em; padding:7px 10px; display:block;}
#navMobile li ul li a {font-size:14px;}

#banner{max-height:450px;}
#banner li {padding:0;}
#banner li.dr-roberto{background-image:url(../images/_tiny/banner-roberto-vina-coral-2025.jpg);}
#banner li.cirurgia-bariatrica{background-image:url(../images/_tiny/banner-bariatrica-2025.jpg); background-position:top center;}
#banner li.cirurgia-aparelho{background-image:url(../images/_tiny/banner-geral-2025.jpg); background-position:bottom center;}

#section-especialidades{padding:0 8%;}
#section-especialidades .content{padding:12% 0;}
#section-especialidades h2{margin-bottom:12%;}
#section-especialidades ul li{display:block; width:100%; max-width:400px; margin-left:auto; margin-right:auto;}
#section-especialidades ul li + li{margin-top:12%;}

#section-perfil {padding:0 8%;}
#section-perfil .content{padding:12% 0;}
#section-perfil .column-3{max-width:200px;}

#section-agendamento{padding:0 8%;}
#section-agendamento .content{padding:8% 0;}
#section-agendamento .column-2, #section-agendamento .column-2:last-child{text-align:center;}

#section-depoimentos{padding:0 8%;}

#footer{padding:0 8%;}
#footer .column-4:nth-child(2), #footer .column-4:nth-child(3){display:block; max-width:400px; margin:20px auto;}
#footer .column-4:nth-child(3){margin-right:auto;}
#footer .column-4:last-child{max-width:400px;}

#footer .column-4 span.image.circle{margin:20px auto; width:150px; padding-bottom:150px;}

#footer .column-4 .column{width:100%;}
#footer .column-4 .column:nth-child(3){padding-bottom:20px;}

#section-principal {padding:0 8%;}
#section-principal .content iframe{aspect-ratio: 1/1;}
#section-principal .article ul, #section-principal .column-2 ul{padding-left:15px;}

/*exceções*/
#section-principal span.column-3{max-width:150px; display:block; margin:0 auto;}
#section-principal span.column-3 + span.column-3{margin-top:12%;}

#aviso{padding:10px; max-width:200px; right:50%; margin-right:-100px;}

/*formulários*/
#form input[type=text] {width:100%; float:none;}
#form textarea{width:100%; float:none; margin-bottom:20px;}
#form input[type=submit].float-right {float:none; display:block;}

#categorias::before{width:30px; height:30px;}
#categorias select {padding:0 45px 0 10px; height:30px; line-height:30px;}
#categorias select *{height:30px;}

/*estruturais*/
.article {max-width:400px;}
.column-2 {max-width:400px;}
.column-3 {max-width:400px;}
.column-4 {max-width:400px;}

.image.e-book{width:250px; padding-bottom:250px; margin:0 auto 30px auto; display:block;}
.image.e-book + span{display:block; width:100%; text-align:center; margin:auto;}

.depoimentos li{max-width:400px;}
.depoimentos h6{padding:10px 20px 10px 0; height:44px;}
.depoimentos p:last-child{padding:10px 0 10px 20px; height:44px;}/* o bg-white é usado para definir a altura no js */

.button.large .label{line-height:24px;}
.button.medium .label{line-height:22px;}
.button.small .label{line-height:14px;}

.pict.large{width:44px; height:44px;}
.pict.medium{width:32px; height:32px;}
.pict.small{width:24px; height:24px;}

.paginador{padding-top:12%;}
.paginador *{display:inline-block; vertical-align:middle; margin:0 1%;}
.paginador .pict{width:30px; height:30px;}

.depoimentos li{max-width:400px;}

.gallery {width:40%; margin:5%;}
}