@charset "UTF-8";
/*configurações*/
html {height:100%; scroll-behavior: smooth;}
*, *::before, *::after {box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{line-height:1em; font-weight:600; line-height:1.1em;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0;}
h1{font-size:42px;}
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:20px;}
p{font-size: 18px; line-height: 1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
ul li{font-size: 18px;}
ul.reset-list{margin:0; padding:0; font-size:0; list-style:none;}
ul.reset-list li{display:inline-block;}
.chamada{font-size:22px;}
.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;}
hr{border-top:dotted 1px #B7C9CF; border-right:none; border-bottom:none; border-left:none; margin:40px 0;}

/* id */
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; font-family: 'Open Sans', sans-serif; color:#6C6C6C; font-weight:400; min-width:360px;}
#container {margin:0; padding: 90px 0 820px 0; height:100%; min-height:100%; height:auto!important; position:relative; background:#FFFFFF; overflow-x:hidden; min-width:360px;}

header {position:fixed; top:0; z-index:150; padding:0 3.8%; width:100%; font-size:0; text-align:right; min-width:360px;}
header.hover{box-shadow:0 0 10px #000000;}

header .logo{margin:18px 0 0 0; float:left;}
header .button{font-size:15px; margin-right:15px;}
header .button.small .label{padding:0 .75em;}
header .button.small .pict + .label{padding:0 .75em 0 0;}

nav{display:inline-block; vertical-align:middle; margin:25px 0; position: relative; z-index: 10;}
nav ul li{display:inline-block; vertical-align:middle; position:relative; z-index:0; margin-right:15px;}
nav ul li .blue{display:block; position:relative; font-size:18px; line-height:40px; font-weight:600; cursor:pointer; z-index:10; transition:color 1s;}
nav ul li .blue::after{content:""; display:block; position:absolute; bottom:0; left:10%; width:80%; height:0; background-color:#3B6880; transition:height 1s;}
nav ul li:hover{z-index:5;}
nav ul li:hover .blue, nav ul li .blue.hover{color:#002B60;}
nav ul li:hover .blue::after, nav ul li .blue.hover::after{height:3px;}
nav ul li:hover ul{height: 209px;}
nav ul li:first-child:hover ul{height: 127px;}

nav ul li ul {height:0; position:absolute; left:10%; display:block; overflow:hidden; padding:0; list-style-type:none; transition:height 1s; z-index:20; text-align: left;}
nav ul li ul::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; border-bottom:solid 3px #3B6880;}
nav ul li ul li {display:block; width: 100%; position:relative; z-index:2; text-align:left; margin:1px 0 0 0;}
nav ul li ul li::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#79929C; z-index:0; opacity:.9;}
nav ul li ul li a{font-size:16px; white-space:nowrap; overflow:hidden; display:block; position:relative; padding:10px 20px; line-height:20px; transition:color 1s; font-weight:400;}
nav ul li ul li a:hover, nav li ul li a.hover{color:#B7C9CF;}

section.banner{position:relative; display:block; width: 100%; aspect-ratio:21/10; max-height: 700px; min-width:360px; overflow:hidden;}
section.banner .bg-image{position:absolute; top:0; right:0; bottom:0; left:0; margin:0; z-index:0; display:flex; flex-direction:column; justify-content:center; align-items:center; align-content:center; padding:0 3.8%;}
section.banner .bg-image:not(:first-child){display: none;}
section.banner .bg-image.clinica{background-image:url("../images/large/bg-banner-clinica.jpg"); background-image: image-set(url("../images/large/bg-banner-clinica.webp") type("image/webp"), url("../images/large/bg-banner-clinica.jpg") type("image/jpg"));}
section.banner .bg-image.bariatrica{background-image:url("../images/large/bg-cirurgia-bariatrica.jpg"); background-image: image-set(url("../images/large/bg-cirurgia-bariatrica.webp") type("image/webp"), url("../images/large/bg-cirurgia-bariatrica.jpg") type("image/jpg")); background-position:top left;}
section.banner .bg-image.videolaparoscopia{background-image:url("../images/large/bg-videolaparoscopia.jpg"); background-image: image-set(url("../images/large/bg-videolaparoscopia.webp") type("image/webp"), url("../images/large/bg-videolaparoscopia.jpg") type("image/jpg"));}
section.banner .bg-image.equipe{background-image:url("../images/large/bg-equipe.jpg"); background-image: image-set(url("../images/large/bg-equipe.webp") type("image/webp"), url("../images/large/bg-equipe.jpg") type("image/jpg"));}
section.banner .bg-image.avaliacao{background-image:url("../images/large/bg-banner-avaliacao-online.jpg"); background-image: image-set(url("../images/large/bg-banner-avaliacao-online.webp") type("image/webp"), url("../images/large/bg-banner-avaliacao-online.jpg") type("image/jpg"));}
section.banner .content{position:relative; z-index:3;}
section.banner h1{text-shadow:2px 2px 0 #333333;}
section.banner h1 + p{text-shadow:2px 2px 0 #333333;}
section.banner .button{border:solid 1px #FFFFFF;}

section.tratamentos .titulo .open{margin-left:-7em;}
section.tratamentos .reset-list{width:80%; margin:auto; white-space:nowrap; aspect-ratio: 5/2;}
section.tratamentos li {display:inline-block; width:19.6%; height: 100%; font-weight:300; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; transition:width 1s;}
section.tratamentos li#bariatrica{background-image:url("../images/large/bg-tratamento-cirurgia-bariatrica.jpg"); background-image: image-set(url("../images/large/bg-tratamento-cirurgia-bariatrica.webp") type("image/webp"), url("../images/large/bg-tratamento-cirurgia-bariatrica.jpg") type("image/jpg"));}
section.tratamentos li#clinico{background-image:url("../images/large/bg-tratamento-clinico-da-obesidade.jpg"); background-image: image-set(url("../images/large/bg-tratamento-clinico-da-obesidade.webp") type("image/webp"), url("../images/large/bg-tratamento-clinico-da-obesidade.jpg") type("image/jpg"));}
section.tratamentos li#reganho{background-image:url("../images/large/bg-tratamento-reganho-de-peso.jpg"); background-image: image-set(url("../images/large/bg-tratamento-reganho-de-peso.webp") type("image/webp"), url("../images/large/bg-tratamento-reganho-de-peso.jpg") type("image/jpg"));}
section.tratamentos li#vesicula{background-image:url("../images/large/bg-tratamento-cirurgia-da-vesicula.jpg"); background-image: image-set(url("../images/large/bg-tratamento-cirurgia-da-vesicula.webp") type("image/webp"), url("../images/large/bg-tratamento-cirurgia-da-vesicula.jpg") type("image/jpg"));}
section.tratamentos li#refluxo{background-image:url("../images/large/bg-tratamento-refluxo.jpg"); background-image: image-set(url("../images/large/bg-tratamento-refluxo.webp") type("image/webp"), url("../images/large/bg-tratamento-refluxo.jpg") type("image/jpg"));}
section.tratamentos li::before{opacity:0; transition:opacity 1s;}
section.tratamentos li:hover::before{opacity:.7; transition:opacity 1s;}
section.tratamentos li + li{margin-left:.5%;}
section.tratamentos li a{display:flex; flex-direction:column; justify-content:center; align-items:center; align-content:center; position:absolute; top:0; right:0; bottom:0; left:0; padding:1em; overflow:hidden; opacity:0; transition:opacity 1s;}
section.tratamentos li:hover a{opacity:1;}
section.tratamentos li span:not(.pict){display:block; width:300px; white-space:normal;}
section.tratamentos li .pict{position:absolute; bottom:1em; right:1em; border:solid 1px #FFFFFF;}
section.tratamentos li strong{font-size: 1.2em; display:inline-block; margin-bottom:1em;}

section.imc.bg-image{background-image:url("../images/large/bg-imc.jpg"); background-image: image-set(url("../images/large/bg-imc.webp") type("image/webp"), url("../images/large/bg-imc.jpg") type("image/jpg")); background-position:bottom center;}
section.imc::before{opacity:1;}
section.imc .titulo .open{margin-left:-4em; margin-top:-2em;}
section.imc .column-3{vertical-align:middle;}
section.imc h3 span.circle{font-size:2em; width:3.2em; line-height:3.2em; display:inline-block; margin-top:.2em;}
section.imc table{font-size:18px;}
section.imc table td{height:40px; border-bottom:solid 2px #79929C;}
section.imc table td.hover{background-color:#79929C; color: #FFFFFF;}

section.avaliacao .button{border:solid 1px #FFFFFF;}
section.avaliacao .label{padding:0 3em;}

section.jornada .titulo .open{margin-left:-4.3em;}
section.jornada p span{display:block; width:6em; height:6em; background-image:url("../images/svg/pict-jornada.svg"); background-position:center; background-repeat:no-repeat; background-size:300% auto; margin:0 auto}
section.jornada p .antes{background-position:0 0;}
section.jornada p .depois{background-position:50% 0;}
section.jornada p .sempre{background-position:100% 0;}
section.jornada p strong{font-size: 1.2em;}

section.jornada + section.equipe .content{padding:0;}

section.equipe .titulo .open{margin-left:-2.3em;}
section.equipe .titulo + span{display: flex; justify-content: space-between;}
section.equipe .titulo + span .column-2{flex: 1;}
section.equipe .column-2.bg-image.dr-rodrigo{background-image:url("../images/large/dr-rodrigo-menger.jpg"); background-image: image-set(url("../images/large/dr-rodrigo-menger.webp") type("image/webp"), url("../images/large/dr-rodrigo-menger.jpg") type("image/jpg")); background-position:top center;}
section.equipe .column-3.bg-image{aspect-ratio: 3/4; max-width: 430px}
section.equipe .column-3.dr-rodrigo{background-image:url("../images/equipe/dr-rodrigo-menger.jpg"); background-image: image-set(url("../images/equipe/dr-rodrigo-menger.webp") type("image/webp"), url("../images/equipe/dr-rodrigo-menger.jpg") type("image/jpg")); background-position:top center;}
section.equipe .column-3.fisio-raquel{background-image:url("../images/equipe/fisio-raquel-freitas.jpg"); background-image: image-set(url("../images/equipe/fisio-raquel-freitas.webp") type("image/webp"), url("../images/equipe/fisio-raquel-freitas.jpg") type("image/jpg")); background-position:top center;}
section.equipe .column-3.psi-milene{background-image:url("../images/equipe/psi-milene-pazutti-rodel.jpg"); background-image: image-set(url("../images/equipe/psi-milene-pazutti-rodel.webp") type("image/webp"), url("../images/equipe/psi-milene-pazutti-rodel.jpg") type("image/jpg"));}
section.equipe .column-3.nutri-fernanda{background-image:url("../images/equipe/nutri-fernanda-ghinzelli.jpg"); background-image: image-set(url("../images/equipe/nutri-fernanda-ghinzelli.webp") type("image/webp"), url("../images/equipe/nutri-fernanda-ghinzelli.jpg") type("image/jpg"));}
section.equipe .column-3.secr-bruna{background-image:url("../images/equipe/secr-bruna-moraes.jpg"); background-image: image-set(url("../images/equipe/secr-bruna-moraes.webp") type("image/webp"), url("../images/equipe/secr-bruna-moraes.jpg") type("image/jpg"));}
section.equipe ul{padding-left: 20px; margin-bottom: 0;}
section.equipe .numeros-list{margin:40px 0; padding:0; font-size:0; list-style:none;}
section.equipe .numeros-list li{display:inline-block; width:33.33%; margin-top: 0; text-align: center;}
section.equipe .numeros-list .pict + span{display:inline-block; vertical-align:middle; font-size:.6em;}
section.equipe .numeros-list .pict + span .count{font-size:2.4em; font-weight:600; color:#002B60; position:relative;}
section.equipe .numeros-list .pict + span .count::before{content:"+ ";}
section.equipe .button{margin-bottom:40px;}
section.equipe p strong{font-size: 1.4em;}
section.equipe li{font-weight:300;}
section.equipe li + li{margin-top:.6em;}

section.midias{background-color:#334F59;}
section.midias .titulo .open{margin-left:-1.3em;}
section.midias .button{font-size:16px; font-weight:600; width:22.15%; padding-left:3.15em;}
section.midias .button + .button{margin-left:3.8%;}
section.midias .button + div{margin-top:40px;}
section.midias .button .label{padding:0 .5em 0 0;}
section.midias .button .pict-midias{position:absolute; top:-5px; left:0; width:50px; height:50px;}
section.midias .white.alpha{display:inline-block; border:solid 2px #FFFFFF; line-height:40px; padding:0 20px 0 10px;}

section.blog .titulo .open{margin-left:-1.3em;}
section.blog .news-list li{margin-bottom:0;}
section.blog .news-list li:nth-child(4){display: none; visibility: hidden;}

section.depoimentos + section.duvidas .content{padding-top: 0;}

section.duvidas .titulo .open{margin-left:-3.3em; margin-top:1.6em;}

section.entidades .titulo .open{margin-left:-2.3em;}
section.entidades .titulo:first-child .open{margin-top:1.6em;}
section.entidades ul + .titulo{margin-top:3em;}
section.entidades li{display:inline-block;}
section.entidades li + li{margin-left:5%;}
section.entidades li a{display:block;}
section.entidades li a.hospitais{height:180px;}
section.entidades li a.convenios{height:120px;} 
section.entidades li a img{display:block; max-height:100%;}

footer{height: 820px; position:absolute; padding:0 3.8%; bottom:0; left:0; right:0; background-image:url("../images/large/bg-banner-clinica.jpg"); background-image: image-set(url("../images/large/bg-banner-clinica.webp") type("image/webp"), url("../images/large/bg-banner-clinica.jpg") type("image/jpg"));}
footer::before{opacity:1;}
footer .content {padding:80px 0 0 0;}
footer .column-3{text-align:left;}
footer .column-3 + .column-3{margin-left:10%;}
footer .titulo .open{margin-left:-1.3em;}
footer .bg-image{display:block; width:65%; aspect-ratio: 67/50; background-image:url("../images/ilustrativas/clinica-metabolic-footer.jpg"); background-image: image-set(url("../images/ilustrativas/clinica-metabolic-footer.webp") type("image/webp"), url("../images/ilustrativas/clinica-metabolic-footer.jpg") type("image/jpg"));}
footer .button{border:solid 2px #FFFFFF;}
footer .button .label{padding:0 1.5em;}
footer .legenda{position:relative; z-index:1; line-height:1.2em; padding:25px 0;}
footer .pict + span{display:inline-block;}
footer .pict.local{vertical-align:top;}
footer .pict.local + span{vertical-align:top; margin-top:-5px;}

section.titulo{position:relative; padding:0 3.8%; min-width:360px; background-position:center; margin: 0;}
section.titulo::before{opacity:1;}
section.titulo.a-clinica{background-image:url("../images/large/bg-a-clinica.jpg"); background-image: image-set(url("../images/large/bg-a-clinica.webp") type("image/webp"), url("../images/large/bg-a-clinica.jpg") type("image/jpg"));}
section.titulo.area-do-paciente{background-image:url("../images/large/bg-avaliacao-online.jpg"); background-image: image-set(url("../images/large/bg-avaliacao-online.webp") type("image/webp"), url("../images/large/bg-avaliacao-online.jpg") type("image/jpg"));}
section.titulo.podcast{background-image:url("../images/large/bg-banner-avaliacao-online.jpg"); background-image: image-set(url("../images/large/bg-banner-avaliacao-online.webp") type("image/webp"), url("../images/large/bg-banner-avaliacao-online.jpg") type("image/jpg"));}
section.titulo.cirurgia-bariatrica{background-image:url("../images/large/bg-cirurgia-bariatrica.jpg"); background-image: image-set(url("../images/large/bg-cirurgia-bariatrica.webp") type("image/webp"), url("../images/large/bg-cirurgia-bariatrica.jpg") type("image/jpg")); background-position:left top;}
section.titulo.tratamento-clinico-da-obesidade{background-image:url("../images/large/bg-clinico-da-obesidade.jpg"); background-image: image-set(url("../images/large/bg-clinico-da-obesidade.webp") type("image/webp"), url("../images/large/bg-clinico-da-obesidade.jpg") type("image/jpg"));}
section.titulo.reganho-de-peso{background-image:url("../images/large/bg-reganho-de-peso.jpg"); background-image: image-set(url("../images/large/bg-reganho-de-peso.webp") type("image/webp"), url("../images/large/bg-reganho-de-peso.jpg") type("image/jpg"));}
section.titulo.cirurgia-da-vesicula{background-image:url("../images/large/bg-cirurgia-da-vesicula.jpg"); background-image: image-set(url("../images/large/bg-cirurgia-da-vesicula.webp") type("image/webp"), url("../images/large/bg-cirurgia-da-vesicula.jpg") type("image/jpg"));}
section.titulo.refluxo-e-hernia{background-image:url("../images/large/bg-refluxo.jpg"); background-image: image-set(url("../images/large/bg-refluxo.webp") type("image/webp"), url("../images/large/bg-refluxo.jpg") type("image/jpg"));}
section.titulo.equipe{background-image:url("../images/large/bg-equipe.jpg"); background-image: image-set(url("../images/large/bg-equipe.webp") type("image/webp"), url("../images/large/bg-equipe.jpg") type("image/jpg"));}
section.titulo.imc{background-image:url("../images/large/bg-imc.jpg"); background-image: image-set(url("../images/large/bg-imc.webp") type("image/webp"), url("../images/large/bg-imc.jpg") type("image/jpg")); background-position:center bottom;}
section.titulo.blog{background-image:url("../images/large/bg-blog.jpg"); background-image: image-set(url("../images/large/bg-blog.webp") type("image/webp"), url("../images/large/bg-blog.jpg") type("image/jpg")); background-position:center top;}

section.titulo .content{aspect-ratio: 4/1; display: flex; justify-content: center; align-items: center; align-content: center;}
section.titulo h1{text-shadow:2px 2px 0 #333333;}
section.titulo h1 .hurricane{font-weight:400; font-size:1.4em; display:block;}

section.subnav{padding: 0 0 2px 0;}
section.subnav li{display: block; margin-top: 2px;}
section.subnav li a{font-size: 1.2em; display: flex; justify-content: center; align-items: center; align-content: center; height: 2.5em;}

section.principal ul:not(.reset-list) li + li{margin-top:.5em;}
section.principal iframe{display:block; width:100%;  margin:40px auto; border:solid 1px #002B60; overflow:hidden; aspect-ratio: 16/9;}
section.principal iframe:first-child{margin-top: 0;}
section.principal video {display:block; max-width:100%;}

section.principal .article.dinamico{display:block; margin:0 auto 40px auto;}/*noticias*/
section.principal .article.dinamico h3, section.principal .article.dinamico h4 {color:#002B60; margin-bottom:.8em;}

section.principal .article.dinamico img{width:100%; max-width:100%; margin:0 auto 40px auto; border:solid 1px #002B60;}
section.principal .article.dinamico img.vertical{max-width:48.1%; float:right; margin:0 0 40px 3.8%;}

section.principal .article.dinamico p:not(.text-center) a{text-decoration:none; font-weight:400; color:#3B6880;}
section.principal .article.dinamico a.share{font-weight:normal; color:#FFFFFF;}

section.principal .article.dinamico.podcast iframe{aspect-ratio: inherit; aspect-ratio: initial; border: none;}

section.principal .image{border:solid 1px #002B60; overflow:hidden;}
section.principal .image img{display:block; width:100%; max-width:100%;}

section.convenios .content{display: flex; justify-content: center;}
section.convenios .column-3{flex: 1;}
section.convenios h2.blue span.subtitulo.gray-l{display: block; width: 85%; font-size: .6em; margin-bottom: .5em;}
section.convenios ul{padding: 0 0 160px 30px;}
section.convenios ul li + li{margin-top: .5em;}
section.convenios ul + span{position: absolute; bottom: 0; display: block; width: 100%;}

/*formulários*/
#filtro{display:none; visibility:hidden; position:absolute;}
#form.categorias{display:block; margin:0; padding:0; position:relative; width:30.8%; float:left; z-index:10; border-radius:50vh;}
#form.categorias::before{content:""; display:block; width:40px; height:40px; background-image:url("../images/svg/pict.svg"); background-repeat:no-repeat; background-size:1100% auto; background-position:60% 100%; position:absolute; right:0; top:0; z-index:-1;}
#form.categorias select {font-size:18px; font-weight:300; font-family: 'Open Sans', sans-serif; display:block; width:100%; position:relative; padding:0 40px 0 20px; margin:0; height:40px; line-height:40px; border-radius:0; appearance:none; cursor:pointer; border:none; background:none; z-index:10;}
#form.categorias + p{margin:0;}
#form.categorias + p .pict + .pict{margin-left:10px;}

#imc{display:block; margin:0;}
#imc input[type=text], #form input[type=password], #form input[type=submit], #form input[type=button] {display:block; font-size:20px; margin:0 auto 10px auto; padding:5px; height:50px; width:100%; border:solid 1px #79929C; background-color:transparent; font-weight:300; border-radius:0;}
#imc input[type=submit] {display:block; font-size:20px; margin:0; height:50px; width:100%; border:solid 1px #79929C; background-color:transparent; font-weight:300; cursor:pointer; appearance:none; border-radius:0;}

#contato input[type=text], #contato input[type=password] {display:block; font-size:18px; margin:0 auto 10px auto; padding:0 15px; height:50px; width:100%; border:solid 2px #FFFFFF; background-color:transparent; font-weight:300; border-radius:0;}
#contato textarea{display:block; font-size:18px; margin:0 auto 10px auto; padding:10px 15px; line-height:24px; width:100%; border:solid 2px #FFFFFF; background-color:transparent; font-weight:300; border-radius:0;}
#contato input[type=submit], #contato input[type=button] {display:block; font-size:18px; margin:0 auto 10px auto; height:50px; width:100%; border:solid 2px #FFFFFF; font-weight:300; cursor:pointer; border-radius:0;}

#contato input[type="checkbox"]:not(:checked), #contato input[type="checkbox"]:checked {position:absolute; left:-9999px;}
#contato input[type="checkbox"]:not(:checked) + label, #contato input[type="checkbox"]:checked + label {position:relative; padding-left:30px;cursor:pointer; display:block; line-height:20px; margin-top:10px;}
#contato input[type="checkbox"]:not(:checked) + label:before, #contato input[type="checkbox"]:checked + label:before {content:''; position:absolute; left:0; top:-2px; width:24px; height:24px; border:2px solid #FFFFFF; background-color:transparent; border-radius:7px;}
#contato input[type="checkbox"]:not(:checked) + label:after,#contato input[type="checkbox"]:checked + label:after {content:'✔'; position:absolute; top:2px; left:5px; font-size:19px;line-height:0.8;color:#FFFFFF;transition:all .2s;}
#contato input[type="checkbox"]:not(:checked) + label:after {opacity:0;transform:scale(0);}
#contato input[type="checkbox"]:checked + label:after {opacity:1;transform:scale(1);}
#contato input[type="checkbox"]:checked:focus + label:before, #contato input[type="checkbox"]:not(:checked):focus + label:before {border:2px solid #FFFFFF;}

#cadastro input[type=text], #cadastro input[type=password] {display:block; font-size:18px; margin:0 auto 10px auto; padding:0 15px; height:50px; width:100%; border:solid 2px #3B6880; background-color:transparent; font-weight:300; border-radius:0;}
#cadastro input[type=submit], #cadastro input[type=button] {display:block; font-size:18px; margin:0 auto 10px auto; height:50px; width:100%; border:solid 2px #3B6880; font-weight:300; cursor:pointer; border-radius:0;}

#avaliacao span.secao{display:block;}
#avaliacao span.column-2:last-child{vertical-align:top;}
#avaliacao span.column-2:last-child #avaliacao input[type="checkbox"]:not(:checked) + label, #avaliacao input[type="checkbox"]:checked + label {margin-top:0;}

#avaliacao span.label{font-size:18px; width:48.1%; margin:0 3.8% 40px 0; display:inline-block; position:relative; padding-left:50px;}
#avaliacao span.label.full{width:100%; margin:0 0 40px 0;}
#avaliacao span.label:nth-child(2n+1), #avaliacao span.label:last-child{margin-right:0;}
#avaliacao span.label span.white{position:absolute; line-height:50px; width:50px; text-align:center; left:0; font-size:1.4em;}
#avaliacao span.label span.white + label{font-size: 0;}
#avaliacao span.label p{margin:0; padding-left:10px;}
#avaliacao span.label p + span{display:inline-block; width:50%; vertical-align:text-top;}
#avaliacao span.label p + span + span{display:inline-block; width:45%; vertical-align:text-top;}

#avaliacao input[type=text], #avaliacao input[type=password] {font-size:18px; padding:0 15px; height:50px; border:solid 2px #3B6880; font-weight:300; width:100%; border-radius:0;}
#avaliacao textarea{display:block; font-size:18px; margin:0; padding:10px 15px; line-height:24px; width:100%; border:solid 2px #3B6880; font-weight:300; border-radius:0;}
#avaliacao input[type=submit], #avaliacao input[type=button] {display:block; font-size:18px; margin:0 0 0 auto; height:50px; width:150px; border:solid 2px #FFFFFF; font-weight:300;cursor:pointer; border-radius:0;}

#avaliacao input[type="checkbox"]:not(:checked), #avaliacao input[type="checkbox"]:checked {position:absolute; left:-9999px;}
#avaliacao input[type="checkbox"]:not(:checked) + label, #avaliacao input[type="checkbox"]:checked + label {position:relative; padding-left:30px;cursor:pointer; display:block; line-height:20px; margin:10px 0 0 10px;}
#avaliacao input[type="checkbox"]:not(:checked) + label:before, #avaliacao input[type="checkbox"]:checked + label:before {content:''; position:absolute; left:0; top:-2px; width:24px; height:24px; border:2px solid #3B6880; background-color:transparent; border-radius:7px;}
#avaliacao input[type="checkbox"]:not(:checked) + label:after,#avaliacao input[type="checkbox"]:checked + label:after {content:'✔'; position:absolute; top:2px; left:5px; font-size:19px;line-height:0.8;color:#3B6880;transition:all .2s;}
#avaliacao input[type="checkbox"]:not(:checked) + label:after {opacity:0;transform:scale(0);}
#avaliacao input[type="checkbox"]:checked + label:after {opacity:1;transform:scale(1);}
#avaliacao input[type="checkbox"]:checked:focus + label:before, #avaliacao input[type="checkbox"]:not(:checked):focus + label:before {border:2px solid #3B6880;}

#avaliacao input[type="radio"]:not(:checked), #avaliacao input[type="radio"]:checked {position:absolute; left:-9999px;}
#avaliacao input[type="radio"]:not(:checked) + label, #avaliacao input[type="radio"]:checked + label {position:relative; padding-left:30px;cursor:pointer; display:block; line-height:20px; margin:10px 0 0 10px;}
#avaliacao input[type="radio"]:not(:checked) + label:before, #avaliacao input[type="radio"]:checked + label:before {content:''; position:absolute; left:0; top:-2px; width:24px; height:24px; border:2px solid #3B6880; background-color:transparent; border-radius:50vh;}
#avaliacao input[type="radio"]:not(:checked) + label:after,#avaliacao input[type="radio"]:checked + label:after {content:''; position:absolute; top:2px; left:4px; width:16px; height:16px; line-height:0.8; background-color:#3B6880;transition:all .2s; border-radius:50vh;}
#avaliacao input[type="radio"]:not(:checked) + label:after {opacity:0;transform:scale(0);}
#avaliacao input[type="radio"]:checked + label:after {opacity:1;transform:scale(1);}
#avaliacao input[type="radio"]:checked:focus + label:before, #avaliacao input[type="radio"]:not(:checked):focus + label:before {border:2px solid #3B6880;}

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

/*estruturais*/
.padrao{position:relative; padding:0 3.8%; min-width:360px; margin: 0;}
.padrao .content{padding:80px 0;}
.content {margin:auto; width:100%; max-width:1400px; 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;}

/*fontes*/
.hurricane{font-family: 'Hurricane', cursive;}
.montserrat{font-family: 'Montserrat', sans-serif;}
.open{font-family: 'Open Sans', sans-serif;}

/*cores*/
.white{color:#FFFFFF;}
.gray{color:#3B6880;}
.gray-l{color:#79929C;}
.gray-ll{color:#B7C9CF;}
.gray-lll{color:#F1F4F5}
.blue{color:#002B60;}
.green{color:#00BB00;}
.red{color:#FF0000;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-gray{background-color:#3B6880;}
.bg-gray-l{background-color:#79929C;}
.bg-gray-ll{background-color:#B7C9CF;}
.bg-gray-lll{background-color:#F1F4F5}
.bg-blue{background-color:#002B60;}
.bg-green{background-color:#00BB00;}
.bg-red{background-color:#FF0000;}
.bg-multiply-gray::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#3B6880; z-index:0; opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80);}
.bg-multiply-blue::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#002B60; z-index:0; opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80);}
.bg-multiply-black::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#000000; z-index:0; opacity:.4; -moz-opacity:.4; filter:alpha(opacity=40);}
.bg-image{background-repeat:no-repeat; background-position:center; background-size:cover;}

/*transições*/
.alpha{transition:opacity 1s;}
.alpha:hover{opacity:0.50;}

/*constantes*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.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; position:relative; vertical-align:middle; border-radius:50vh; aspect-ratio:1/1;}
.two-column{column-count:2; column-gap: 40px;}
.zoom{cursor: zoom-in;}

.gallery {display:block; font-size:0;}
.gallery a{display:inline-block; width:16.96%; margin:20px 3.8% 20px 0; vertical-align:text-top; cursor:zoom-in; border:solid 1px #002B60; padding:10px;}
.gallery a:nth-child(5n), .gallery a:last-child{margin:20px 0 20px 0;}
.gallery a span{display:block; width:100%; aspect-ratio:1/1; background-size: cover;}

.share-buttons{display:block;}
.share{display:inline-block; vertical-align:top; padding:0 5px 0 25px; border-radius:3px; height: 20px; line-height:20px; background-image:url("../images/svg/share.svg"); background-repeat:no-repeat; background-size:20px auto; color:#FFFFFF; font-weight:400; font-size:10px;}
.fb-share-button{display:inline-block; vertical-align:top; margin-right:20px;}
.fb-share-button a {background-color:#4267B2; background-position:left 0;}
.wa-share-button {background-color:#57BA63; background-position:left -20px; margin-right:10px;}

.button{display: inline-flex; justify-content: center; align-items: center; align-content: center; vertical-align:middle; position:relative; line-height:1em; border-radius:50vh;}
.button.large{min-height: 80px;}
.button.large .label{font-size:1.2em;}
.button.medium{min-height: 60px;}
.button.medium .label{font-size:1.1em;}
.button.small{min-height: 40px;}
.button.small .label{font-size:1em;}
.button.tiny{min-height: 50px;}
.button.tiny .label{font-size:.9em;}
.button.hover{opacity:0.25;}

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

.pict{display:inline-block; vertical-align:middle; background-image:url("../images/svg/pict.svg"); background-repeat:no-repeat; background-size:1100% auto;  aspect-ratio:1/1;}
.pict.text{background-image:none; font-size:1.4em;}
.pict.hover{opacity:0.25;}
.pict.local + span{display:inline-block; vertical-align:top; padding-top:.7em;}
.pict.local + span strong.gold{font-size:1.3em; font-weight:400;}

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

.pict.gray.whatsapp{background-position:0% 0%;}
.pict.gray.doctor{background-position:10% 0%;}
.pict.gray.email{background-position:20% 0%;}
.pict.gray.linkedin{background-position:30% 0%;}
.pict.gray.instagram{background-position:40% 0%;}
.pict.gray.facebook{background-position:50% 0%;}
.pict.gray.estacionamento{background-position:60% 0%;}
.pict.gray.ambiente{background-position:70% 0%;}
.pict.gray.local{background-position:80% 0%;}
.pict.podcast{background-position:90% 0%;}
.pict.youtube{background-position:100% 0%;}
.pict.gray.download{background-position:0% 20%;}
.pict.gray.link{background-position:10% 20%;}
.pict.gray.mais{background-position:20% 20%;}
.pict.gray.menos{background-position:30% 20%;}
.pict.gray.fechar{background-position:40% 20%;}
.pict.gray.topo{background-position:50% 20%;}
.pict.gray.base{background-position:60% 20%;}
.pict.gray.seguinte{background-position:70% 20%;}
.pict.gray.anterior{background-position:80% 20%;}
.pict.gray.fone{background-position:90% 20%;}
.pict.gray.agenda{background-position:100% 20%;}

.pict.blue.whatsapp{background-position:0% 40%;}
.pict.blue.doctor{background-position:10% 40%;}
.pict.blue.email{background-position:20% 40%;}
.pict.blue.linkedin{background-position:30% 40%;}
.pict.blue.instagram{background-position:40% 40%;}
.pict.blue.facebook{background-position:50% 40%;}
.pict.blue.estacionamento{background-position:60% 40%;}
.pict.blue.ambiente{background-position:70% 40%;}
.pict.blue.local{background-position:80% 40%;}
.pict.blue.download{background-position:0% 60%;}
.pict.blue.link{background-position:10% 60%;}
.pict.blue.mais{background-position:20% 60%;}
.pict.blue.menos{background-position:30% 60%;}
.pict.blue.fechar{background-position:40% 60%;}
.pict.blue.topo{background-position:50% 60%;}
.pict.blue.base{background-position:60% 60%;}
.pict.blue.seguinte{background-position:70% 60%;}
.pict.blue.anterior{background-position:80% 60%;}
.pict.blue.fone{background-position:90% 60%;}
.pict.blue.agenda{background-position:100% 60%;}

.pict.white.whatsapp{background-position:0% 80%;}
.pict.white.doctor{background-position:10% 80%;}
.pict.white.email{background-position:20% 80%;}
.pict.white.linkedin{background-position:30% 80%;}
.pict.white.instagram{background-position:40% 80%;}
.pict.white.facebook{background-position:50% 80%;}
.pict.white.estacionamento{background-position:60% 80%;}
.pict.white.ambiente{background-position:70% 80%;}
.pict.white.local{background-position:80% 80%;}
.pict.white.download{background-position:0% 100%;}
.pict.white.link{background-position:10% 100%;}
.pict.white.mais{background-position:20% 100%;}
.pict.white.menos{background-position:30% 100%;}
.pict.white.fechar{background-position:40% 100%;}
.pict.white.topo{background-position:50% 100%;}
.pict.white.base{background-position:60% 100%;}
.pict.white.seguinte{background-position:70% 100%;}
.pict.white.anterior{background-position:80% 100%;}
.pict.white.fone{background-position:90% 100%;}
.pict.white.agenda{background-position:100% 100%;}

.pict-midias{display:inline-block; vertical-align:middle; background-image:url("../images/svg/pict-midias.svg"); background-repeat:no-repeat; background-size:400% auto;}
.pict-midias.podcast{background-position:0% 0%;}
.pict-midias.youtube{background-position:33.33% 0%;}
.pict-midias.instagram{background-position:66.66% 0%;}
.pict-midias.facebook{background-position:100% 0%;}

/*específicas*/
.logo{width:300px; padding-bottom:52px; display:inline-block; position:relative; z-index:10; background-size:contain; background-repeat:no-repeat; background-position:center left; background-image:url("../images/svg/clinica-metabolic.svg");}
.titulo{margin-bottom:1.5em;}
.titulo .hurricane{display:inline-block; vertical-align:top; font-size:2.5em; font-weight:400;}
.titulo .open{display:inline-block; vertical-align:top; font-size:.65em; font-weight:300; margin-top:-1.3em;}

.subtitulo{line-height:1.2em; padding-bottom:.5em; border-bottom:solid 1px #79929C; position:relative;}
.subtitulo:not(:first-child){margin-top:2em;}
.subtitulo::after{content:""; display:block; width:5em; height:3px; background-color:#79929C; position:absolute; left:0; bottom:-2px;}
.subtitulo .gray-ll{display:block; font-size:.6em; line-height:1em; font-weight:400;}

.news-list{display: flex; flex-wrap: wrap; justify-content: center;}
.news-list li{min-width:30.8%; width:30.8%; max-width:30.8%; flex: 1; margin:0 3.8% 40px 0; position:relative; display:inline-block; vertical-align:middle; vertical-align:top;}
.news-list li::before{content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:solid 1px #3B6880; z-index:0; background: linear-gradient(to top,  rgba(183,201,207,1) 0%,rgba(183,201,207,0.9) 50%,rgba(183,201,207,0) 100%);}
.news-list li:nth-child(3n), .news-list li:last-child{margin-right:0;}
.news-list li.no-image{background-image:url("../images/ilustrativas/no-image.jpg"); background-image: image-set(url("../images/ilustrativas/no-image.webp") type("image/webp"), url("../images/ilustrativas/no-image.jpg") type("image/jpg")); background-position:center; background-size:cover;}
.news-list li a{display:block; padding:1em 1em 3.5em 1em; position: relative;}
.news-list li a::before{content: ""; display: block; position: relative; width: 100%; aspect-ratio:1/1;}
.news-list li strong{display: block; font-size: 1.2em; margin-bottom:.5em; position:relative; z-index:1;}
.news-list li strong + span{position:relative; z-index:1;}
.news-list li .pict{position:absolute; bottom:1em; right:1em; border:solid 1px #002B60; z-index:1;}

.podcast-list{display: flex; flex-wrap: wrap; justify-content: center;}
.podcast-list li{min-width:30.8%; width:30.8%; max-width:30.8%; flex: 1; margin:0 3.8% 40px 0; position:relative; display:inline-block; vertical-align:middle; vertical-align:top; box-shadow: 0 0 7px #000000;}
.podcast-list li:nth-child(3n), .news-list li:last-child{margin-right:0;}
.podcast-list li a{display:block; padding:1em 1em 2em 1em;}
.podcast-list li span{display: block;}
.podcast-list li strong{display: block; font-size: 1.2em; margin:.5em 0; position:relative; z-index:1;}
.podcast-list li strong + span{border-bottom: solid 1px #3B6880; padding-bottom: 1em; margin-bottom: 2em;}
.podcast-list li span:last-child{position: absolute; left: 1em; bottom: 1.5em;}
.podcast-list li .bg-image{display: block; width: 100%; aspect-ratio: 1/1; background-position:center; background-size:cover; border: solid 1px #000000;}
.podcast-list li .no-image{background-image:url("../images/ilustrativas/no-image.jpg"); background-image: image-set(url("../images/ilustrativas/no-image.webp") type("image/webp"), url("../images/ilustrativas/no-image.jpg") type("image/jpg")); background-position:center top;}
.podcast-list li .pict{position:absolute; bottom:1em; right:1em; border:solid 1px #3B6880; z-index:1; margin: 0;}

.flutuante{font-size:20px; position:fixed; bottom:30px; z-index:150; box-shadow:0 0 10px #000000;}/* telefone e whatsapp */
.flutuante.bg-green{right:30px;}
.flutuante.bg-white{left:30px;}
.flutuante .pict + .label{padding-left: 0;}

.grupo{position:relative;}
.grupo + .grupo{display:block; margin-top:40px;}/* separação entre grupos de div*/ 

@media screen and (max-width:1400px) {
/*configurações*/
h1{font-size:36px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size:20px;}
h6{font-size:18px;}
p{font-size: 16px;}
ul li{font-size: 16px;}
.chamada{font-size:20px;}
.legenda{font-size:12px;}
hr{margin:30px 0;}
	
/* id */
#container {padding: 90px 0 785px 0;}

header.hover{box-shadow:0 0 9px #000000;}

header .logo{width:260px;}
header .button{font-size:14px; margin-right:9px;}
header .button + .button .label{font-size:0;}

header .button.small .label{padding:0 .75em;}
header .button.small .pict + .label{padding:0 .75em 0 0;}

nav ul li{margin-right:9px;}
nav ul li .blue{font-size:14px; letter-spacing: -0.03em;}

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

section.banner{max-height:600px;}
section.banner .bg-image.clinica{background-image:url("../images/medium/bg-banner-clinica.jpg"); background-image: image-set(url("../images/medium/bg-banner-clinica.webp") type("image/webp"), url("../images/medium/bg-banner-clinica.jpg") type("image/jpg"));}
section.banner .bg-image.bariatrica{background-image:url("../images/medium/bg-cirurgia-bariatrica.jpg"); background-image: image-set(url("../images/medium/bg-cirurgia-bariatrica.webp") type("image/webp"), url("../images/medium/bg-cirurgia-bariatrica.jpg") type("image/jpg")); background-position:top left;}
section.banner .bg-image.videolaparoscopia{background-image:url("../images/medium/bg-videolaparoscopia.jpg"); background-image: image-set(url("../images/medium/bg-videolaparoscopia.webp") type("image/webp"), url("../images/medium/bg-videolaparoscopia.jpg") type("image/jpg"));}
section.banner .bg-image.equipe{background-image:url("../images/medium/bg-equipe.jpg"); background-image: image-set(url("../images/medium/bg-equipe.webp") type("image/webp"), url("../images/medium/bg-equipe.jpg") type("image/jpg"));}
section.banner .bg-image.avaliacao{background-image:url("../images/medium/bg-banner-avaliacao-online.jpg"); background-image: image-set(url("../images/medium/bg-banner-avaliacao-online.webp") type("image/webp"), url("../images/medium/bg-banner-avaliacao-online.jpg") type("image/jpg"));}

section.tratamentos .reset-list{width:100%; max-width:850px;}
section.tratamentos li#bariatrica{background-image:url("../images/medium/bg-tratamento-cirurgia-bariatrica.jpg"); background-image: image-set(url("../images/medium/bg-tratamento-cirurgia-bariatrica.webp") type("image/webp"), url("../images/medium/bg-tratamento-cirurgia-bariatrica.jpg") type("image/jpg"));}
section.tratamentos li#clinico{background-image:url("../images/medium/bg-tratamento-clinico-da-obesidade.jpg"); background-image: image-set(url("../images/medium/bg-tratamento-clinico-da-obesidade.webp") type("image/webp"), url("../images/medium/bg-tratamento-clinico-da-obesidade.jpg") type("image/jpg"));}
section.tratamentos li#reganho{background-image:url("../images/medium/bg-tratamento-reganho-de-peso.jpg"); background-image: image-set(url("../images/medium/bg-tratamento-reganho-de-peso.webp") type("image/webp"), url("../images/medium/bg-tratamento-reganho-de-peso.jpg") type("image/jpg"));}
section.tratamentos li#vesicula{background-image:url("../images/medium/bg-tratamento-cirurgia-da-vesicula.jpg"); background-image: image-set(url("../images/medium/bg-tratamento-cirurgia-da-vesicula.webp") type("image/webp"), url("../images/medium/bg-tratamento-cirurgia-da-vesicula.jpg") type("image/jpg"));}
section.tratamentos li#refluxo{background-image:url("../images/medium/bg-tratamento-refluxo.jpg"); background-image: image-set(url("../images/medium/bg-tratamento-refluxo.webp") type("image/webp"), url("../images/medium/bg-tratamento-refluxo.jpg") type("image/jpg"));}

section.imc.bg-image{background-image:url("../images/medium/bg-imc.jpg"); background-image: image-set(url("../images/medium/bg-imc.webp") type("image/webp"), url("../images/medium/bg-imc.jpg") type("image/jpg"));}
section.imc table{font-size:16px;}

section.equipe .column-2.bg-image.dr-rodrigo{background-image:url("../images/medium/dr-rodrigo-menger.jpg"); background-image: image-set(url("../images/medium/dr-rodrigo-menger.webp") type("image/webp"), url("../images/medium/dr-rodrigo-menger.jpg") type("image/jpg")); background-position:top center;}
section.equipe .numeros-list{margin:30px 0;}
section.equipe .button{margin-bottom:30px;}

section.midias .button{font-size:12px;}
section.midias .button + div{margin-top:30px;}
section.midias .button .pict-midias{top:0; width:40px; height:40px;}

section.entidades li a.hospitais{height:160px;}
section.entidades li a.convenios{height:110px;} 

footer{height: 785px; background-image:url("../images/medium/bg-banner-clinica.jpg"); background-image: image-set(url("../images/medium/bg-banner-clinica.webp") type("image/webp"), url("../images/medium/bg-banner-clinica.jpg") type("image/jpg"));}
footer .content {padding:60px 0 0 0;}

section.titulo.a-clinica{background-image:url("../images/medium/bg-a-clinica.jpg"); background-image: image-set(url("../images/medium/bg-a-clinica.webp") type("image/webp"), url("../images/medium/bg-a-clinica.jpg") type("image/jpg"));}
section.titulo.area-do-paciente{background-image:url("../images/medium/bg-avaliacao-online.jpg"); background-image: image-set(url("../images/medium/bg-avaliacao-online.webp") type("image/webp"), url("../images/medium/bg-avaliacao-online.jpg") type("image/jpg"));}
section.titulo.podcast{background-image:url("../images/medium/bg-banner-avaliacao-online.jpg"); background-image: image-set(url("../images/medium/bg-banner-avaliacao-online.webp") type("image/webp"), url("../images/medium/bg-banner-avaliacao-online.jpg") type("image/jpg"));}
section.titulo.cirurgia-bariatrica{background-image:url("../images/medium/bg-cirurgia-bariatrica.jpg"); background-image: image-set(url("../images/medium/bg-cirurgia-bariatrica.webp") type("image/webp"), url("../images/medium/bg-cirurgia-bariatrica.jpg") type("image/jpg")); background-position:left top;}
section.titulo.tratamento-clinico-da-obesidade{background-image:url("../images/medium/bg-clinico-da-obesidade.jpg"); background-image: image-set(url("../images/medium/bg-clinico-da-obesidade.webp") type("image/webp"), url("../images/medium/bg-clinico-da-obesidade.jpg") type("image/jpg"));}
section.titulo.reganho-de-peso{background-image:url("../images/medium/bg-reganho-de-peso.jpg"); background-image: image-set(url("../images/medium/bg-reganho-de-peso.webp") type("image/webp"), url("../images/medium/bg-reganho-de-peso.jpg") type("image/jpg"));}
section.titulo.cirurgia-da-vesicula{background-image:url("../images/medium/bg-cirurgia-da-vesicula.jpg"); background-image: image-set(url("../images/medium/bg-cirurgia-da-vesicula.webp") type("image/webp"), url("../images/medium/bg-cirurgia-da-vesicula.jpg") type("image/jpg"));}
section.titulo.refluxo-e-hernia{background-image:url("../images/medium/bg-refluxo.jpg"); background-image: image-set(url("../images/medium/bg-refluxo.webp") type("image/webp"), url("../images/medium/bg-refluxo.jpg") type("image/jpg"));}
section.titulo.equipe{background-image:url("../images/medium/bg-equipe.jpg"); background-image: image-set(url("../images/medium/bg-equipe.webp") type("image/webp"), url("../images/medium/bg-equipe.jpg") type("image/jpg"));}
section.titulo.imc{background-image:url("../images/medium/bg-imc.jpg"); background-image: image-set(url("../images/medium/bg-imc.webp") type("image/webp"), url("../images/medium/bg-imc.jpg") type("image/jpg")); background-position:center bottom;}
section.titulo.blog{background-image:url("../images/medium/bg-blog.jpg"); background-image: image-set(url("../images/medium/bg-blog.webp") type("image/webp"), url("../images/medium/bg-blog.jpg") type("image/jpg")); background-position:center top;}

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

section.principal .article.dinamico{margin:0 auto 30px auto;}/*noticias*/
section.principal .article.dinamico img{margin:0 auto 30px auto;}
section.principal .article.dinamico img.vertical{margin:0 0 30px 3.8%;}

/*formulários*/

#form.categorias select {font-size:16px;}

#imc input[type=text], #form input[type=password], #form input[type=submit], #form input[type=button] {font-size:18px;}
#imc input[type=submit] {font-size:18px;}

#contato input[type=text], #contato input[type=password] {font-size:16px;}
#contato textarea{font-size:16px;}
#contato input[type=submit], #contato input[type=button] {font-size:16px;}

#cadastro input[type=text], #cadastro input[type=password] {font-size:16px;}
#cadastro input[type=submit], #cadastro input[type=button] {font-size:16px;}

#avaliacao span.label{font-size:16px; margin:0 3.8% 30px 0;}
#avaliacao span.label.full{margin:0 0 30px 0;}
#avaliacao input[type=text], #avaliacao input[type=password] {font-size:16px;}
#avaliacao textarea{font-size:16px;}
#avaliacao input[type=submit], #avaliacao input[type=button] {font-size:16px;}

/*estruturais*/
.padrao .content{padding:60px 0;}

/*específicas*/
.news-list li{margin:0 3.8% 30px 0;}
.podcast-list li{margin:0 3.8% 30px 0;}

.flutuante{font-size:15px;}

.grupo + .grupo{margin-top:30px;}/* separação entre grupos de div*/ 

}
@media screen and (max-width:1000px) {
/*configurações*/
h1{font-size:32px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
p{font-size: 14px;}
ul li{font-size: 14px;}
.chamada{font-size:18px;}
.legenda{font-size:10px;}
hr{margin:20px 0;}

/* identificadores */
#body.static, #container.static{overflow: hidden;}
#container {padding:70px 0 1015px 0}

header {padding:0 25px; box-shadow:0 0 10px #000000;}
header .logo{padding-bottom:50px; margin:10px 0 0 0;}
header .button{font-size:0; margin-right:10px;}
header .button.bg-blue{font-size:0; width:40px; height:40px; background-image:url("../images/svg/pict.svg"); background-repeat:no-repeat; background-size:1100% auto;background-position:100% 100%;}
header .social + .social {margin-left: 5px;}

header .panel-button{margin:10px 0 10px 10px; display: inline-block; position: relative; background-color:#3B6880; width: 50px; height: 50px; vertical-align: middle;}
header .panel-button span{display:block; position:absolute; height:2px; width:20px; left: 15px; top: 24px; background-color:#FFFFFF;}
header .panel-button span::before, header .panel-button span::after{content: ""; display: block; position: absolute; height: 2px; width: 20px; background-color:#FFFFFF;}
header .panel-button span::before{bottom: 7px;}
header .panel-button span::after{top: 7px;}

header.panel-button-active .panel-button span{background-color: transparent;}
header.panel-button-active .panel-button span::before{transform:rotate(-45deg); bottom: 0;}
header.panel-button-active .panel-button span::after{transform:rotate(45deg); top:0;}

header.panel-button-active nav {width: 100%;}

nav{width: 0; margin: 0; position: fixed; display: block; top:70px; right: 0; bottom: 0; left: auto; text-align: center; z-index: 30; border-bottom: none; padding: 20px 0; background-color: rgba(0,43,96,.9); transition: width 1s;}
nav ul:first-child{display: block; position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; overflow-y: auto;}
nav ul li{display:block; width: 300px; margin: 0 auto; padding-right:0; border: solid 1px #FFFFFF;}
nav ul li + li{margin-top: 20px;}
nav ul li .blue, nav ul li:hover .blue{font-size:16px; transition: none; color: #FFFFFF; width: 100%; min-width: 100%; display: block;}
nav ul li .blue::after, nav ul li:hover .blue::after{left:20%; width:60%; height:0; transition:none;}
nav ul li:hover{z-index:0;}
nav ul li .blue.hover{color:#B7C9CF;}
nav ul li .blue.hover::after{height:5px; background-color: #B7C9CF;}

nav ul li:hover ul{height: auto;}
nav ul li:first-child:hover ul{height: auto;}

nav ul li ul {height: auto; position:relative; left:inherit; transition:none; text-align: center;;}
nav ul li ul::after{content:""; display: none;}
nav ul li ul li {display:block; width: 260px; min-width: 260px; position:relative; z-index:2; text-align:center; margin:0; border-bottom: none; border-right: none; border-left: none;}
nav ul li ul li::before{display: none;}
nav ul li ul li a, nav ul li ul li a:hover{font-size:16px; width: 100%; min-width: 100%; padding:10px 0; line-height:18px; transition:none; white-space: normal; color: #FFFFFF;}
nav li ul li a.hover, nav li ul li a.hover:hover{color:#B7C9CF;}

section.banner{aspect-ratio:3/2; max-height:500px;}
section.banner .bg-image.clinica{background-image:url("../images/small/bg-banner-clinica.jpg"); background-image: image-set(url("../images/small/bg-banner-clinica.webp") type("image/webp"), url("../images/small/bg-banner-clinica.jpg") type("image/jpg"));}
section.banner .bg-image.bariatrica{background-image:url("../images/small/bg-cirurgia-bariatrica.jpg"); background-image: image-set(url("../images/small/bg-cirurgia-bariatrica.webp") type("image/webp"), url("../images/small/bg-cirurgia-bariatrica.jpg") type("image/jpg")); background-position:top left;}
section.banner .bg-image.videolaparoscopia{background-image:url("../images/small/bg-videolaparoscopia.jpg"); background-image: image-set(url("../images/small/bg-videolaparoscopia.webp") type("image/webp"), url("../images/small/bg-videolaparoscopia.jpg") type("image/jpg"));}
section.banner .bg-image.equipe{background-image:url("../images/small/bg-equipe.jpg"); background-image: image-set(url("../images/small/bg-equipe.webp") type("image/webp"), url("../images/small/bg-equipe.jpg") type("image/jpg"));}
section.banner .bg-image.avaliacao{background-image:url("../images/small/bg-banner-avaliacao-online.jpg"); background-image: image-set(url("../images/small/bg-banner-avaliacao-online.webp") type("image/webp"), url("../images/small/bg-banner-avaliacao-online.jpg") type("image/jpg"));}

section.tratamentos .reset-list{aspect-ratio: 9/5;}
section.tratamentos li#bariatrica{background-image:url("../images/small/bg-tratamento-cirurgia-bariatrica.jpg"); background-image: image-set(url("../images/small/bg-tratamento-cirurgia-bariatrica.webp") type("image/webp"), url("../images/small/bg-tratamento-cirurgia-bariatrica.jpg") type("image/jpg"));}
section.tratamentos li#clinico{background-image:url("../images/small/bg-tratamento-clinico-da-obesidade.jpg"); background-image: image-set(url("../images/small/bg-tratamento-clinico-da-obesidade.webp") type("image/webp"), url("../images/small/bg-tratamento-clinico-da-obesidade.jpg") type("image/jpg"));}
section.tratamentos li#reganho{background-image:url("../images/small/bg-tratamento-reganho-de-peso.jpg"); background-image: image-set(url("../images/small/bg-tratamento-reganho-de-peso.webp") type("image/webp"), url("../images/small/bg-tratamento-reganho-de-peso.jpg") type("image/jpg"));}
section.tratamentos li#vesicula{background-image:url("../images/small/bg-tratamento-cirurgia-da-vesicula.jpg"); background-image: image-set(url("../images/small/bg-tratamento-cirurgia-da-vesicula.webp") type("image/webp"), url("../images/small/bg-tratamento-cirurgia-da-vesicula.jpg") type("image/jpg"));}
section.tratamentos li#refluxo{background-image:url("../images/small/bg-tratamento-refluxo.jpg"); background-image: image-set(url("../images/small/bg-tratamento-refluxo.webp") type("image/webp"), url("../images/small/bg-tratamento-refluxo.jpg") type("image/jpg"));}

section.imc.bg-image{background-image:url("../images/small/bg-imc.jpg"); background-image: image-set(url("../images/small/bg-imc.webp") type("image/webp"), url("../images/small/bg-imc.jpg") type("image/jpg"));}
section.imc .column-3 + .column-3{margin-top:30px}
section.imc table{font-size:14px; max-width:330px; margin:auto;}
section.imc table td{height:36px;}

section.jornada .column-3 + .column-3{margin-top:20px}

section.equipe .titulo + span{display: block; justify-content: center;}
section.equipe .titulo + span .column-2{flex: initial;}
section.equipe .column-2.bg-image.dr-rodrigo{ aspect-ratio: 1/1; max-width: 300px; margin-bottom: 20px; background-image:url("../images/small/dr-rodrigo-menger.jpg"); background-image: image-set(url("../images/small/dr-rodrigo-menger.webp") type("image/webp"), url("../images/small/dr-rodrigo-menger.jpg") type("image/jpg"));}
section.equipe .column-3.bg-image{margin:0 auto 20px auto; width:300px; aspect-ratio: 3/4;}
section.equipe .numeros-list{margin:20px 0;}
section.equipe .button{margin-bottom:20px;}
section.equipe p:last-child{text-align:center;}

section.midias .button{width:48.1%;}
section.midias .button + .button{margin-left:0;}
section.midias .button:nth-child(3), section.midias .button:nth-child(5){margin-right:3.8%;}
section.midias .button:nth-child(3), section.midias .button:nth-child(4){margin-bottom:20px;}
section.midias .button + div{margin-top:20px;}

section.blog .news-list li:nth-child(4){display:inline-block; visibility:visible;}

section.entidades li a.hospitais{height:110px;}
section.entidades li a.convenios{height:85px;} 

footer{padding:0 30px; height: 1015px; background-image:url("../images/small/bg-banner-clinica.jpg"); background-image: image-set(url("../images/small/bg-banner-clinica.webp") type("image/webp"), url("../images/small/bg-banner-clinica.jpg") type("image/jpg"));}
footer .content {padding:40px 0 0 0;}
footer .column-3 + .column-3{margin:20px 0 0 0;}
footer .column-3:first-child{text-align:center;}
footer .bg-image{display:none; background-image:none; width:0;}

section.titulo{padding:0 30px;}
section.titulo.a-clinica{background-image:url("../images/small/bg-a-clinica.jpg"); background-image: image-set(url("../images/small/bg-a-clinica.webp") type("image/webp"), url("../images/small/bg-a-clinica.jpg") type("image/jpg"));}
section.titulo.area-do-paciente{background-image:url("../images/small/bg-avaliacao-online.jpg"); background-image: image-set(url("../images/small/bg-avaliacao-online.webp") type("image/webp"), url("../images/small/bg-avaliacao-online.jpg") type("image/jpg"));}
section.titulo.podcast{background-image:url("../images/small/bg-banner-avaliacao-online.jpg"); background-image: image-set(url("../images/small/bg-banner-avaliacao-online.webp") type("image/webp"), url("../images/small/bg-banner-avaliacao-online.jpg") type("image/jpg"));}
section.titulo.cirurgia-bariatrica{background-image:url("../images/small/bg-cirurgia-bariatrica.jpg"); background-image: image-set(url("../images/small/bg-cirurgia-bariatrica.webp") type("image/webp"), url("../images/small/bg-cirurgia-bariatrica.jpg") type("image/jpg"));}
section.titulo.tratamento-clinico-da-obesidade{background-image:url("../images/small/bg-clinico-da-obesidade.jpg"); background-image: image-set(url("../images/small/bg-clinico-da-obesidade.webp") type("image/webp"), url("../images/small/bg-clinico-da-obesidade.jpg") type("image/jpg"));}
section.titulo.reganho-de-peso{background-image:url("../images/small/bg-reganho-de-peso.jpg"); background-image: image-set(url("../images/small/bg-reganho-de-peso.webp") type("image/webp"), url("../images/small/bg-reganho-de-peso.jpg") type("image/jpg"));}
section.titulo.cirurgia-da-vesicula{background-image:url("../images/small/bg-cirurgia-da-vesicula.jpg"); background-image: image-set(url("../images/small/bg-cirurgia-da-vesicula.webp") type("image/webp"), url("../images/small/bg-cirurgia-da-vesicula.jpg") type("image/jpg"));}
section.titulo.refluxo-e-hernia{background-image:url("../images/small/bg-refluxo.jpg"); background-image: image-set(url("../images/small/bg-refluxo.webp") type("image/webp"), url("../images/small/bg-refluxo.jpg") type("image/jpg"));}
section.titulo.equipe{background-image:url("../images/small/bg-equipe.jpg"); background-image: image-set(url("../images/small/bg-equipe.webp") type("image/webp"), url("../images/small/bg-equipe.jpg") type("image/jpg"));}
section.titulo.imc{background-image:url("../images/small/bg-imc.jpg"); background-image: image-set(url("../images/small/bg-imc.webp") type("image/webp"), url("../images/small/bg-imc.jpg") type("image/jpg"));}
section.titulo.blog{background-image:url("../images/small/bg-blog.jpg"); background-image: image-set(url("../images/small/bg-blog.webp") type("image/webp"), url("../images/small/bg-blog.jpg") type("image/jpg"));}

section.titulo .content{aspect-ratio: 5/2;}

section.principal ul:not(.reset-list){padding-left:25px;}
section.principal iframe{margin:20px auto;}

section.principal .article.dinamico{margin:0 auto 20px auto;}/*noticias*/
section.principal .article.dinamico img{margin:0 auto 20px auto;}
section.principal .article.dinamico img.vertical{margin:0 0 20px 3.8%;}

section.convenios .content{display: block; justify-content: inherit;}
section.convenios .column-3{flex: initial; display: block; max-width: 400px; margin: auto;}
section.convenios .column-3 + .column-3{margin-top: 40px;}

section.convenios ul{padding: 0 0 15px 25px;}
section.convenios ul + span{position: relative; bottom: auto;}

/*formulários*/
#form.categorias{width:48.1%;}
#form.categorias select {font-size:14px;}

#imc{margin:0 auto; max-width:400px;}
#imc input[type=text], #form input[type=password], #form input[type=submit], #form input[type=button] {font-size:16px; height:40px;}
#imc input[type=submit] {font-size:16px; height:40px;}

#contato{max-width:400px; margin:auto;}
#contato input[type=text], #contato input[type=password] {font-size:14px; height:40px;}
#contato textarea{font-size:14px; line-height:20px;}
#contato input[type=submit], #contato input[type=button] {font-size:14px; height:40px;}

#cadastro{max-width:400px; margin:auto;}
#cadastro input[type=text], #cadastro input[type=password] {font-size:14px; height:40px;}
#cadastro input[type=submit], #cadastro input[type=button] {font-size:14px; height:40px;}

#avaliacao span.label{font-size:14px; margin:0 3.8% 20px 0; padding-left:40px;}
#avaliacao span.label.full{margin:0 0 20px 0;}
#avaliacao span.label span.white{line-height:40px; width:40px;}

#avaliacao input[type=text], #avaliacao input[type=password] {font-size:14px; height:40px;}
#avaliacao textarea{font-size:14px; line-height:20px;}
#avaliacao input[type=submit], #avaliacao input[type=button] {font-size:14px; height:40px; width:120px; margin:auto;}

/*estruturais*/
.padrao{padding:0 30px;}
.padrao .content{padding:40px 0;}
.content {max-width:750px;}
.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;}
.column-4 {width:48.1%;}
.column-4:nth-child(2n), .column-4:last-child{margin-right:0;}

.gallery a{width:30.8%; margin:10px 3.8% 10px 0; padding:7px;}
.gallery a:nth-child(5n){margin:10px 3.8% 10px 0;}
.gallery a:nth-child(3n), .gallery a:last-child{margin:10px 0 10px 0;}

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

/*específicas*/
.news-list li{min-width:48.1%; width:48.1%; max-width:48.1%; margin:0 3.8% 20px 0;}
.news-list li:nth-child(3n){margin-right:3.8%;}
.news-list li:nth-child(2n), .news-list li:last-child{margin-right:0;}

.podcast-list li{min-width:48.1%; width:48.1%; max-width:48.1%; margin:0 3.8% 20px 0; box-shadow: 0 0 5px #000000;}
.podcast-list li:nth-child(3n){margin-right: 3.8%;}
.podcast-list li:nth-child(2n), .news-list li:last-child{margin-right:0;}

.flutuante{bottom:20px; font-size:15px; box-shadow:0 0 7px #000000;}/* telefone e whatsapp */
.flutuante.bg-green{right:20px;}
.flutuante.bg-white{left:20px;}

.grupo + .grupo{margin-top:20px;}/* separação entre grupos de div*/ 
}
@media screen and (max-width:600px) {
/*configurações*/
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:15px;}

#container {padding:60px 0 1050px 0}

header {padding:0 10px; box-shadow:0 0 8px #000000;}
header .logo{padding-bottom:40px; width: 200px;}
header .button{font-size:0; margin-right:5px;}
header .social{display: none;}
header .social + .social {margin-left: 0;}

header .panel-button{margin:10px 0; width: 40px; height: 40px;}
header .panel-button span{width:20px; left: 10px; top: 19px;}
	
nav{top:60px;}
	
section.banner{aspect-ratio:2/3;}

section.banner .bg-image.clinica{background-image:url("../images/tiny/bg-banner-clinica.jpg"); background-image: image-set(url("../images/tiny/bg-banner-clinica.webp") type("image/webp"), url("../images/tiny/bg-banner-clinica.jpg") type("image/jpg"));}
section.banner .bg-image.bariatrica{background-image:url("../images/tiny/bg-cirurgia-bariatrica.jpg"); background-image: image-set(url("../images/tiny/bg-cirurgia-bariatrica.webp") type("image/webp"), url("../images/tiny/bg-cirurgia-bariatrica.jpg") type("image/jpg")); background-position:top left;}
section.banner .bg-image.videolaparoscopia{background-image:url("../images/tiny/bg-videolaparoscopia.jpg"); background-image: image-set(url("../images/tiny/bg-videolaparoscopia.webp") type("image/webp"), url("../images/tiny/bg-videolaparoscopia.jpg") type("image/jpg"));}
section.banner .bg-image.equipe{background-image:url("../images/tiny/bg-equipe.jpg"); background-image: image-set(url("../images/tiny/bg-equipe.webp") type("image/webp"), url("../images/tiny/bg-equipe.jpg") type("image/jpg"));}
section.banner .bg-image.avaliacao{background-image:url("../images/tiny/bg-banner-avaliacao-online.jpg"); background-image: image-set(url("../images/tiny/bg-banner-avaliacao-online.webp") type("image/webp"), url("../images/tiny/bg-banner-avaliacao-online.jpg") type("image/jpg"));}

section.tratamentos{padding:0;}
section.tratamentos .content{max-width:100%; padding-bottom:1px;}
section.tratamentos .reset-list{aspect-ratio: 8/5;}

section.tratamentos li#bariatrica{background-image:url("../images/tiny/bg-tratamento-cirurgia-bariatrica.jpg"); background-image: image-set(url("../images/tiny/bg-tratamento-cirurgia-bariatrica.webp") type("image/webp"), url("../images/tiny/bg-tratamento-cirurgia-bariatrica.jpg") type("image/jpg"));}
section.tratamentos li#clinico{background-image:url("../images/tiny/bg-tratamento-clinico-da-obesidade.jpg"); background-image: image-set(url("../images/tiny/bg-tratamento-clinico-da-obesidade.webp") type("image/webp"), url("../images/tiny/bg-tratamento-clinico-da-obesidade.jpg") type("image/jpg"));}
section.tratamentos li#reganho{background-image:url("../images/tiny/bg-tratamento-reganho-de-peso.jpg"); background-image: image-set(url("../images/tiny/bg-tratamento-reganho-de-peso.webp") type("image/webp"), url("../images/tiny/bg-tratamento-reganho-de-peso.jpg") type("image/jpg"));}
section.tratamentos li#vesicula{background-image:url("../images/tiny/bg-tratamento-cirurgia-da-vesicula.jpg"); background-image: image-set(url("../images/tiny/bg-tratamento-cirurgia-da-vesicula.webp") type("image/webp"), url("../images/tiny/bg-tratamento-cirurgia-da-vesicula.jpg") type("image/jpg"));}
section.tratamentos li#refluxo{background-image:url("../images/tiny/bg-tratamento-refluxo.jpg"); background-image: image-set(url("../images/tiny/bg-tratamento-refluxo.webp") type("image/webp"), url("../images/tiny/bg-tratamento-refluxo.jpg") type("image/jpg"));}
section.tratamentos li span:not(.pict){display:block; width:200px; white-space:normal;}

section.equipe .column-3.bg-image{margin:0 auto 20px auto; width:200px;}

section.midias .button{display:block; width:300px; margin:0 auto;}
section.midias .button:nth-child(3), section.midias .button:nth-child(5){margin-right:auto;}
section.midias .button + .button{margin:20px auto 0 auto;}

section.entidades li a.hospitais{height:95px;}
section.entidades li a.convenios{height:70px;} 

footer{height: 1050px; background-image:url("../images/tiny/bg-banner-clinica.jpg"); background-image: image-set(url("../images/tiny/bg-banner-clinica.webp") type("image/webp"), url("../images/tiny/bg-banner-clinica.jpg") type("image/jpg"));}

section.titulo.a-clinica{background-image:url("../images/tiny/bg-a-clinica.jpg"); background-image: image-set(url("../images/tiny/bg-a-clinica.webp") type("image/webp"), url("../images/tiny/bg-a-clinica.jpg") type("image/jpg"));}
section.titulo.area-do-paciente{background-image:url("../images/tiny/bg-avaliacao-online.jpg"); background-image: image-set(url("../images/tiny/bg-avaliacao-online.webp") type("image/webp"), url("../images/tiny/bg-avaliacao-online.jpg") type("image/jpg"));}
section.titulo.podcast{background-image:url("../images/tiny/bg-banner-avaliacao-online.jpg"); background-image: image-set(url("../images/tiny/bg-banner-avaliacao-online.webp") type("image/webp"), url("../images/tiny/bg-banner-avaliacao-online.jpg") type("image/jpg"));}
section.titulo.cirurgia-bariatrica{background-image:url("../images/tiny/bg-cirurgia-bariatrica.jpg"); background-image: image-set(url("../images/tiny/bg-cirurgia-bariatrica.webp") type("image/webp"), url("../images/tiny/bg-cirurgia-bariatrica.jpg") type("image/jpg"));}
section.titulo.tratamento-clinico-da-obesidade{background-image:url("../images/tiny/bg-clinico-da-obesidade.jpg"); background-image: image-set(url("../images/tiny/bg-clinico-da-obesidade.webp") type("image/webp"), url("../images/tiny/bg-clinico-da-obesidade.jpg") type("image/jpg"));}
section.titulo.reganho-de-peso{background-image:url("../images/tiny/bg-reganho-de-peso.jpg"); background-image: image-set(url("../images/tiny/bg-reganho-de-peso.webp") type("image/webp"), url("../images/tiny/bg-reganho-de-peso.jpg") type("image/jpg"));}
section.titulo.cirurgia-da-vesicula{background-image:url("../images/tiny/bg-cirurgia-da-vesicula.jpg"); background-image: image-set(url("../images/tiny/bg-cirurgia-da-vesicula.webp") type("image/webp"), url("../images/tiny/bg-cirurgia-da-vesicula.jpg") type("image/jpg"));}
section.titulo.refluxo-e-hernia{background-image:url("../images/tiny/bg-refluxo.jpg"); background-image: image-set(url("../images/tiny/bg-refluxo.webp") type("image/webp"), url("../images/tiny/bg-refluxo.jpg") type("image/jpg"));}
section.titulo.equipe{background-image:url("../images/tiny/bg-equipe.jpg"); background-image: image-set(url("../images/tiny/bg-equipe.webp") type("image/webp"), url("../images/tiny/bg-equipe.jpg") type("image/jpg"));}
section.titulo.imc{background-image:url("../images/tiny/bg-imc.jpg"); background-image: image-set(url("../images/tiny/bg-imc.webp") type("image/webp"), url("../images/tiny/bg-imc.jpg") type("image/jpg"));}
section.titulo.blog{background-image:url("../images/tiny/bg-blog.jpg"); background-image: image-set(url("../images/tiny/bg-blog.webp") type("image/webp"), url("../images/tiny/bg-blog.jpg") type("image/jpg"));}

section.titulo .content{aspect-ratio: 3/2;}

section.principal .article.dinamico .share + p{clear: both; padding-top: 1em;}

section.principal .article.dinamico + p .button{display:block; width:160px; margin:auto;}
section.principal .article.dinamico + p .button + .button{margin-top:20px;}
section.principal .article.dinamico + p .button.float-left, section.principal .content .article.dinamico + p .button.float-right{float:none;}

section.principal .chamada .button.white.alpha{white-space: normal;}
section.principal .chamada .button.white.alpha .pict + .label{padding-left: 0;}
section.principal .chamada .button.white.alpha .pict.email + .label{font-size: .9em; }/*fonte botão e-mail agendamento*/

/*formulários*/
#form.categorias{width:100%; float:none; margin-bottom:10px;}
#form.categorias + p{text-align:center;}
#form.categorias + p .pict + .pict{margin-left:5px;}

#avaliacao{max-width:100%; margin:auto;}
#avaliacao span.label{width:100%; margin:0;}
#avaliacao span.label.full{margin:0;}
#avaliacao span.label:nth-child(3n+1){margin-right:0;}
#avaliacao span.label p + span{display:block; width:100%;}
#avaliacao span.label p + span + span{display:block; width:100%;}
#avaliacao span.secao .column-2{margin-top: 20px;}
#avaliacao input[type=text], #avaliacao input[type=password] {margin:0 0 20px 0;}
#avaliacao input[type=submit], #avaliacao input[type=button] {border-radius:20px;}

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

/*constantes*/
.button.large{border-radius:30px;}
.button.large .label{font-size:1em; min-height:60px; padding:20px 1.5em;}
.pict.large{width:60px; height:60px; line-height:60px;}

/*específicas*/
.news-list li{min-width:100%; width:100%; max-width:100%; margin:0 0 20px 0;}
.podcast-list li:nth-child(3n){margin-right: 0;}

.podcast-list li{min-width:100%; width:100%; max-width:100%; margin:0 0 20px 0;}
.podcast-list li:nth-child(3n){margin-right: 0;}

.flutuante{bottom:15px; font-size:14px;}/* telefone e whatsapp */
.flutuante.bg-green{right:15px;}
.flutuante.bg-white{left:15px;}
}