@charset "UTF-8";
/*configurações gerais*/
html {height:100%; scroll-behavior: smooth;}
*, *::before, *::after {box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-weight:400; 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:38px;}
h3{font-size:32px;}
h3 span{display: inline-block; font-size: .6em; line-height: 1em;}
h4{font-size:28px;}
h5{font-size:22px;}
h6{font-size:20px;}
p, li{font-size: 18px; line-height: 1.7em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
ul.reset-list{margin:0; padding:0; font-size:0; list-style:none;}
.chamada{font-size:24px;}
.legenda{font-size:14px;}
a{text-decoration:none; cursor:pointer;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:600;}

/*cookie consent*/
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:700px; border:solid 1px #29b8ce; padding: 0; background-color: #fff;}
#termsfeed-com---nb .cc-nb-main-container{padding: 2em 2em 2em 3em;}
#termsfeed-com---nb .cc-nb-title {color: #29b8ce; font-size: 30px; margin-top: 0;}
#termsfeed-com---nb .cc-nb-okagree{background-color:#29b8ce; color:#fff;}
#termsfeed-com---nb .cc-nb-changep{background-color:#9B0709; color:#fff;}
#termsfeed-com---nb *:focus{outline: 3px solid #00ffdc;}

/* ids */
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; color:#010101; font-weight:400; min-width:360px;}
#container {padding: 0 0 520px 0; margin:0; height:100%; min-height:100%; height:auto!important; position:relative; background-color: #fff; overflow-x:hidden; min-width:360px; transition: padding 1s;}

#whats{position: fixed; right: 3.2%; bottom: -200px; z-index: 200; transition: all 1s; display: block; width: 120px; aspect-ratio: 1/1;}
#whats.hover{bottom: 60px;}

/* classes */
header {position:absolute; top: 0; margin-top: 0; z-index:150; padding:60px 3.2% 30px 3.2%; width:100%; font-size:0; text-align:right; min-width:360px; transition: margin 1s;}
header::before{content: ""; position: absolute; top: 0; right: 0; left: 0; height: 300px; background: linear-gradient(to bottom,  rgba(1,1,1,.9) 0%, rgba(1,1,1,0) 100%); mix-blend-mode: multiply; z-index: 5; transition: height 1s; pointer-events: none;}

header::after{content: ""; position: absolute; inset: 0; background-position: center top; background-repeat: no-repeat; background-size: auto 300px; visibility: hidden; background-image:url("../images/large/titulo-robotica.jpg"); background-image: image-set(url("../images/large/titulo-robotica.avif") type("image/avif"), url("../images/large/titulo-robotica.jpg") type("image/jpeg")); pointer-events: none;}

header .contact-us{position: absolute; top: 0; right: 0; left: 0; padding:0 3.2%; z-index: 20;}
header .contact-us a{display: inline-block; font-size: 14px; padding: 10px 0; font-weight: 500;}
header .contact-us a:nth-child(-n + 2){float: left;}
header .contact-us a:not(:nth-child(2)) + a{margin-left: 3.2%;}

header .logo{float: left; visibility: hidden; pointer-events: none;}

header a.opacity{display: inline-block; box-shadow: inset 0 0 0 2px #29b8ce; margin: 15px 0 0 10px; z-index: 10;}

header.hover{position: fixed; top: -200px; margin-top: 200px;}
header.hover .logo{visibility: visible; pointer-events: all;}
header.hover::before{bottom: 0; height: auto; background-color: #010101; background-image: url("../images/svg/linhas.svg"); background-size: 2px 4px; opacity: .7;}
header.hover::after{visibility: visible;}

nav{display: inline-block; vertical-align: middle; text-align: right; margin-top: 15px;}
nav li{display:inline-block; vertical-align:middle; position:relative;}
nav li + li{margin-left: 20px;}
nav li .condensed{display:block; position:relative; line-height:18px; padding:2px 10px 2px 0; border-right: solid 2px #29b8ce; cursor:pointer; z-index:10; color: #fff; font-weight: 400; transition: color 1s; text-align: left;}
nav li .condensed::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 0; background-image: url("../images/svg/seta-green.svg"); background-repeat: no-repeat; background-size: auto 100%; transition: width 1s;}
nav li:hover .condensed, nav li .condensed.hover{color: #29b8ce;}
nav li:hover .condensed::after, nav li .condensed.hover::after{width: 9px;}

nav li:hover ul{height: 328px;}
nav li ul{position: absolute; top: 42px; height: 0; right: 0; transition: height 1s, top 1s; overflow: hidden; text-align: right; pointer-events: none;  z-index: 10;}
nav li ul li{display: block; white-space: nowrap; margin: 2px 0 0 0; width: 100%; pointer-events: all;}
nav li ul li + li{margin-left: 0;}
nav li ul li a, nav li:hover ul li a{font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto; font-style: normal; font-size: .9em; display: block; padding: 10px 20px!important; color: #fff; background-color:#29b8ce; transition:color 1s;}
nav li ul li:hover a, nav li:hover ul li a.hover{color: #005b94;}

section.banner{display: block; background-color: #010101;}
section.banner .bg-image{padding: 0 3.2%; position: relative; width: 100%; z-index: 0;}
section.banner .bg-image:not(:first-child){display: none;}
section.banner .bg-image::before{opacity: .2; z-index: 0;}
section.banner .content{aspect-ratio:2; min-height: 800px; z-index: 10; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-start;}
section.banner .column{padding: 40px 40px 40px 0; margin-top: 50px;}
section.banner .column::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -25%; background: linear-gradient(to right,  rgba(1,1,1,1) 0%,rgba(1,1,1,0) 100%); mix-blend-mode: multiply; z-index: 0; opacity: .95;}
section.banner .column p{max-width: 550px;}

section.banner h1, section.banner h2{margin-bottom: 0; position: relative; z-index: 10;}
section.banner h2{font-size:42px;}
section.banner p{line-height: 1.4em; position: relative; z-index: 10;}

section.banner .cirurgia-robotica {background-image:url("../images/large/banner-robotica.jpg"); background-image: image-set(url("../images/large/banner-robotica.avif") type("image/avif"), url("../images/large/banner-robotica.jpg") type("image/jpeg"));}
section.banner .cirurgia-robotica::after{content: ""; position: absolute; top: 120px; right: 0; bottom: 0; left: 50%; background-position: bottom center; background-repeat: no-repeat; background-size: contain; z-index: 30; background-image:url("../images/large/banner-robotica-dr-rafael.png"); background-image: image-set(url("../images/large/banner-robotica-dr-rafael.avif") type("image/avif"), url("../images/large/banner-robotica-dr-rafael.png") type("image/png"));}
section.banner .bariatrica-metabolica {background-image:url("../images/large/banner-bariatrica.jpg"); background-image: image-set(url("../images/large/banner-bariatrica.avif") type("image/avif"), url("../images/large/banner-bariatrica.jpg") type("image/jpeg"));}
section.banner .cirurgia-vesicula {background-image:url("../images/large/banner-vesicula.jpg"); background-image: image-set(url("../images/large/banner-vesicula.avif") type("image/avif"), url("../images/large/banner-vesicula.jpg") type("image/jpeg"));}
section.banner .cirurgia-hernias {background-image:url("../images/large/banner-hernias.jpg"); background-image: image-set(url("../images/large/banner-hernias.avif") type("image/avif"), url("../images/large/banner-hernias.jpg") type("image/jpeg"));}

section.destaques{padding: 0 3.2%;}
section.destaques.hover{border-top: solid 2px #29b8ce; z-index: 20;}
section.destaques.hover .content{padding-bottom: 100px;}

section.destaques h2{display: block; margin: -80px auto 50px auto; width: 400px; aspect-ratio: 7/5; background-position: center top; background-repeat: no-repeat; background-size: contain; background-image: url("../images/svg/dr-rafael-ramos-large.svg");}
section.destaques h2 span{display: none;}

section.destaques article{text-align: left; margin: 100px auto 0 auto;}
section.destaques article .column{vertical-align: middle;}
section.destaques article .bg-image{aspect-ratio: 1/1; border-radius: 25px;}
section.destaques article h3 .blue{display: inline-block; font-size: .5em; line-height: 1.3em;}
section.destaques article h3 .green{display: inline-block; font-size: 1.5em;}

section.destaques ul{display: flex; flex-wrap: wrap;}
section.destaques li{display: inline-block; width:33.33%; position: relative; flex: 1;}
section.destaques li:nth-child(2){width: 33.34%;}
section.destaques li + li{border-left: solid 2px #d0d0d0;}
section.destaques li a{display: block; padding-bottom: 3em; height: 100%; line-height: 1.4em;}
section.destaques li h3{min-height: 3em; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; margin: .5em auto;}
section.destaques li h3 + span{display: inline-block; font-size: 1.2em;}
section.destaques li h3 + span{max-width: 12em;}
section.destaques li:nth-child(2) h3 + span{max-width: 15em;}
section.destaques li .destaque{display: block; width: 6.5em; margin: 0 auto;}
section.destaques li .pict{position: absolute; z-index: 10; bottom: 0; width: 2.4em; margin-left: -1.2em; left: 50%; pointer-events: none; box-shadow: inset 0 0 0 2px #005b94;}

section.agendamento{background-image:url("../images/large/bg-agendamento.jpg"); background-image: image-set(url("../images/large/bg-agendamento.avif") type("image/avif"), url("../images/large/bg-agendamento.jpg") type("image/jpeg"));}
section.agendamento::before{opacity: .4;}
section.agendamento .column:first-child{width: 22.6%;}
section.agendamento .column:last-child{width: 22.6%; vertical-align: bottom;}
section.agendamento .label{font-size: 1.4em;}

section.bariatrica-e-metabolica article{min-width: 700px;}
section.bariatrica-e-metabolica li{display: block; text-align: left; position: relative; padding:2.5em 0 0 7.5em; min-height: 9em;}
section.bariatrica-e-metabolica li::after{content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
section.bariatrica-e-metabolica li + li{margin-top: 2.5em; border-top: solid 2px #d0d0d0;}
section.bariatrica-e-metabolica li + li::before{content: ""; display: block; position: absolute; top: -1.7em; left: 50%; margin-left: -1.7em; width: 3.4em; background-color: #fff; background-position:60% 50%; background-image:url("../images/svg/pictogramas.svg"); background-repeat:no-repeat; background-size:1100% auto; aspect-ratio: 1/1; box-shadow: inset 0 0 0 2px #005b94; border-radius: 50vh;}
section.bariatrica-e-metabolica li span{display: inline-block; vertical-align: top; line-height: 1.3em;}
section.bariatrica-e-metabolica li .circle.blue.condensed{width: 7em; box-shadow: inset 0 0 0 2px #005b94; text-align: center; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; top: 1.5em; left: 0;}
section.bariatrica-e-metabolica li .circle.blue.condensed .passos{display: block; width: 80%; aspect-ratio:2/1;}
section.bariatrica-e-metabolica li .circle.blue.condensed .passos + span{font-size: 1.2em; font-weight: 600;}
section.bariatrica-e-metabolica li .circle.blue.condensed + span{width: 50%;}
section.bariatrica-e-metabolica li .circle.blue.condensed + span .green{font-size: 1.1em;}
section.bariatrica-e-metabolica li .circle.blue.condensed + span + span{padding-left: 2.5em; width: 50%; float: right; position: relative;}
section.bariatrica-e-metabolica li .pict.blue.next.circle{position: absolute; top: 0; left: 0; box-shadow: inset 0 0 0 2px #005b94; width: 2em;}

section.elfsight{margin-bottom: -51px; min-height: 51px; z-index: 0; padding: 10px;}

footer{padding:0 3.2%; height: 520px; position:absolute; bottom:0; left:0; right:0; min-width: 360px; z-index: 10;}
footer::before{opacity: .2;}
footer .content{padding: 100px 0 0 0;}

footer .column{width:31.2%;}
footer .column .button{margin: 1em 0 0 65px;}
footer .column .pict + span{font-size: 1.2em; line-height: 1.3em;}
footer .column .local + span{vertical-align: top; padding-top: .75em;}
footer .column .text-right .pict{box-shadow: inset 0 0 0 2px #29b8ce; margin-left: 1em;}

footer .column .logo{margin-bottom: 50px;}
footer .column strong{font-size: 1.2em;}
footer .column strong + .green{display: block; font-size: .75em; line-height: 1em;}

footer .bg-green:not(.button){position: absolute; right: 0; bottom: 0; left: 0; border-top: solid 2px #fff;}
footer .bg-green .content{padding: 0;}
footer .bg-green p{line-height: 2em;}
footer .bg-green a + a{margin-left: 20%;}
footer .bg-green .pict{width: 1.2em; box-shadow: inset 0 0 0 2px #fff; margin-right: .5em;}

section.title{padding:150px 3.2% 0 3.2%; background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: auto 300px; background-image:url("../images/large/titulo-robotica.jpg"); background-image: image-set(url("../images/large/titulo-robotica.avif") type("image/avif"), url("../images/large/titulo-robotica.jpg") type("image/jpeg"));}
section.title.cirurgia-bariatrica-e-metabolica{background-image:url("../images/large/titulo-bariatrica.jpg"); background-image: image-set(url("../images/large/titulo-bariatrica.avif") type("image/avif"), url("../images/large/titulo-bariatrica.jpg") type("image/jpeg"));}
section.title.cirurgia-da-vesicula{background-image:url("../images/large/titulo-vesicula.jpg"); background-image: image-set(url("../images/large/titulo-vesicula.avif") type("image/avif"), url("../images/large/titulo-vesicula.jpg") type("image/jpeg"));}
section.title.cirurgias-de-hernias{background-image:url("../images/large/titulo-hernias.jpg"); background-image: image-set(url("../images/large/titulo-hernias.avif") type("image/avif"), url("../images/large/titulo-hernias.jpg") type("image/jpeg"));}

section.title::before{opacity: .45; background-position: top 4px; background-image: url("../images/svg/linhas-titulo.svg");}
section.title::after{content: ""; position: absolute; inset: 0; background: linear-gradient(to right,  rgba(1,1,1,.9) 0%,rgba(1,1,1,.5) 100%); mix-blend-mode: multiply; z-index: 20;}
section.title .content{height: 150px; display: flex; flex-wrap: wrap; align-items: center; z-index: 30;}
section.title h1 .white{display: inline-block; line-height: 1.3em; font-size: .5em;}

section.standard article{display: inline-block;}
section.standard article.block{display: block; margin: 0 auto;}

section.standard .flex .column.box.bg-gray-lll{margin-top: 50px;}
section.standard .column.box.bg-gray-lll .left-line{margin-bottom: 0;}
section.standard .column.box.bg-gray-lll .left-line + .chamada{margin: 0; line-height: 1.2em; min-height: 5.4em; display: block;}
section.standard .column.box.bg-gray-lll iframe{display: block; width: 100%; aspect-ratio: 16/9; border: 0; border-radius: 5px;}

section.standard aside{margin-left: 3.2%;}
section.standard aside .bg-image{display: inline-block; width: 100%; aspect-ratio: 1/1; border-radius: 25px;}
section.standard aside a .pict.green.more.circle.float-right{width: 1.5em; box-shadow: inset 0 0 0 2px #29b8ce;}

section.standard aside.bg-green.text-center.white{border-radius: 25px; overflow: hidden; margin-right: 0; max-width: 31.2%;} /* FORM IMC */
section.standard aside.bg-green.text-center.white:first-child{float: right;} /* RESULTADO IMC */
section.standard aside.bg-green.text-center.white .pict.imc{width: 100px; margin-bottom: -25px;}
section.standard aside.bg-green.text-center.white h3{margin: 0;}
section.standard aside.bg-green.text-center.white p.condensed{margin-bottom: 0;}
section.standard aside.bg-green.text-center.white p.condensed + p.condensed{margin-top: 0; border-top: solid 2px #fff;}
section.standard aside.bg-green.text-center.white p.condensed .faixa{display: block; width: 100%; padding: .5em; line-height: 1em;  font-size: 1.1em; border-top: solid 2px #fff; white-space: nowrap;}
section.standard aside.bg-green.text-center.white p.condensed .faixa span{display: inline-block; padding: 0;border-top: none; vertical-align: top; white-space: normal;}
section.standard aside.bg-green.text-center.white p.condensed .faixa span:first-child{width: 40%;}
section.standard aside.bg-green.text-center.white p.condensed .faixa span:last-child{width: 60%; text-align: left;}
section.standard aside.bg-green.text-center.white .circle.white{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; box-shadow: inset 0 0 0 2px #fff; width: 8em; margin: 0 auto;}
section.standard aside.bg-green.text-center.white .circle.white strong{font-size: 2em;}

section.standard aside.box.bg-gray-lll .bg-image{border-radius: 5px;}

section.standard ul:not(.reset-list) li + li{margin-top: .75em;}

section.destacada{padding: 0 3.2%; border-top: solid 1px #fff; border-bottom: solid 1px #fff;}
section.destacada .content{padding: 50px 0; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: center;}
section.destacada .content a{display: block; height: 75px;}
section.destacada .content a img{display:block; height:100%; width: auto;}

/*estruturais*/
section{position: relative; min-width:360px;}
article{width:65.2%; margin:auto; position:relative; display: inline-block; vertical-align:top;}
aside{width:31.2%; margin:auto; position:relative; display:inline-block; vertical-align:top;}

.standard{position:relative; padding:0 3.2%; margin: 0;}
.standard .content{padding:100px 0;}
.standard article{display: block; margin: 0 auto;}

.content {margin:auto; width:100%; max-width:1800px; position:relative; font-size:0;}
.column {width: 48.4%; position:relative; display:inline-block; vertical-align:top;}
.column:not(:last-child){margin-right: 3.2%;}

.subnav{justify-content: center;}
.subnav li{margin-top: 50px; border-radius: 5px; width: 31.2%; text-align: left; position: relative;}
.subnav li + li{margin-left: 3.2%;}
.subnav li a{display: block; padding: 1em 2em 1em 1em; line-height: 1em; font-size: 1.4em; font-weight: 500;}
.subnav li .pict{box-shadow: inset 0 0 0 2px #fff; position: absolute; top: .75em; right: .75em; width: 1.5em;}

.reset-list.avaliar{justify-content: center;}
.avaliar li{display: inline-block; vertical-align: top; width: 16.5%; border-left: solid 2px #d0d0d0; line-height: 1.1em; padding: 0 1em; flex: 1; margin-top: 50px;}
.avaliar li:first-child, .avaliar li:last-child{width: 17%}
.avaliar li:last-child{border-right: solid 2px #d0d0d0;}
.avaliar li .destaque{width: 7em;}
.avaliar li .destaque + span{font-size: 1.2em;}

.indicacao li {display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; gap: .5em; line-height: 1.1em; padding: .5em 0;}
.indicacao li + li {border-top: solid 2px #d0d0d0;}
.indicacao li .circle {display: flex; max-width: 4.4em; flex: 0 0 5em; flex-direction: column; justify-content: center; align-items: center; margin-right: .5em; box-shadow: inset 0 0 0 2px #005b94;}
.indicacao li .circle strong {font-size: 1.4em;}
.indicacao li .circle strong + span{font-size: .75em;}
.indicacao li .circle + span {display: block; flex: 1 1 auto; min-width: 0;}
.indicacao li .circle + span strong{font-size: 1.2em; padding-bottom: .5em; display: inline-block;}

.exames{position: relative;}
.exames::before{content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -1px; width: 2px; background-color: #d0d0d0;}
.exames li {display: inline-block; width: 50%; vertical-align: top; line-height: 1.2em}
.exames li:nth-child(3), .exames li:last-child{border-top: solid 2px #d0d0d0; padding-top: 1.5em; margin-top: 1.5em;}
.exames li .destaque{width: 5em;}
.exames li .blue{font-size: .85em;}

.quotation{position: relative; padding: 0 3em;}
.quotation .pict{position: absolute; top: 0; width: 2.8em; box-shadow: inset 0 0 0 2px #fff;}
.quotation .pict.lquote{left: 0;}
.quotation .pict.rquote{right: 0;}
.quotation .pict + span{font-size: 1.75em; line-height: 1.1em; font-weight: 300;}

.fact{justify-content: center;}
.fact li{width: 31.2%; border: solid 2px #29b8ce; border-radius: 5px; margin: 25px 3.2% 25px 0; padding: 1em 2.5em 1em 1em; line-height: 1.2em; display: flex; flex-direction: column; position: relative; box-sizing: border-box;}
.fact li:nth-child(3n), .fact li:nth-last-child(1){margin-right: 0;}
.fact li:nth-last-child(-n+2) {width: 48.4%;}
.fact li .pict{box-shadow: inset 0 0 0 2px #29b8ce; position: absolute; top: .75em; right: .75em; width: 1.5em;}
.fact li strong{display: inline-block; margin-bottom: .5em; font-size: 1.1em;}

.convenios picture{width: auto; margin: 10px 7%; display: inline-block;}
.convenios picture img{display: block; width: auto; max-width: 100%; height: 130px; margin: 0 auto;}

.gallery{font-size: 0!important; text-align: left;}
.gallery a{display:inline-block; vertical-align: top; max-width: 31.2%; margin:0 3.2% 25px 0; aspect-ratio: 1/1; background-repeat:no-repeat; background-position:center; background-size:cover; border:solid 2px #29b8ce;}
.gallery a:nth-child(3n), .gallery a:last-child{margin:0 0 25px 0;}

.logo{display: block; height: 60px; aspect-ratio: 51/10; background-image: url("../images/svg/dr-rafael-ramos-cirurgia-bariatrica-robotica.svg"); background-repeat: no-repeat; background-position:left center; position: relative; z-index: 20;}
.bariatriclin{display: block; width: 100%; max-width: 400px; margin: 0 auto 50px auto; aspect-ratio: 2/1;  background-image: url("../images/svg/bariatriclin.svg"); background-repeat: no-repeat; background-position: center;}
.box{padding: 25px; border-radius: 25px;}
.columns{column-count:3; column-gap: 50px;}
.columns li{break-inside: avoid; line-height: 1.3em;}
.ancora{display: block; position: absolute; top: 0; width: 20px; height: 20px; pointer-events: none; margin-top: -100px;}
.left-line{border-left: solid 2px #29b8ce; padding-left: .15em; line-height: .9em;}
.left-line.text-right{border-left: none; padding-left: 0; border-right: solid 2px #29b8ce; padding-right: .15em;}

.round{border-radius:5px;}
.circle{display:inline-block; position:relative; vertical-align:middle; border-radius:50vh; aspect-ratio:1/1;}
.zoom{cursor: zoom-in;}
.flex{display: flex; flex-wrap: wrap;}
.green.condensed .blue{display: inline-block; font-size: .6em; line-height: 1em;}

/*formularios*/
form .filtro{display:none; visibility:hidden; position:absolute;}

form{display:block; position:relative;}

form input[type=text] {padding:5px; margin:0 0 10px 0; border: solid 2px #fff; width:100%; height:50px; line-height:50px; font-size:22px; display:block; font-weight:400; background-color: transparent;}
form input[type=text]::placeholder{color: #fff; opacity: .6;}
form button{padding:0; margin:0; border:none; width:100%; height:50px; font-size:22px; display:block; font-weight:400;}

form.imc {padding: 25px;}

form.convenio input[type=text]{border-radius: 5px 0 0 5px; margin: 0; width: 20em; display:inline-block; vertical-align: middle; height:60px; line-height:60px;}
form.convenio button {border-radius: 0 5px 5px 0; width:10em; height:60px; display:inline-block; vertical-align: middle; border: 2px solid #fff; border-left: none; background-color: #26a5b8; padding-right: 60px;}
form.convenio .pict{display: inline-block; width: 70px; margin-left: -70px; pointer-events: none;}

/*background images*/
.bg-lines::before{content: ""; position: absolute; inset: 0; mix-blend-mode: multiply; background-image: url("../images/svg/linhas.svg"); background-size: 2px 4px;}
.bg-image{background-repeat:no-repeat; background-position:center; background-size:cover;}
.bg-image.dr-rafael{background-image:url("../images/large/dr-rafael-ramos.jpg"); background-image: image-set(url("../images/large/dr-rafael-ramos.avif") type("image/avif"), url("../images/large/dr-rafael-ramos.jpg") type("image/jpeg"));}
.bg-image.obesidade{background-image:url("../images/large/bg-obesidade.jpg"); background-image: image-set(url("../images/large/bg-obesidade.avif") type("image/avif"), url("../images/large/bg-obesidade.jpg") type("image/jpeg"));}
.bg-image.cirurgia-robotica{background-image:url("../images/large/img-cirurgia-robotica.jpg"); background-image: image-set(url("../images/large/img-cirurgia-robotica.avif") type("image/avif"), url("../images/large/img-cirurgia-robotica.jpg") type("image/jpeg"));}
.bg-image.pedras-na-vesicula{background-image:url("../images/large/img-pedras-na-vesicula.jpg"); background-image: image-set(url("../images/large/img-pedras-na-vesicula.avif") type("image/avif"), url("../images/large/img-pedras-na-vesicula.jpg") type("image/jpeg"));}
/*header*/
.cirurgia-bariatrica-e-metabolica::after{background-image:url("../images/large/titulo-bariatrica.jpg"); background-image: image-set(url("../images/large/titulo-bariatrica.avif") type("image/avif"), url("../images/large/titulo-bariatrica.jpg") type("image/jpeg"));}
.cirurgia-da-vesicula::after{background-image:url("../images/large/titulo-vesicula.jpg"); background-image: image-set(url("../images/large/titulo-vesicula.avif") type("image/avif"), url("../images/large/titulo-vesicula.jpg") type("image/jpeg"));}
.cirurgias-de-hernias::after{background-image:url("../images/large/titulo-hernias.jpg"); background-image: image-set(url("../images/large/titulo-hernias.avif") type("image/avif"), url("../images/large/titulo-hernias.jpg") type("image/jpeg"));}

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

.button{display: inline-flex; justify-content: center; align-items: center; align-content: center; vertical-align:middle; position:relative; line-height:1em; min-width: 7em;}
.button.large{min-height: 60px;}

.button.medium{min-height: 40px;}
.button.medium .label{font-size: .9em;}
.button.small{min-height: 30px;}
.button.small .label{font-size: .8em;}
.button.hover{opacity:0.25;}

.button .label{display:inline-block; vertical-align:middle; padding: 0 1em; line-height: 1em; text-align: center;}
.button .label:not(:first-child){padding: 0 2em 0 1em;}

.button .label span{display: block; font-size: .6em; line-height: 1.2em;}

.pict{display:inline-block; vertical-align:middle; background-image:url("../images/svg/pictogramas.svg"); background-repeat:no-repeat; background-size:1100% auto; aspect-ratio:1/1;}
.pict.text{background-image:none; font-size:1.4em; font-weight: 600;}
.pict.hover{opacity:0.25;}
.pict.medium.green.check.circle{border: solid 1px #29b8ce; margin-bottom: .75em;}
.pict + span{display: inline-block; vertical-align: middle;}

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

.pict.green.whats{background-position:0% 0%;}
.pict.green.fone{background-position:10% 0%;}
.pict.green.local{background-position:20% 0%;}
.pict.green.email{background-position:30% 0%;}
.pict.green.agendamento{background-position:40% 0%;}
.pict.green.horario{background-position:50% 0%;}
.pict.green.home{background-position:60% 0%;}
.pict.green.link{background-position:70% 0%;}
.pict.green.no-link{background-position:80% 0%;}
.pict.green.download{background-position:90% 0%;}
.pict.green.upload{background-position:100% 0%;}

.pict.green.like{background-position:0% 10%;}
.pict.green.noticias{background-position:10% 10%;}
.pict.green.imc{background-position:20% 10%;}
.pict.green.lquote{background-position:30% 10%;}
.pict.green.rquote{background-position:40% 10%;}
.pict.green.linkedin{background-position:50% 10%;}
.pict.green.facebook{background-position:60% 10%;}
.pict.green.instagram{background-position:70% 10%;}
.pict.green.youtube{background-position:80% 10%;}

.pict.green.more{background-position:0% 20%;}
.pict.green.less{background-position:10% 20%;}
.pict.green.close{background-position:20% 20%;}
.pict.green.check{background-position:30% 20%;}
.pict.green.next{background-position:40% 20%;}
.pict.green.prev{background-position:50% 20%;}
.pict.green.bottom{background-position:60% 20%;}
.pict.green.top{background-position:70% 20%;}

.pict.blue.whats{background-position:0% 30%;}
.pict.blue.fone{background-position:10% 30%;}
.pict.blue.local{background-position:20% 30%;}
.pict.blue.email{background-position:30% 30%;}
.pict.blue.agendamento{background-position:40% 30%;}
.pict.blue.horario{background-position:50% 30%;}
.pict.blue.home{background-position:60% 30%;}
.pict.blue.link{background-position:70% 30%;}
.pict.blue.no-link{background-position:80% 30%;}
.pict.blue.download{background-position:90% 30%;}
.pict.blue.upload{background-position:100% 30%;}

.pict.blue.like{background-position:0% 40%;}
.pict.blue.noticias{background-position:10% 40%;}
.pict.blue.imc{background-position:20% 40%;}
.pict.blue.lquote{background-position:30% 40%;}
.pict.blue.rquote{background-position:40% 40%;}
.pict.blue.linkedin{background-position:50% 40%;}
.pict.blue.facebook{background-position:60% 40%;}
.pict.blue.instagram{background-position:70% 40%;}
.pict.blue.youtube{background-position:80% 40%;}

.pict.blue.more{background-position:0% 50%;}
.pict.blue.less{background-position:10% 50%;}
.pict.blue.close{background-position:20% 50%;}
.pict.blue.check{background-position:30% 50%;}
.pict.blue.next{background-position:40% 50%;}
.pict.blue.prev{background-position:50% 50%;}
.pict.blue.bottom{background-position:60% 50%;}
.pict.blue.top{background-position:70% 50%;}

.pict.white.whats{background-position:0% 60%;}
.pict.white.fone{background-position:10% 60%;}
.pict.white.local{background-position:20% 60%;}
.pict.white.email{background-position:30% 60%;}
.pict.white.agendamento{background-position:40% 60%;}
.pict.white.horario{background-position:50% 60%;}
.pict.white.home{background-position:60% 60%;}
.pict.white.link{background-position:70% 60%;}
.pict.white.no-link{background-position:80% 60%;}
.pict.white.download{background-position:90% 60%;}
.pict.white.upload{background-position:100% 60%;}

.pict.white.like{background-position:0% 70%;}
.pict.white.noticias{background-position:10% 70%;}
.pict.white.imc{background-position:20% 70%;}
.pict.white.lquote{background-position:30% 70%;}
.pict.white.rquote{background-position:40% 70%;}
.pict.white.linkedin{background-position:50% 70%;}
.pict.white.facebook{background-position:60% 70%;}
.pict.white.instagram{background-position:70% 70%;}
.pict.white.youtube{background-position:80% 70%;}

.pict.white.more{background-position:0% 80%;}
.pict.white.less{background-position:10% 80%;}
.pict.white.close{background-position:20% 740%;}
.pict.white.check{background-position:30% 80%;}
.pict.white.next{background-position:40% 80%;}
.pict.white.prev{background-position:50% 80%;}
.pict.white.bottom{background-position:60% 80%;}
.pict.white.top{background-position:70% 80%;}

.destaque{display:inline-block; vertical-align:middle; background-image:url("../images/svg/homunculos.svg"); background-repeat:no-repeat; background-size:900% auto; aspect-ratio:1/1;}

.destaque.hernias{background-position:0% 0%;}
.destaque.bariatrica{background-position:12.5% 0%;}
.destaque.vesicula{background-position:25% 0%;}
.destaque.exame{background-position:37.5% 0%;}
.destaque.ecografia{background-position:50% 0%;}
.destaque.endoscopia{background-position:62.5% 0%;}
.destaque.outros{background-position:75% 0%;}

.destaque.peso{background-position:0% 100%;}
.destaque.percentual{background-position:12.5% 100%;}
.destaque.massa{background-position:25% 100%;}
.destaque.hidratacao{background-position:37.5% 100%;}
.destaque.nutricao{background-position: 50% 100%;}
.destaque.metabolismo{background-position: 62.5% 100%;}

.passos{display:inline-block; vertical-align:middle; background-image:url("../images/svg/passos.svg"); background-repeat:no-repeat; background-size:200% auto; aspect-ratio:2/1;}

.passos.um{background-position:0% 0%;}
.passos.dois{background-position:0% 100%;}
.passos.tres{background-position:100% 0%;}
.passos.quatro{background-position:100% 100%;}

/*cores*/
.white{color:#fff;}
.black{color:#010101;}
.green{color:#29b8ce;}
.green-d{color:#26a5b8;}
.blue{color:#005b94;}
.yellow{color:#dea600;}
.orange{color:#cf5208;}
.red{color:#c90c0f;}
.burgundy{color:#ae0f0a;}

/*backgrounds*/
.bg-white{background-color:#fff;}
.bg-green{background-color:#29b8ce;}
.bg-green-d{background-color:#26a5b8;}
.bg-blue{background-color:#005b94;}
.bg-yellow{background-color:#dea600;}
.bg-orange{background-color:#cf5208;}
.bg-red{background-color:#c90c0f;}
.bg-burgundy{background-color:#ae0f0a;}
.bg-gray-ll{background-color:#e3e3e3;}
.bg-gray-lll{background-color:#f2f2f2;}

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

/* fontes */
.montserrat {font-family: "Montserrat", sans-serif; font-optical-sizing: auto;}
.condensed {font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto; font-style: normal;}


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

/* ids */
#whats{width: 110px;}
#whats.hover{bottom: 50px;}

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

header {padding:60px 1.6% 30px 1.6%;}
header::before{content: ""; position: absolute; top: 0; right: 0; left: 0; height: 300px; background: linear-gradient(to bottom,  rgba(1,1,1,.8) 0%, rgba(1,1,1,0) 100%); mix-blend-mode: multiply; z-index: 5; opacity: .95; transition: height 1s;}

header::after{content: ""; position: absolute; inset: 0; background-position: center top; background-repeat: no-repeat; background-size: auto 300px; visibility: hidden; background-image:url("../images/medium/titulo-robotica.jpg"); background-image: image-set(url("../images/medium/titulo-robotica.avif") type("image/avif"), url("../images/medium/titulo-robotica.jpg") type("image/jpeg"));}

header .contact-us{padding:0 1.6%;}

header .logo{width: 27.5%;}

header a.opacity{margin: 15px 0 0 5px;}

nav{margin-top: 10px;}
nav li + li{margin-left: 9px;}
nav li .condensed{padding:2px 8px 2px 0; letter-spacing: -.05em;}
nav li:hover .condensed::after, nav li .condensed.hover::after{width: 7px;}

section.banner .content{aspect-ratio:1.67; min-height: 650px;}
section.banner .column{padding: 32px 32px 32px 0; margin-top: 40px;}
section.banner .column p{max-width: 550px;}

section.banner h2{font-size:36px;}

section.banner .cirurgia-robotica {background-image:url("../images/medium/banner-robotica.jpg"); background-image: image-set(url("../images/medium/banner-robotica.avif") type("image/avif"), url("../images/medium/banner-robotica.jpg") type("image/jpeg"));}
section.banner .cirurgia-robotica::after{background-image:url("../images/large/banner-robotica-dr-rafael.png"); background-image: image-set(url("../images/large/banner-robotica-dr-rafael.avif") type("image/avif"), url("../images/large/banner-robotica-dr-rafael.png") type("image/png"));}
section.banner .bariatrica-metabolica {background-image:url("../images/medium/banner-bariatrica.jpg"); background-image: image-set(url("../images/medium/banner-bariatrica.avif") type("image/avif"), url("../images/medium/banner-bariatrica.jpg") type("image/jpeg"));}
section.banner .cirurgia-vesicula {background-image:url("../images/medium/banner-vesicula.jpg"); background-image: image-set(url("../images/medium/banner-vesicula.avif") type("image/avif"), url("../images/medium/banner-vesicula.jpg") type("image/jpeg"));}
section.banner .cirurgia-hernias {background-image:url("../images/medium/banner-hernias.jpg"); background-image: image-set(url("../images/medium/banner-hernias.avif") type("image/avif"), url("../images/medium/banner-hernias.jpg") type("image/jpeg"));}

section.destaques.hover .content{padding-bottom: 80px;}

section.destaques h2{display: block; margin: -64px auto 40px auto; width: 320px; background-image: url("../images/svg/dr-rafael-ramos-medium.svg");}

section.destaques article{margin: 80px auto 0 auto;}
section.destaques article .bg-image{border-radius: 20px;}

section.agendamento{background-image:url("../images/medium/bg-agendamento.jpg"); background-image: image-set(url("../images/medium/bg-agendamento.avif") type("image/avif"), url("../images/medium/bg-agendamento.jpg") type("image/jpeg"));}
section.agendamento .label{font-size: 1.2em; white-space: nowrap;}

footer{height: 470px;}
footer .content{padding: 80px 0 0 0;}

footer .column .pict + span{font-size: 1em;}
footer .column .text-right .pict{margin-left: .5em;}

footer .column .logo{margin-bottom: 40px;}

section.title{background-image:url("../images/medium/titulo-robotica.jpg"); background-image: image-set(url("../images/medium/titulo-robotica.avif") type("image/avif"), url("../images/medium/titulo-robotica.jpg") type("image/jpeg"));}
section.title.cirurgia-bariatrica-e-metabolica{background-image:url("../images/medium/titulo-bariatrica.jpg"); background-image: image-set(url("../images/medium/titulo-bariatrica.avif") type("image/avif"), url("../images/medium/titulo-bariatrica.jpg") type("image/jpeg"));}
section.title.cirurgia-da-vesicula{background-image:url("../images/medium/titulo-vesicula.jpg"); background-image: image-set(url("../images/medium/titulo-vesicula.avif") type("image/avif"), url("../images/medium/titulo-vesicula.jpg") type("image/jpeg"));}
section.title.cirurgias-de-hernias{background-image:url("../images/medium/titulo-hernias.jpg"); background-image: image-set(url("../images/medium/titulo-hernias.avif") type("image/avif"), url("../images/medium/titulo-hernias.jpg") type("image/jpeg"));}

section.standard .flex .column.box.bg-gray-lll{margin-top: 40px;}

section.standard aside .bg-image{border-radius: 20px;}

section.standard aside.bg-green.text-center.white{border-radius: 20px;} /* FORM IMC */
section.standard aside.bg-green.text-center.white .pict.imc{width: 90px; margin-bottom: -20px;}

section.destacada .content{padding: 40px 0;}
section.destacada .content a{height: 60px;}

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

.subnav{justify-content: center;}
.subnav li{margin-top: 40px;}

.avaliar li{margin-top: 40px;}

.fact li{margin: 20px 3.2% 20px 0;}

.convenios picture{margin: 8px 5%;}
.convenios picture img{height: 110px;}

.gallery a{margin:0 3.2% 20px 0;}
.gallery a:nth-child(3n), .gallery a:last-child{margin:0 0 20px 0;}

.logo{height: 50px;}
.bariatriclin{max-width: 320px; margin: 0 auto 40px auto;}
.box{padding: 20px; border-radius: 20px;}
.columns{column-gap: 40px;}
.ancora{margin-top: -80px;}

/*formularios*/

form input[type=text] {font-size:20px;}
form button{font-size:20px;}

form.imc {padding: 20px;}

/*background images*/
.bg-image.dr-rafael{background-image:url("../images/medium/dr-rafael-ramos.jpg"); background-image: image-set(url("../images/medium/dr-rafael-ramos.avif") type("image/avif"), url("../images/medium/dr-rafael-ramos.jpg") type("image/jpeg"));}
.bg-image.obesidade{background-image:url("../images/medium/bg-obesidade.jpg"); background-image: image-set(url("../images/medium/bg-obesidade.avif") type("image/avif"), url("../images/medium/bg-obesidade.jpg") type("image/jpeg"));}
.bg-image.cirurgia-robotica{background-image:url("../images/medium/img-cirurgia-robotica.jpg"); background-image: image-set(url("../images/medium/img-cirurgia-robotica.avif") type("image/avif"), url("../images/medium/img-cirurgia-robotica.jpg") type("image/jpeg"));}
.bg-image.pedras-na-vesicula{background-image:url("../images/medium/img-pedras-na-vesicula.jpg"); background-image: image-set(url("../images/medium/img-pedras-na-vesicula.avif") type("image/avif"), url("../images/medium/img-pedras-na-vesicula.jpg") type("image/jpeg"));}
/*header*/
.cirurgia-bariatrica-e-metabolica::after{background-image:url("../images/medium/titulo-bariatrica.jpg"); background-image: image-set(url("../images/medium/titulo-bariatrica.avif") type("image/avif"), url("../images/medium/titulo-bariatrica.jpg") type("image/jpeg"));}
.cirurgia-da-vesicula::after{background-image:url("../images/medium/titulo-vesicula.jpg"); background-image: image-set(url("../images/medium/titulo-vesicula.avif") type("image/avif"), url("../images/medium/titulo-vesicula.jpg") type("image/jpeg"));}
.cirurgias-de-hernias::after{background-image:url("../images/medium/titulo-hernias.jpg"); background-image: image-set(url("../images/medium/titulo-hernias.avif") type("image/avif"), url("../images/medium/titulo-hernias.jpg") type("image/jpeg"));}
}
@media screen and (max-width:1000px) {
/*configurações gerais*/
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
p, li{font-size: 14px;}
.chamada{font-size:18px;}
.legenda{font-size:10px;}

/* ids */
#container {padding: 0 0 430px 0;}

#whats{right: 25px; width: 80px;}
#whats.hover{bottom: 25px;}

/* classes */
header {padding:40px 25px 20px 25px;}
header::before{height: 220px;}

header::after{background-size: auto 220px; background-image:url("../images/small/titulo-robotica.jpg"); background-image: image-set(url("../images/small/titulo-robotica.avif") type("image/avif"), url("../images/small/titulo-robotica.jpg") type("image/jpeg"));}

header .contact-us{padding:0 25px;}
header .contact-us a{font-size: 10px;}
header .contact-us a:not(:nth-child(2)) + a{margin-left: 15px;}

header .logo{width: auto; margin-top: 5px;}

header a.opacity{margin: 0 0 0 10px;}

header .panel-button{display: inline-block; position: relative; width: 50px; height: 50px; vertical-align: middle; margin-left: 15px; z-index: 15;}
header .panel-button span{display:block; position:absolute; height:2px; width:26px; left: 12px; top: 24px; background-color:#fff; border-radius: 2px;}
header .panel-button span::before, header .panel-button span::after{content: ""; display: block; position: absolute; height: 2px; width: 26px; background-color:#fff; border-radius: 1px;}
header .panel-button span::before{top: 9px;}
header .panel-button span::after{bottom: 9px;}

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

header.panel-button-active nav {right: 0;}

header.hover nav{z-index: 10;}
header.hover nav::before{content: ""; position: absolute; top: 0; right: 0; left: 0; height: 250px; background: linear-gradient(to bottom,  rgba(1,1,1,.8) 0%, rgba(1,1,1,0) 100%); mix-blend-mode: multiply; z-index: 5; opacity: .95; transition: height 1s; pointer-events: none;}

nav{display:block; margin-top: 0; position: fixed; overflow: hidden; top: 0; right: -260px; bottom: 0; left: auto; width: 260px; background-color: #29b8ce;}

nav .reset-list:first-child{position: absolute; top: 110px; right: 0; bottom: 0; left: 0; overflow: auto;}
nav li{display:block; width: 100%; border-bottom: solid 1px #fff;}
nav li:first-child{border-top: solid 1px #fff;}
nav li + li{margin-left: 0; }
nav li .condensed, nav li .condensed.hover, nav li:hover .condensed:not(.hover){display:block; position:relative; line-height:20px; font-size: 16px; letter-spacing: 0; padding:15px 0 15px 20px; border-right: none; cursor:auto; transition: none; color: #fff;}
nav li .condensed::after, nav li:hover .condensed::after{background-image: url("../images/svg/seta-white.svg"); transition: none; width: 0;}
nav li .condensed.hover::after{width: 15px;}
nav li .condensed br{display: none;}

nav li:hover ul{height: auto;}
nav li ul{position: relative; top: auto; height: auto; right: auto; transition: none; overflow:auto; text-align: left;}
nav li ul li{margin: 0; border-top: dotted 1px #fff; border-bottom: none;}
nav li ul li a, nav li:hover ul li a{font-size: .9em; color: #fff; background-color: transparent; transition: none; padding:10px 0 10px 40px!important;}
nav li:hover ul li a.hover{color: #fff;}
nav li ul li a.hover::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 10px; background-image: url("../images/svg/seta-white.svg"); background-repeat: no-repeat; background-size: auto 100%;}

section.banner .bg-image{padding: 0 25px;}
section.banner .content{aspect-ratio: 1.46; min-height: 400px; max-width: 100%;}
section.banner .column{padding: 24px 24px 24px 0; margin-top: 30px;}
section.banner .column p{max-width: 360px;}

section.banner h2{font-size:32px;}

section.banner .cirurgia-robotica {background-image:url("../images/small/banner-robotica.jpg"); background-image: image-set(url("../images/small/banner-robotica.avif") type("image/avif"), url("../images/small/banner-robotica.jpg") type("image/jpeg"));}
section.banner .cirurgia-robotica::after{top: 100px; left: 60%; background-image:url("../images/small/banner-robotica-dr-rafael.png"); background-image: image-set(url("../images/small/banner-robotica-dr-rafael.avif") type("image/avif"), url("../images/small/banner-robotica-dr-rafael.png") type("image/png"));}
section.banner .bariatrica-metabolica {background-image:url("../images/small/banner-bariatrica.jpg"); background-image: image-set(url("../images/small/banner-bariatrica.avif") type("image/avif"), url("../small/large/banner-bariatrica.jpg") type("image/jpeg"));}
section.banner .cirurgia-vesicula {background-image:url("../images/small/banner-vesicula.jpg"); background-image: image-set(url("../images/small/banner-vesicula.avif") type("image/avif"), url("../images/small/banner-vesicula.jpg") type("image/jpeg"));}
section.banner .cirurgia-hernias {background-image:url("../images/small/banner-hernias.jpg"); background-image: image-set(url("../images/small/banner-hernias.avif") type("image/avif"), url("../images/small/banner-hernias.jpg") type("image/jpeg"));}

section.destaques{padding: 0 25px;}
section.destaques.hover .content{padding-bottom: 60px;}

section.destaques h2{margin: -56px auto 30px auto; width: 280px; background-image: url("../images/svg/dr-rafael-ramos-small.svg");}

section.destaques article{margin: 60px auto 0 auto;}
section.destaques article .column:first-child{max-width: 280px; margin: 0 0 -150px auto; display: block;}
section.destaques article .bg-image{border-radius: 15px;}

section.destaques li h3 + span{font-size: 1em; padding: 0 1em;}

section.agendamento{background-image:url("../images/small/bg-agendamento.jpg"); background-image: image-set(url("../images/small/bg-agendamento.avif") type("image/avif"), url("../images/small/bg-agendamento.jpg") type("image/jpeg"));}
section.agendamento .column:first-child{width: 100%; margin-bottom: 30px;}
section.agendamento .column:last-child{width: 100%; margin-top: 30px; text-align: center;}
section.agendamento .column:last-child p{display: inline-block; vertical-align: middle; margin: 0;}
section.agendamento .column:last-child p + p{margin-left: 60px;}

section.bariatrica-e-metabolica article{min-width: 100%;}

footer{padding:0 25px; height: 430px;}
footer .content{padding: 60px 0 0 0;}

footer .column:first-child{width:100%;}
footer .column:first-child p{position: absolute; top: 0; right: 0; margin: 0;}
footer .column:not(:first-child){width:48.4%;}
footer .column:not(:first-child) + .column{margin-left: 3.2%;}

footer .column .logo{margin-bottom: 30px;}

footer .column .button{margin: 1em 0 0 45px;}

footer .bg-green a + a{margin-left: 30px;}

section.title{padding:110px 25px 0 25px; background-size: auto 220px; background-image:url("../images/small/titulo-robotica.jpg"); background-image: image-set(url("../images/small/titulo-robotica.avif") type("image/avif"), url("../images/small/titulo-robotica.jpg") type("image/jpeg"));}
section.title.cirurgia-bariatrica-e-metabolica{background-image:url("../images/small/titulo-bariatrica.jpg"); background-image: image-set(url("../images/small/titulo-bariatrica.avif") type("image/avif"), url("../images/small/titulo-bariatrica.jpg") type("image/jpeg"));}
section.title.cirurgia-da-vesicula{background-image:url("../images/small/titulo-vesicula.jpg"); background-image: image-set(url("../images/small/titulo-vesicula.avif") type("image/avif"), url("../images/small/titulo-vesicula.jpg") type("image/jpeg"));}
section.title.cirurgias-de-hernias{background-image:url("../images/small/titulo-hernias.jpg"); background-image: image-set(url("../images/small/titulo-hernias.avif") type("image/avif"), url("../images/small/titulo-hernias.jpg") type("image/jpeg"));}

section.title .content{height: 110px;}

section.standard.bg-gray-lll .column.text-right{text-align: left; margin-bottom: 30px;}

section.standard .flex .column.box.bg-gray-lll{margin-top: 30px;}

section.standard .column + .column{margin-top: 30px;}
section.standard .column.box.bg-gray-lll .left-line{margin-bottom: 0;}
section.standard .column.box.bg-gray-lll .left-line + .chamada{margin: 0; line-height: 1.2em; min-height: 5.4em; display: block;}
section.standard .column.box.bg-gray-lll iframe{display: block; width: 100%; aspect-ratio: 16/9; border: 0; border-radius: 5px;}

section.standard aside{display: block; margin: 30px auto 0 auto;}
section.standard aside .bg-image.dr-rafael{max-width: 280px; margin:0 0 -110px auto; display:block;}
section.standard aside .bg-image.cirurgia-robotica, section.standard aside .bg-image.pedras-na-vesicula{aspect-ratio: 2/1;}
section.standard aside .bg-image{border-radius: 15px;}

section.standard aside.bg-green.text-center.white{border-radius: 15px; max-width: 280px; margin: 30px auto 0 auto;} /* FORM IMC */
section.standard aside.bg-green.text-center.white:first-child{float: none; max-width: 100%; margin: 0 auto 30px auto;} /* RESULTADO IMC */
section.standard aside.bg-green.text-center.white:first-child a{padding: .75em 0;}

section.standard ul:not(.reset-list){padding-left: 20px;}

section.destacada{padding: 0 25px;}
section.destacada .content{padding: 30px 0;}
section.destacada .content a{display: block; height: 40px;}

/*estruturais*/
article{width:100%; display: block;}
aside{width:100%;}

.standard{padding:0 25px;}
.standard .content{padding:60px 0;}

.content {max-width:800px;}
.column {width: 100%;}
.column:not(:last-child){margin-right: 0;}

.subnav li{margin-top: 30px;}

.avaliar li{width: 33.33%; min-width: 33.33%; margin-top: 30px;}
.avaliar li:first-child, .avaliar li:last-child{width: 33.33%; min-width: 33.33%;}
.avaliar li:nth-child(3){border-right: solid 2px #d0d0d0;}

.fact li{width: 48.4%; margin: 10px 3.2% 10px 0;}
.fact li:nth-child(3n){margin-right: 3.2%;}
.fact li:nth-child(2n), .fact li:nth-last-child(1){margin-right: 0;}
.fact li:last-child{width: 100%;}

.convenios picture{width: auto; margin: 6px 3%;}
.convenios picture img{height: 90px;}

.gallery a{max-width: 14%; margin:0 3.2% 15px 0;}
.gallery a:nth-child(3){margin:0 3.2% 15px 0;}
.gallery a:last-child{margin:0 0 15px 0;}

.logo{height: 40px;}
.bariatriclin{max-width: 280px; margin: 0 auto 30px auto;}
.box{border-radius: 15px;}
.columns{column-count:2; column-gap: 30px;}
.ancora{margin-top: -60px;}
.left-line.text-right {border-left: solid 2px #29b8ce; padding-left: .15em; border-right: none; padding-right: 0; text-align: left;}

/*formularios*/
form input[type=text] {height:40px; line-height:40px; font-size:18px;}
form button{height:40px; font-size:18px;}

form.imc {padding: 15px;}

form.convenio input[type=text]{width: 57%; height:50px; line-height:50px;}
form.convenio button {width:43%; height:50px; padding-right: 40px;}
form.convenio .pict{width: 50px; margin-left: -50px;}

/*background images*/
.bg-image.dr-rafael{background-image:url("../images/small/dr-rafael-ramos.jpg"); background-image: image-set(url("../images/small/dr-rafael-ramos.avif") type("image/avif"), url("../images/small/dr-rafael-ramos.jpg") type("image/jpeg"));}
.bg-image.obesidade{background-image:url("../images/small/bg-obesidade.jpg"); background-image: image-set(url("../images/small/bg-obesidade.avif") type("image/avif"), url("../images/small/bg-obesidade.jpg") type("image/jpeg"));}
.bg-image.cirurgia-robotica{background-image:url("../images/small/img-cirurgia-robotica.jpg"); background-image: image-set(url("../images/small/img-cirurgia-robotica.avif") type("image/avif"), url("../images/small/img-cirurgia-robotica.jpg") type("image/jpeg"));}
.bg-image.pedras-na-vesicula{background-image:url("../images/small/img-pedras-na-vesicula.jpg"); background-image: image-set(url("../images/small/img-pedras-na-vesicula.avif") type("image/avif"), url("../images/small/img-pedras-na-vesicula.jpg") type("image/jpeg"));}
/*header*/
.cirurgia-bariatrica-e-metabolica::after{background-image:url("../images/small/titulo-bariatrica.jpg"); background-image: image-set(url("../images/small/titulo-bariatrica.avif") type("image/avif"), url("../images/small/titulo-bariatrica.jpg") type("image/jpeg"));}
.cirurgia-da-vesicula::after{background-image:url("../images/small/titulo-vesicula.jpg"); background-image: image-set(url("../images/small/titulo-vesicula.avif") type("image/avif"), url("../images/small/titulo-vesicula.jpg") type("image/jpeg"));}
.cirurgias-de-hernias::after{background-image:url("../images/small/titulo-hernias.jpg"); background-image: image-set(url("../images/small/titulo-hernias.avif") type("image/avif"), url("../images/small/titulo-hernias.jpg") type("image/jpeg"));}

/*transições*/
.opacity{transition:none;}
.opacity:hover{opacity:1;}

.button.large{min-height: 40px;}
.button.medium{min-height: 30px;}
.button.small{min-height: 20px;}

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

.pict.large{min-width:40px; line-height: 40px;}
.pict.medium{min-width:30px; line-height: 30px;}
.pict.small{min-width:20px; line-height: 20px;}
	
}
@media screen and (max-width:600px) {
/*configurações gerais*/
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
.chamada{font-size:16px;}

/* ids */
#container {padding: 0 0 680px 0;}

#whats{width: 60px;}

/* classes */
header {padding:40px 10px 20px 10px;}

header::after{background-size: auto 220px; background-image:url("../images/tiny/titulo-robotica.jpg"); background-image: image-set(url("../images/tiny/titulo-robotica.avif") type("image/avif"), url("../images/tiny/titulo-robotica.jpg") type("image/jpeg"));}

header .contact-us{padding:0 10px;}
header .contact-us a:nth-child(2){font-size: 0;}

header .logo{width: auto; margin-top: 7px; height: 30px;}

header a.opacity{margin: 0 0 0 4px;}

header .panel-button{width: 40px; height: 50px; margin-left: 4px;}
header .panel-button span{width:26px; left: 7px; top: 24px;}
header .panel-button span::before, header .panel-button span::after{content: ""; display: block; position: absolute; height: 2px; width: 26px; background-color:#fff; border-radius: 1px;}
header .panel-button span::before{top: 9px;}
header .panel-button span::after{bottom: 9px;}

nav{right: -220px; width: 220px;}

section.banner .content{aspect-ratio: unset; min-height: 500px;}
section.banner .column::before{background: linear-gradient(to right,  rgba(1,1,1,.9) 0%,rgba(1,1,1,.2) 100%); right: -40px;}
section.banner .column p{max-width: 380px;}

section.banner h2{font-size:28px;}

section.banner .cirurgia-robotica {background-image:url("../images/tiny/banner-robotica.jpg"); background-image: image-set(url("../images/tiny/banner-robotica.avif") type("image/avif"), url("../images/tiny/banner-robotica.jpg") type("image/jpeg"));}
section.banner .cirurgia-robotica::after{right: auto; left: 47.5%; width: 300px; background-position: bottom left; background-image:url("../images/tiny/banner-robotica-dr-rafael.png"); background-image: image-set(url("../images/tiny/banner-robotica-dr-rafael.avif") type("image/avif"), url("../images/tiny/banner-robotica-dr-rafael.png") type("image/png"));}
section.banner .cirurgia-robotica .column p{max-width: 100%; padding-right: 45%;}
section.banner .bariatrica-metabolica {background-image:url("../images/tiny/banner-bariatrica.jpg"); background-image: image-set(url("../images/tiny/banner-bariatrica.avif") type("image/avif"), url("../images/tiny/banner-bariatrica.jpg") type("image/jpeg"));}
section.banner .cirurgia-vesicula {background-image:url("../images/tiny/banner-vesicula.jpg"); background-image: image-set(url("../images/tiny/banner-vesicula.avif") type("image/avif"), url("../images/tiny/banner-vesicula.jpg") type("image/jpeg"));}
section.banner .cirurgia-hernias {background-image:url("../images/tiny/banner-hernias.jpg"); background-image: image-set(url("../images/tiny/banner-hernias.avif") type("image/avif"), url("../images/tiny/banner-hernias.jpg") type("image/jpeg"));}

section.destaques h2{margin: -44px auto 30px auto; width: 220px; background-image: url("../images/svg/dr-rafael-ramos-tiny.svg");}

section.destaques article .column:first-child{max-width: 190px; margin: 0 0 -90px auto; display: block;}

section.destaques ul{display: unset; flex-wrap: unset;}
section.destaques li{display: block; width:100%; flex: initial;}
section.destaques li:nth-child(2){width: 100%;}
section.destaques li + li{border-left: none; border-top: solid 2px #d0d0d0;}
	
section.destaques li a{display: block; padding:1.5em 0 .5em 0;}
section.destaques li h3{min-height: auto; display: block; flex-direction: unset; flex-wrap: unset; justify-content: unset; align-items: unset;}
section.destaques li h3 br{display: none;}
section.destaques li h3 + span{max-width: 22em;}
section.destaques li:nth-child(2) h3 + span{max-width: unset;}
section.destaques li .destaque{width: 4.5em;}
section.destaques li .pict{position: relative; bottom: unset; width: 2.4em; margin:.5em auto 0 auto; left: unset; display: block;}

section.agendamento{background-image:url("../images/tiny/bg-agendamento.jpg"); background-image: image-set(url("../images/tiny/bg-agendamento.avif") type("image/avif"), url("../images/tiny/bg-agendamento.jpg") type("image/jpeg"));}
section.agendamento .column:last-child p{display: block;}
section.agendamento .column:last-child p + p{margin: 30px 0 0 0;}

section.bariatrica-e-metabolica li{padding:2.5em 0 0 5.5em; min-height: unset;}
section.bariatrica-e-metabolica li span{display: inline-block; vertical-align: top; line-height: 1.3em;}
section.bariatrica-e-metabolica li .circle.blue.condensed{width: 5em;}
section.bariatrica-e-metabolica li .circle.blue.condensed .passos + span{font-size: .8em;}
section.bariatrica-e-metabolica li .circle.blue.condensed + span{width: 100%;}
section.bariatrica-e-metabolica li .circle.blue.condensed + span .green{font-size: 1.1em;}
section.bariatrica-e-metabolica li .circle.blue.condensed + span + span{padding-left: 2.5em; width: 100%; float: none; margin-top: 1em;}

footer{height: 680px;}
footer .column:first-child p{position: relative; top: unset; right: unset; margin: auto; text-align: center;}

footer .column:not(:first-child){width:100%; margin-top: 30px;}
footer .column:not(:first-child) + .column{margin-left: 0%;}
footer .column:not(:first-child) h4{margin-bottom: .5em;}
footer .column:not(:first-child) p{margin: 0;}

footer .column .logo{margin: 0 auto 30px auto;}
footer .column .button{margin: 1em 0 0 0; float: right;}

footer .bg-green{padding: 10px 0;}
footer .bg-green a{display: block; text-align: center;}
footer .bg-green a + a{margin-left: 0;}
footer .bg-green .pict{box-shadow: inset 0 0 0 1px #fff;}

section.title{background-image:url("../images/tiny/titulo-robotica.jpg"); background-image: image-set(url("../images/tiny/titulo-robotica.avif") type("image/avif"), url("../images/tiny/titulo-robotica.jpg") type("image/jpeg"));}
section.title.cirurgia-bariatrica-e-metabolica{background-image:url("../images/tiny/titulo-bariatrica.jpg"); background-image: image-set(url("../images/tiny/titulo-bariatrica.avif") type("image/avif"), url("../images/tiny/titulo-bariatrica.jpg") type("image/jpeg"));}
section.title.cirurgia-da-vesicula{background-image:url("../images/tiny/titulo-vesicula.jpg"); background-image: image-set(url("../images/tiny/titulo-vesicula.avif") type("image/avif"), url("../images/tiny/titulo-vesicula.jpg") type("image/jpeg"));}
section.title.cirurgias-de-hernias{background-image:url("../images/tiny/titulo-hernias.jpg"); background-image: image-set(url("../images/tiny/titulo-hernias.avif") type("image/avif"), url("../images/tiny/titulo-hernias.jpg") type("image/jpeg"));}

section.standard aside .bg-image.dr-rafael{max-width: 200px; margin:0 0 -30px auto; display:block;}

section.destacada .content a{display: block; width: 33%; min-width: 33%;}
section.destacada .content a:nth-child(-n + 3){margin-bottom: 30px;}

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

.subnav li{width: 100%;}
.subnav li + li{margin: 30px 0 0 0;}

.avaliar li{width: 50%; min-width: 50%;}
.avaliar li:first-child, .avaliar li:last-child{width: 50%; min-width: 20%;}
.avaliar li:nth-child(3){border-right: none;}
.avaliar li:nth-child(2n){border-right: solid 2px #d0d0d0;}

.fact li{width: 100%; margin: 10px 0;}
.fact li:nth-child(3n){margin-right: 0;}
.fact li:nth-last-child(-n+2) {width: 100%;}

.convenios picture{width: auto; margin: 6px 3%;}
.convenios picture img{height: 90px;}

.gallery a{max-width: 31.2%;}
.gallery a:nth-child(3){margin:0 0 15px 0;}

.logo{height: 40px;}
.bariatriclin{max-width: 220px;}
.ancora{margin-top: -60px;}

/*formularios*/
form input[type=text] {font-size:16px;}
form button{font-size:16px;}

/*background images*/
.bg-image.dr-rafael{background-image:url("../images/tiny/dr-rafael-ramos.jpg"); background-image: image-set(url("../images/tiny/dr-rafael-ramos.avif") type("image/avif"), url("../images/tiny/dr-rafael-ramos.jpg") type("image/jpeg"));}
.bg-image.obesidade{background-image:url("../images/tiny/bg-obesidade.jpg"); background-image: image-set(url("../images/tiny/bg-obesidade.avif") type("image/avif"), url("../images/tiny/bg-obesidade.jpg") type("image/jpeg"));}
.bg-image.cirurgia-robotica{background-image:url("../images/tiny/img-cirurgia-robotica.jpg"); background-image: image-set(url("../images/tiny/img-cirurgia-robotica.avif") type("image/avif"), url("../images/tiny/img-cirurgia-robotica.jpg") type("image/jpeg"));}
.bg-image.pedras-na-vesicula{background-image:url("../images/tiny/img-pedras-na-vesicula.jpg"); background-image: image-set(url("../images/tiny/img-pedras-na-vesicula.avif") type("image/avif"), url("../images/tiny/img-pedras-na-vesicula.jpg") type("image/jpeg"));}
/*header*/
.cirurgia-bariatrica-e-metabolica::after{background-image:url("../images/tiny/titulo-bariatrica.jpg"); background-image: image-set(url("../images/tiny/titulo-bariatrica.avif") type("image/avif"), url("../images/tiny/titulo-bariatrica.jpg") type("image/jpeg"));}
.cirurgia-da-vesicula::after{background-image:url("../images/tiny/titulo-vesicula.jpg"); background-image: image-set(url("../images/tiny/titulo-vesicula.avif") type("image/avif"), url("../images/tiny/titulo-vesicula.jpg") type("image/jpeg"));}
.cirurgias-de-hernias::after{background-image:url("../images/tiny/titulo-hernias.jpg"); background-image: image-set(url("../images/tiny/titulo-hernias.avif") type("image/avif"), url("../images/tiny/titulo-hernias.jpg") type("image/jpeg"));}

/*transições*/
.opacity{transition:none;}
.opacity:hover{opacity:1;}
}