@charset "UTF-8";
/*configurações*/
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{line-height:1em;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0; padding-bottom:0;}
h1{font-size:32px; font-weight:500; line-height:1em;}
h2{font-size:28px; font-weight:500; line-height:1em;}
h3{font-size:24px; font-weight:500; line-height:1em;}
h4{font-size:22px; font-weight:500; line-height:1em;}
h5{font-size:20px; font-weight:500; line-height:1em;}
h6{font-size:18px; font-weight:500; line-height:1em;}
p{font-size:18px; line-height:1.6em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:22px;}
.legenda{font-size:14px;}
ul:not(.reset-list) li, ol:not(.reset-list) li{font-size:18px; line-height:1.6em;}
ul:not(.reset-list) li + li, ol:not(.reset-list) li + li{margin-top: .8em;}
a{text-decoration:none; cursor:pointer;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:500;}

/* identificadores */
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family: "Ubuntu", sans-serif; font-weight: 300; font-style: normal; color:#1D1D1D; min-width:360px;}
#container {margin:0; padding:232px 0 0 0; height:100%; min-height:100%; height:auto!important; position:relative; z-index: 1; background:#FFFFFF; overflow-x:hidden; min-width:360px; transition: padding-top 1s;}
#container.hover{padding:132px 0 0 0;}
#container::before{content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: 100% auto; z-index: 0; background-position: center top;}
.no-webp #container::before, .no-js #container::before{background-image:url("../img/large/body.jpg");}
.webp #container::before {background-image:url("../img/large/body.webp");}

#banner {display: block; width: 100%; padding: 19%; min-width:360px; min-height: 650px;}
#banner .banner-content{padding: 0 4.4%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
#banner .banner-content:not(:first-child){display: none;}
#banner .content{display: block; height: 100%;}
#banner .column-2{position: absolute; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0,97,125,1) 0%,rgba(0,97,125,.3) 100%); padding: 40px; border-radius: 75px 75px 0 0;}
#banner .circle{position: absolute; top: 30px; right: 30px; padding: 5px;}
#banner .circle::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background-color: #00617D; mix-blend-mode: multiply;}
#banner .circle .pict{width: 80px; height: 80px;}
#banner .circle + p{padding-right: 80px; margin-top: 0;}
#banner .blue{mix-blend-mode: multiply;}

.no-webp #banner .banner-content.jim-brown, .no-js #banner .banner-content.jim-brown{background-image:url("../img/large/banner-jim-brown.jpg"); background-position: center right;}
.webp #banner .banner-content.jim-brown{background-image:url("../img/large/banner-jim-brown.webp"); background-position: center right;}

.no-webp #banner .banner-content.oms, .no-js #banner .banner-content.oms{background-image:url("../img/large/banner-oms.jpg");}
.webp #banner .banner-content.oms{background-image:url("../img/large/banner-oms.webp");}

#agendamento{position:fixed; right:4.4%; bottom:4.4%; display:block; z-index:1000; box-shadow:0 0 10px 0 #000000; background-color:#25D366; border:solid 2px #FFFFFF; opacity:0; transition:opacity 2s, z-index 3s; border-radius: 42px;}
#agendamento .pict{width: 80px; height: 80px; background-color:#25D366; position: relative; z-index: 100;}
#agendamento :not(.pict).white{font-size: 20px; line-height: 1.1em; font-weight: 400; padding: 0 0 0 20px; text-align: center; display: inline-block; vertical-align: middle; white-space: nowrap; z-index: 0;}

header {position:fixed; top:0; z-index:150; padding:0 4.4%; width:100%; height: 232px; font-size:0; text-align:right; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; transition: height 1s;}
.no-webp header, .no-js header{background-image:url("../img/large/body.jpg");}
.webp header {background-image:url("../img/large/body.webp");}

header::before{content: ""; position: absolute; top: 30px; right: 0; bottom: 82px; left: 0; background-color: #FFFFFF; z-index: -1; transition: all 1s;}
header::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #00617D; mix-blend-mode: multiply; z-index: -2; opacity: .5;}

header .logo{display: block; width: 280px; height: 70px; font-size: 0; background-image: url("../img/svg/ramiro-zilles-clinica-do-quadril.svg"); background-position:left center; background-size:contain; background-repeat: no-repeat; position: relative; float: left; margin-top: 30px; transition: height 1s, margin 1s;}
header .contatos{font-size: 14px; overflow: hidden; height: 30px; transition: height 1s;}
header .contatos a:first-child, header .contatos a:nth-child(2){float: left;}
header .contatos a + a {margin-left: 5px;}
header .contatos .fone + span{font-size: 1.3em; font-weight: 400;}
header .contatos span{vertical-align: middle;}

header .sitelinks{margin: 40px 0; display: inline-block; vertical-align: middle; transition: margin 1s;}
header .sitelinks a{font-size: 18px; line-height: 40px; display: inline-block; vertical-align: middle; transition: all 1s;}
header .sitelinks a.blue:hover, header .sitelinks a.blue.hover{color: #748A96;}
header .sitelinks a + a{margin-left: 30px;}

header .bg-blue.circle.alpha {margin-left: 15px;}

header.hover {height: 132px;}
header.hover::before{top: 0; bottom: 52px;}
header.hover .logo{height: 50px; margin-top: 20px;}
header.hover .contatos{height: 0;}
header.hover .sitelinks{margin: 20px 0;}
header.hover .sitelinks a{font-size: 16px;}
header.hover .sitelinks a + a{margin-left: 20px;}
header.hover nav .reset-list li a{font-size: 18px; line-height: 20px; padding: 5px 0;}

nav{position: absolute; right: 0; bottom: 0; left: 0; display:block; text-align: center; z-index: 3; border-bottom: solid 2px #FFFFFF;}
nav .reset-list li{width: 25%; display:inline-block; vertical-align:middle; z-index:0; position: relative;}
nav .reset-list li.mobile{display: none; visibility: hidden;}
nav .reset-list li + li{border-left: solid 2px #FFFFFF;}
nav .reset-list li a{font-size: 22px; line-height: 25px; padding: 15px 0; display:block; cursor:pointer; z-index:10; font-weight: 400; transition: all 1s;}
nav .reset-list li a::before{content: ""; position: absolute; height: 0; right: 0; bottom: 0; left: 0; background-color: #00617D; opacity: 0; z-index: -1; transition: height 1s;}
nav .reset-list li:hover a::before, nav .reset-list li a.hover::before{opacity: .85; height: 100%; transition: height 1s;}
nav .reset-list li:hover .reset-list{height: 300px;}
nav .reset-list li .reset-list{height: 0; display: block; position: absolute; left: 0; right: 0; margin-top: 2px; transition: height 1s; overflow: hidden;}
nav .reset-list li .reset-list li{width: 100%; display:block;}
nav .reset-list li .reset-list li + li{border-left:none; margin-top: 2px;}
nav .reset-list li .reset-list li a{font-size: 16px; line-height: 20px; padding: 10px; position: relative; z-index:10;}
nav .reset-list li .reset-list li a::before{background-color: #00617D; opacity: .85; transition: background-color 1s; height: 100%;}
nav .reset-list li .reset-list li a:hover::before, nav .reset-list li .reset-list li a.hover::before{background-color:#748A96;}

section.perfil .column-2{vertical-align: middle;}
section.perfil .column-3{aspect-ratio: 2/3; vertical-align: middle;}
section.perfil .column-3::before{border-radius: 75px 0 0 75px; content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 120%; background-size: contain; background-repeat: no-repeat; background-position: left center;}
.no-webp section.perfil .column-3::before, .no-js section.perfil .column-3::before {background-image:url("../img/large/dr-ramiro-zilles.jpg");}
.webp section.perfil .column-3::before {background-image:url("../img/large/dr-ramiro-zilles.webp");}
section.perfil .grifado span{display: inline-block; vertical-align: middle;}
section.perfil .grifado span span{font-size: .6em; line-height: .7em; font-weight: 300;}
section.perfil .grifado span span:last-child{margin-top: -.4em;}

section.agendamento #agendar{position: absolute; top: -232px;}
section.agendamento::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #00617D; mix-blend-mode: multiply; z-index: 0; opacity: .5;}
section.agendamento .content{z-index: 10;}
section.agendamento .article{vertical-align: bottom; margin-right: 4.4%;}
section.agendamento .column-3{vertical-align: bottom; text-align: right;}
section.agendamento .button{border: solid 1px #FFFFFF;}
section.agendamento .grifado span{display: inline-block; vertical-align: middle;}
section.agendamento .grifado span span{font-size: .6em; line-height: .7em; font-weight: 300;}

section.instagram {z-index: 0; padding: 0;}

/* navegação */
section.depoimentos{z-index: 10;}
section.depoimentos .content{z-index: 10;}
section.depoimentos .nav{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0;}
section.depoimentos .nav .alpha{padding: 40px 10px; display: block; top: 50%; margin-top: -60px; position: absolute; z-index: 100;}
section.depoimentos .nav .prev{left: 0; border-radius: 0 60px 60px 0;}
section.depoimentos .nav .next{right: 0; border-radius: 60px 0 0 60px;}
section.depoimentos .nav .hover{opacity: .25;}
/* base da navegação horizontal - altura definida no js */
section.depoimentos .scrolling{display:block; position:relative; overflow:hidden; margin:50px 0;}
/* bloco que se desloca */
section.depoimentos .scroller{display:block; position:absolute; top:0; left:0; width:100%; opacity:0; transition:opacity 1s; z-index: 0;} 
section.depoimentos .scroller.ativo{opacity:1; transition:opacity 1s; z-index: 10;}
/* bloco de conteúdo */
section.depoimentos li{font-size: 18px; display: inline-block; vertical-align: top; width:30.4%; margin:0 4.4% 0 0; text-align: left; position: relative;}
section.depoimentos li:nth-child(3), section.depoimentos .scroller li:last-child{margin-right: 0;}
section.depoimentos .pict + .blue{font-weight: 500; font-size: 1.2em; margin-left: 10px;}
section.depoimentos .stars{margin: 15px 0;}

footer{position: absolute; right: 0; bottom: 0; left: 0; padding:0 4.4%;}
footer .content{padding: 50px 0 75px 0;}
footer .content::after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
footer .column-3{margin: 0;}
footer .bg-white{position: absolute; top: 0; bottom: 0; display: block;}
footer .bg-white:first-child{left: 0;}
footer .bg-white:first-child::after{right:-75px; background-position: 0 0;}
footer .bg-white:nth-child(2){right: 0;}
footer .bg-white:nth-child(2)::after{left: -75px; background-position: 100% 0;}
footer .bg-white::after{width: 75px; height: 75px; content: ""; display: block; position: absolute; top: 0; background-image:url("../img/svg/corners.svg"); background-size: auto 100%; background-repeat: no-repeat;}
footer .column-3:nth-child(2){float: right; text-align: right; padding-right: 50px;}
footer .column-3:nth-child(3){float: left; text-align: left; padding-left: 50px;}
footer h4 span{display: block; font-size: .6em; font-weight: 300;}
footer h4 span:first-child{width: 50px; height: 50px; background-image:url("../img/svg/rz.svg"); margin: 0 auto 20px auto; background-position: center; background-repeat: no-repeat; background-size: contain;}
footer .legenda{position: absolute; right: 0; bottom: 20px; left: 0; margin: 0;}
footer .pict + span{display: inline-block; line-height: 1.2em;}
footer .pict.hora + span {vertical-align: top; margin: 5px 0 43px 10px;}
footer .pict.fone + span {vertical-align: middle;}
footer .pict.local{float: right;}
footer .pict.local + span {margin: 5px 10px 0 0;}
footer .pict.whatsapp{float: right;}
footer .pict.whatsapp + span{margin: 15px 10px 0 0;}
footer .pict + span span{display: block; font-size: .8em; line-height: .8em;}

section.titulo{padding: 0 4.4%; height: 150px; display: flex; justify-content: center; align-items: center; align-content: center; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative;}
.no-webp section.titulo, .no-js section.titulo{background-image:url("../img/large/banner-oms.jpg");}
.webp section.titulo{background-image:url("../img/large/banner-oms.webp");}
section.titulo::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-color: #00617D; mix-blend-mode: multiply;}
section.titulo h1{position: relative; z-index: 1;}
section.titulo h1 .gray-l{display: block; font-size: .6em; font-weight: 300;}

section.principal .column-4.dr-ramiro{margin: 0 4.4% 0 0; aspect-ratio:3/4; border-radius: 25px;} /*imagem dr. ramiro */
.no-webp section.principal .column-4.dr-ramiro, .no-js section.principal .column-4.dr-ramiro{background-image:url("../img/large/dr-ramiro.jpg");}
.webp section.principal .column-4.dr-ramiro{background-image:url("../img/large/dr-ramiro.webp");}

section.principal .box.bg-blue-lll.round{margin-top: 50px;}
section.principal .box.bg-blue-lll.round .article{vertical-align: middle;}/*convenios*/
section.principal .box.bg-blue-lll.round .article + .column-3{margin-left: 4.4%; text-align: right; vertical-align: middle; white-space: nowrap;}

section.principal .mapa + .mapa{margin-top: 50px;}
section.principal .grifado:not(:first-child){margin-top: 2em;}
section.principal .grifado span{font-size: .7em; line-height: .7em; font-weight: 300;}
section.principal .pict + span{margin-left: 5px;}
section.principal ul + ul {margin-top: 25px;}

iframe{border: solid 1px #00617D; border-radius: 25px; overflow: hidden;}
iframe.mapa{aspect-ratio:2/1;}
iframe.video{aspect-ratio:16/9;}

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

/*estruturais*/
section{padding:0 4.4%; position: relative;}
.standard .content{padding: 100px 0;}
.content {margin:auto; width:100%; max-width:1800px; position:relative; font-size:0;}
.article {width:65.2%; margin:auto; position:relative; display:inline-block; vertical-align:top;}
.column-2 {width:47.8%; margin:0 4.4% 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.4%; margin:0 4.4% 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:21.7%; margin:0 4.4% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}

/*cores*/
.white{color:#FFFFFF;}
.gray{color:#748A96;}
.gray-l{color:#B1C0C9;}
.gray-ll{color:#EAEFF2;}
.blue{color:#00617D;}
.blue-l{color:#57A0B7;}
.blue-ll{color:#A4CAD7;}
.blue-lll{color:#D5E6EC;}
.black{color:#1D1D1D;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-gray{background-color:#748A96;}
.bg-gray-l{background-color:#B1C0C9;}
.bg-gray-ll{background-color:#EAEFF2;}
.bg-blue{background-color:#00617D;}
.bg-blue-l{background-color:#57A0B7;}
.bg-blue-ll{background-color:#A4CAD7;}
.bg-blue-lll{background-color:#D5E6EC;}
.bg-image{background-size: cover; background-repeat: no-repeat; background-position: center;}

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

.circle{display:inline-block; vertical-align:middle; border-radius:50%;}

/*específicas*/
.box{padding: 50px;}
.round{border-radius:25px;}
.two-column{column-count:2; column-gap: 4.4%;}

.grifado::after{content: ""; display: block; margin: .2em 0 1em 0; width: 120px; height: 10px; border-radius: 5px; background: linear-gradient(to right,  rgba(0,97,125,1) 0%,rgba(0,97,125,0) 100%); mix-blend-mode: multiply;}
.grifado.text-center::after{margin: .5em auto 1em auto;}

.button{display:inline-block; vertical-align:middle; position:relative; line-height:1em; overflow: hidden; border-radius: 30px;}
.button.hover{opacity:0.25;}

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

.pict{display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-size:1100% auto; background-image:url(../img/svg/pictogramas.svg); position: relative;}
.pict.text{background-image:none; font-size:1.2em; text-align: center;}
.pict.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}

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

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

.pict.blue.whatsapp{background-position:0% 0%;}
.pict.blue.fone{background-position:10% 0%;}
.pict.blue.email{background-position:20% 0%;}
.pict.blue.home{background-position:30% 0%;}
.pict.blue.local{background-position:40% 0%;}
.pict.blue.agendamento{background-position:50% 0%;}
.pict.blue.hora{background-position:60% 0%;}
.pict.blue.link{background-position:70% 0%;}
.pict.blue.instagram{background-position:80% 0%;}
.pict.blue.linkedin{background-position:90% 0%;}
.pict.blue.xis{background-position:100% 0%;}
.pict.blue.zoom-mais{background-position:0% 20%;}
.pict.blue.zoom-menos{background-position:10% 20%;}
.pict.blue.download{background-position:20% 20%;}
.pict.blue.upload{background-position:30% 20%;}
.pict.blue.perfil{background-position:40% 20%;}
.pict.blue.aspas{background-position:50% 20%;}
.pict.blue.depoimentos{background-position:60% 20%;}
.pict.blue.mais{background-position:0% 40%;}
.pict.blue.menos{background-position:10% 40%;}
.pict.blue.fechar{background-position:20% 40%;}
.pict.blue.check{background-position:30% 40%;}
.pict.blue.anterior{background-position:40% 40%;}
.pict.blue.seguinte{background-position:50% 40%;}
.pict.blue.base{background-position:60% 40%;}
.pict.blue.topo{background-position:70% 40%;}

.pict.white.whatsapp{background-position:0% 60%;}
.pict.white.fone{background-position:10% 60%;}
.pict.white.email{background-position:20% 60%;}
.pict.white.home{background-position:30% 60%;}
.pict.white.local{background-position:40% 60%;}
.pict.white.agendamento{background-position:50% 60%;}
.pict.white.hora{background-position:60% 60%;}
.pict.white.link{background-position:70% 60%;}
.pict.white.instagram{background-position:80% 60%;}
.pict.white.linkedin{background-position:90% 60%;}
.pict.white.xis{background-position:100% 60%;}
.pict.white.zoom-mais{background-position:0% 80%;}
.pict.white.zoom-menos{background-position:10% 80%;}
.pict.white.download{background-position:20% 80%;}
.pict.white.upload{background-position:30% 80%;}
.pict.white.perfil{background-position:40% 80%;}
.pict.white.aspas{background-position:50% 80%;}
.pict.white.depoimentos{background-position:60% 80%;}
.pict.white.mais{background-position:0% 100%;}
.pict.white.menos{background-position:10% 100%;}
.pict.white.fechar{background-position:20% 100%;}
.pict.white.check{background-position:30% 100%;}
.pict.white.anterior{background-position:40% 100%;}
.pict.white.seguinte{background-position:50% 100%;}
.pict.white.base{background-position:60% 100%;}
.pict.white.topo{background-position:70% 100%;}

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

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

/*zoom*/
.zoom{max-height: 400px; display:inline-block;; border: solid 1px #00617D; border-radius: 5px; position: relative; padding: 10px; background-color: #FFFFFF; vertical-align: middle;}
.zoom.column-double{width:47.8%;}
.zoom.column-triple{width:30.4%;}
.zoom + .zoom{margin-left: 4.4%;}
.zoom::after{content: ""; display: block; position: absolute; right: 15px; bottom: 15px; background-color: #00617D; border-radius: 50%; width: 30px; height: 30px; background-repeat:no-repeat; background-size:1100% auto; background-image:url(../img/svg/pictogramas.svg); background-position:0% 80%; z-index: 10;}
.zoom .padding{display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center;width: 100%; aspect-ratio: 3/2; overflow: hidden;}
.zoom .pict {position: absolute; top: 15px; left: 15px;}
.zoom img{display: block; max-width: 100%;}

/*depoimentos*/
.stars{width: 150px; height: 30px; display:block; background-repeat:no-repeat; background-size:100% auto; background-image:url(../img/svg/stars.svg);}
.stars.five{background-position:0% 0%;}
.stars.four{background-position:0% 25%;}
.stars.three{background-position:0% 50%;}
.stars.two{background-position:0% 75%;}
.stars.one{background-position:0% 100%;}

/*navegação páginas*/
.subnav li{font-size: 20px; width:30.4%; margin:0 4.4% 4.4% 0; position:relative; display:inline-block; vertical-align:top;}
.subnav li:nth-child(3n), .subnav li:last-child{margin-right:0;}
.subnav li:nth-last-child(-n+3){margin-bottom: 0;}
.subnav li a{aspect-ratio: 2/1; display: flex; justify-content: center; align-items: center; align-content: center; padding: 20px; border-radius: 25px;}

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

/* identificadores */
#container {padding:187px 0 0 0;}
#container.hover{padding:127px 0 0 0;}
.no-webp #container::before, .no-js #container::before{background-image:url("../img/medium/body.jpg");}
.webp #container::before {background-image:url("../img/medium/body.webp");}

#banner {display: block; width: 100%; padding: 23%; min-height: 550px;}
#banner .column-2{padding: 30px; border-radius: 60px 60px 0 0;}
#banner .circle{top: 25px; right: 25px;}
#banner .circle .pict{width: 70px; height: 70px;}
#banner .circle + p{padding-right: 70px;}

.no-webp #banner .banner-content.jim-brown, .no-js #banner .banner-content.jim-brown{background-image:url("../img/medium/banner-jim-brown.jpg"); background-position: center right;}
.webp #banner .banner-content.jim-brown{background-image:url("../img/medium/banner-jim-brown.webp"); background-position: center right;}

.no-webp #banner .banner-content.oms, .no-js #banner .banner-content.oms{background-image:url("../img/medium/banner-oms.jpg");}
.webp #banner .banner-content.oms{background-image:url("../img/medium/banner-oms.webp");}

#agendamento{border-radius: 37px;}
#agendamento .pict{width: 70px; height: 70px;}
#agendamento :not(.pict).white{font-size: 18px;}

header {height: 187px;}
.no-webp header, .no-js header{background-image:url("../img/medium/body.jpg");}
.webp header {background-image:url("../img/medium/body.webp");}

header::before{content: ""; position: absolute; top: 30px; right: 0; bottom: 62px; left: 0; background-color: #FFFFFF; z-index: -1; transition: all 1s;}
header::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #00617D; mix-blend-mode: multiply; z-index: -2; opacity: .5;}

header .logo{width: 240px; height: 60px; margin-top: 20px;}

header .sitelinks{margin: 30px 0;}
header .sitelinks a{font-size: 16px;}
header .sitelinks a + a{margin-left: 15px;}
header .sitelinks .button{font-size: 0;}

header .bg-blue.circle.alpha {margin-left: 10px;}

header.hover {height: 127px;}
header.hover::before{top: 0; bottom: 52px;}
header.hover .logo{margin-top: 15px;}
header.hover .sitelinks a{font-size: 14px;}
header.hover .sitelinks .button{font-size: 0;}
header.hover nav .reset-list li a{font-size: 16px;}

nav .reset-list li a{font-size: 18px; line-height: 20px; padding: 10px 0;}

section.perfil .column-3{min-width: 330px;}
section.perfil .column-3::before{border-radius: 60px 0 0 60px;}
.no-webp section.perfil .column-3::before, .no-js section.perfil .column-3::before {background-image:url("../img/medium/dr-ramiro-zilles.jpg");}
.webp section.perfil .column-3::before {background-image:url("../img/medium/dr-ramiro-zilles.webp");}

section.agendamento #agendar{top: -187px;}

/* base da navegação horizontal - altura definida no js */
section.depoimentos .scrolling{margin:40px 25px;}
/* bloco de conteúdo */
section.depoimentos li{font-size: 16px;}

footer .content{padding: 40px 0 60px 0;}
footer .column-3{margin: 0;}
footer .bg-white:first-child::after{right:-60px;}
footer .bg-white:nth-child(2)::after{left: -60px;}
footer .bg-white::after{width: 60px; height: 60px;}
footer .column-3:nth-child(2){padding-right: 40px;}
footer .column-3:nth-child(3){padding-left: 40px;}

section.titulo{height: 120px;}
.no-webp section.titulo, .no-js section.titulo{background-image:url("../img/medium/banner-oms.jpg");}
.webp section.titulo{background-image:url("../img/medium/banner-oms.webp");}

section.principal .column-4.dr-ramiro{border-radius: 20px;}
.no-webp section.principal .column-4.dr-ramiro, .no-js section.principal .column-4.dr-ramiro{background-image:url("../img/medium/dr-ramiro.jpg");}
.webp section.principal .column-4.dr-ramiro{background-image:url("../img/medium/dr-ramiro.webp");}

section.principal .box.bg-blue-lll.round{margin-top: 40px;}

section.principal .mapa + .mapa{margin-top: 40px;}

iframe{border-radius: 20px;}

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

/*específicas*/
.box{padding: 40px;}
.round{border-radius:20px;}

/*depoimentos*/
.stars{width: 125px; height: 25px;}

/*navegação páginas*/
.subnav li{font-size: 18px;}
.subnav li a{padding: 15px; border-radius: 20px;}
}

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

/* identificadores */
#body.static, #container.static{overflow-y: hidden;}
#container {padding:110px 0 0 0;}
#container::before{background-size: cover;}
.no-webp #container::before, .no-js #container::before{background-image:url("../img/small/body.jpg");}
.webp #container::before {background-image:url("../img/small/body.webp");}

#banner {padding: 27%; min-height: 450px;}
#banner .banner-content{padding: 0 25px;}
#banner .column-2{position: absolute; bottom: 0; left: 0; padding: 20px; border-radius: 45px 45px 0 0;}
#banner .circle{top: 20px; right: 20px; padding: 0;}
#banner .circle .pict{width: 60px; height: 60px;}
#banner .circle + p{padding-right: 60px;}

.no-webp #banner .banner-content.jim-brown, .no-js #banner .banner-content.jim-brown{background-image:url("../img/small/banner-jim-brown.jpg"); background-position: center right;}
.webp #banner .banner-content.jim-brown{background-image:url("../img/small/banner-jim-brown.webp"); background-position: center right;}

.no-webp #banner .banner-content.oms, .no-js #banner .banner-content.oms{background-image:url("../img/small/banner-oms.jpg"); background-position: center;}
.webp #banner .banner-content.oms{background-image:url("../img/small/banner-oms.webp"); background-position: center;}

#agendamento{position:fixed; right:25px; bottom:25px; box-shadow:0 0 7px 0 #000000; border-radius: 32px;}
#agendamento .pict{width: 60px; height: 60px;}
#agendamento :not(.pict).white{font-size: 16px; padding: 0 0 0 15px;}

header {padding:0 0 0 25px; height: 110px; background-size: cover; border-bottom: solid 1px #00617D;}
.no-webp header, .no-js header{background-image:url("../img/small/body.jpg"); transition: height 1s;}
.webp header {background-image:url("../img/small/body.webp");}

header::before{top: 30px; bottom: 0;}
header .logo{width: 200px; height: 50px; margin-top: 15px;}

header .contatos{font-size: 12px;}
header .contatos a:nth-child(2){font-size: 0;}
header .contatos .pict{width: 30px; height: 30px;}
header .contatos .fone + span{font-size: 1.2em;}

header .sitelinks{margin: 25px 0;}
header .sitelinks a:not(.button){display: none; visibility: hidden; position: absolute; z-index:  -10;}
header .sitelinks .button{font-size: 14px; line-height: 14px;}

header .panel-button{display: inline-block; position: relative; vertical-align: middle; width: 80px; height: 80px; background-color: #00617D; margin-left: 10px; border-top: solid 1px #FFFFFF;}
header .panel-button span{display:block; position:absolute; height:4px; width:40px; left: 20px; background-color:#FFFFFF;}
header .panel-button span:first-child{top:  26px;}
header .panel-button span:nth-child(2){top: 38px;}
header .panel-button span:last-child{top: 50px;}

header.panel-button-active .panel-button span:first-child{transform:rotate(-45deg); top:38px;}
header.panel-button-active .panel-button span:nth-child(2){background-color: transparent;}
header.panel-button-active .panel-button span:last-child{transform:rotate(45deg); top:38px;}
header.panel-button-active nav {width: 100%;}

nav{width: 0; position: fixed; top:110px; right: 0; bottom: 0; left: auto; display:block; text-align: left; z-index: 30; border-bottom: none; overflow-y: auto; padding: 20px 0; background-color: rgba(0,97,125,.9); transition: width 1s;}
nav .reset-list:first-child {display: block; position: absolute; left: 50%; margin-left: -180px; width: 360px; padding:0 20px 20px 20px;}
nav .reset-list li{display:block; width: 100%; border: solid 1px #FFFFFF; border-radius: 10px; overflow: hidden;}
nav .reset-list li.mobile{display:block; visibility: visible;}
nav .reset-list li + li{border-left: solid 1px #FFFFFF; margin-top: 20px;}
nav .reset-list li a{font-size: 16px; line-height: 20px; padding: 10px; transition: none;}
nav .reset-list li a br{display: none;}
nav .reset-list li a::before, nav .reset-list li:hover a::before{content: ""; display: none; background-color: transparent; transition: none;}
nav .reset-list li a.hover::before{opacity: 1; display: block; background-color: #748A96; height: 100%;}
nav .reset-list li:hover .reset-list{height: auto;}
nav .reset-list li .reset-list{height: auto; display: block; position: relative; left: auto; right: auto; margin-top: 0; transition: none; overflow:visible; padding: 0 10px 10px 10px;}
nav .reset-list li .reset-list li{border-radius: 30px; overflow: hidden;}
nav .reset-list li .reset-list li + li{border-left:solid 1px #FFFFFF; margin-top: 10px;}
nav .reset-list li .reset-list li a{line-height: 16px; padding: 10px 15px;}
nav .reset-list li .reset-list li a::before, nav .reset-list li .reset-list li a:hover::before{display: block; background-color: transparent; opacity: 0; transition: none; height: 100%;}
nav .reset-list li .reset-list li a.hover::before{background-color:#00617D; opacity: 1;}

section.perfil .column-3{aspect-ratio: 1/1; width: 335px; min-width: 335px; margin: 0 0 30px 0;}
section.perfil .column-3::before{border-radius: 50%; width: 100%; background-position: center top; background-size: cover;}
.no-webp section.perfil .column-3::before, .no-js section.perfil .column-3::before {background-image:url("../img/small/dr-ramiro.jpg");}
.webp section.perfil .column-3::before {background-image:url("../img/small/dr-ramiro.webp");}
section.perfil .grifado{text-align: center;}
section.perfil .grifado::after{margin: .5em auto 1em auto;}
section.perfil .grifado .pict{display: block; width: 40px; margin: 0 auto 5px auto;}
section.perfil p:last-child{text-align: center;}

section.agendamento #agendar{position: absolute; top: -110px;}
section.agendamento .article{margin:0 0 15px 0;}
section.agendamento .column-3{display: block; width: 100%; text-align: center;}
section.agendamento .column-3 p{display: inline-block; width: 40%;}
section.agendamento .grifado{text-align: center;}
section.agendamento .grifado::after{margin: .5em auto 1em auto;}
section.agendamento .grifado .pict{display: block; width: 40px; margin: 0 auto 5px auto;}

/* navegação */
section.depoimentos .nav .alpha{padding: 30px 10px 30px 5px; display: block; top: 50%; margin-top: -45px; position: absolute; z-index: 100;}
section.depoimentos .nav .prev{left: 0; border-radius: 0 45px 45px 0;}
section.depoimentos .nav .next{right: 0; border-radius: 45px 0 0 45px;}
/* base da navegação horizontal - altura definida no js */
section.depoimentos .scrolling{margin:30px 25px;}
/* bloco de conteúdo */
section.depoimentos li{font-size: 14px;}
section.depoimentos .pict + .blue{font-size: 1em; margin-left: 0;}
section.depoimentos .stars{margin: 10px 0;}

footer{padding:0 25px;}
footer .content{padding: 40px 0 60px 0;}
footer .column-3:first-child{width: 100%; margin-bottom: 30px;}
footer .column-3:not(:first-child){width: 50%; white-space: nowrap;}
footer .bg-white:first-child::after{right:-45px;}
footer .bg-white:nth-child(2)::after{left: -45px;}
footer .bg-white::after{width: 45px; height: 45px;}
footer .column-3:nth-child(2){padding-right: 30px;}
footer .column-3:nth-child(3){padding-left: 30px;}
    
section.titulo{padding: 0 25px;}
.no-webp section.titulo, .no-js section.titulo{background-image:url("../img/small/banner-oms.jpg");}
.webp section.titulo{background-image:url("../img/small/banner-oms.webp");}

section.principal .column-4.dr-ramiro{width:47.8%; border-radius: 15px; margin: 0 auto 30px auto; min-width: 250px;}
.no-webp section.principal .column-4.dr-ramiro, .no-js section.principal .column-4.dr-ramiro{background-image:url("../img/small/dr-ramiro.jpg");}
.webp section.principal .column-4.dr-ramiro{background-image:url("../img/small/dr-ramiro.webp");}

section.principal .box.bg-blue-lll.round{margin-top: 30px;}
section.principal .box.bg-blue-lll.round .article{vertical-align: middle;}/*convenios*/
section.principal .box.bg-blue-lll.round .article + .column-3{margin-left: 0; width: 100%; margin-top: 15px;}

section.principal .mapa + .mapa{margin-top: 60px;}
section.principal .mapa .column-3{width: 100%; text-align: center; margin-bottom: 15px;}
section.principal .mapa .column-3 .pict{display: block; margin: 0 auto;}
section.principal ul + ul {margin-top: 20px;}

iframe{border-radius: 15px;}

/*estruturais*/
section{padding:0 25px;}
.standard .content{padding: 60px 0;}
.content {max-width:700px;}
.article, .column-2 {width:100%; margin:0; display:block;}

/*específicas*/
.box{padding: 30px;}
.round{border-radius:15px;}

.button.large .label{line-height:16px; padding:12px 1.5em;}
.button.medium .label{line-height:14px; padding:8px 1.5em;}
.button.small .label{line-height:12px; padding:4px 1.5em;}
.button.tiny .label{line-height:10px; padding:3px 1.5em;}

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

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

/*zoom*/
.zoom{padding: 5px;}
.zoom::after{right: 10px; bottom: 10px; width: 20px; height: 20px;}
.zoom .pict {position: absolute; top: 10px; left: 10px;}

/*depoimentos*/
.stars{width: 100px; height: 20px;}

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

/*gallery*/
.gallery li{width:47.8%; margin:4.4% 4.4% 0 0; display:inline-block; vertical-align:top;}
.gallery li:nth-child(3n){margin-right:4.4%;}
.gallery li:nth-child(2n), .gallery li:last-child{margin-right:0;}
.gallery.hospitais li .bg-image + span{font-size: 14px;}

/*navegação páginas*/
.subnav li{font-size: 14px;}
.subnav li a{padding: 10px; border-radius: 15px;}
}


@media screen and (max-width:600px) {
/*configurações*/
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:17px;}
h4{font-size:16px;}
h5{font-size:15px;}
.legenda{font-size:9px;}

/* identificadores */
#container {padding:90px 0 0 0;}
#container::before{background-size: cover;}
.no-webp #container::before, .no-js #container::before{background-image:url("../img/tiny/body.jpg");}
.webp #container::before {background-image:url("../img/tiny/body.webp");}

#banner {padding: 31%; min-height: 450px;}
#banner .column-2{padding: 15px; border-radius: 40px 40px 0 0;}
#banner .circle{top: 20px; right: 20px;}
#banner .circle .pict{width: 40px; height: 40px;}
#banner .circle + p{padding-right: 50px;}
#banner p{line-height: 1.2em;}

.no-webp #banner .banner-content.jim-brown, .no-js #banner .banner-content.jim-brown{background-image:url("../img/tiny/banner-jim-brown.jpg"); background-position: center right 12%;}
.webp #banner .banner-content.jim-brown{background-image:url("../img/tiny/banner-jim-brown.webp"); background-position: center right 12%;}

.no-webp #banner .banner-content.oms, .no-js #banner .banner-content.oms{background-image:url("../img/tiny/banner-oms.jpg");}
.webp #banner .banner-content.oms{background-image:url("../img/tiny/banner-oms.webp");}

#agendamento{border-radius: 27px;}
#agendamento .pict{width: 50px; height: 50px;}
#agendamento :not(.pict).white{font-size: 14px; padding: 0 0 0 15px;}

header {padding:0 0 0 15px; height: 90px; background-size: cover; border-bottom: solid 1px #00617D;}
header .logo{width: 140px; height: 35px; margin-top: 13px;}
header .sitelinks{margin: 15px 0;}
header .sitelinks .button{font-size: 0;}
header .bg-blue.circle.alpha {margin-left: 5px;}

header .panel-button{width: 60px; height: 60px;}
header .panel-button span{height:4px; width:30px; left: 15px; background-color:#FFFFFF;}
header .panel-button span:first-child{top:  18px;}
header .panel-button span:nth-child(2){top: 28px;}
header .panel-button span:last-child{top: 38px;}

header.panel-button-active .panel-button span:first-child{transform:rotate(-45deg); top:28px;}
header.panel-button-active .panel-button span:last-child{transform:rotate(45deg); top:28px;}

nav{position: fixed; top:90px;}

section.perfil .column-3{width: 250px; min-width: 250px;}
.no-webp section.perfil .column-3::before, .no-js section.perfil .column-3::before {background-image:url("../img/tiny/dr-ramiro.jpg");}
.webp section.perfil .column-3::before {background-image:url("../img/tiny/dr-ramiro.webp");}

section.agendamento #agendar{position: absolute; top: -90px;}
section.agendamento .column-3 p{display: block; width: 100%;}

/* bloco de conteúdo */
section.depoimentos li{display: block; width:100%; margin:0;}
section.depoimentos li + li {margin-top: 30px;}

footer .column-3:first-child{width: 100%; margin-bottom: 30px;}
footer .column-3:not(:first-child){width: 100%;}
footer .column-3:nth-child(2){float: none; text-align: center; padding-right: 0; margin-bottom: 20px;}
footer .column-3:nth-child(3){float: none; text-align: center; padding-left: 0;}
footer .pict{display: block; margin: 0 auto;}
footer .pict + span{display: block;}
footer .pict.hora + span {vertical-align: top; margin: 5px 0 0 0;}
footer .pict.fone + span {margin: 5px 0 0 0;}
footer .pict.local{float: none;}
footer .pict.local + span {margin: 5px 0 0 0;}
footer .pict.whatsapp{float: none;}
footer .pict.whatsapp + span{margin: 5px 0 0 0;}

.no-webp section.titulo, .no-js section.titulo{background-image:url("../img/tiny/banner-oms.jpg");}
.webp section.titulo{background-image:url("../img/tiny/banner-oms.webp");}

.no-webp section.principal .column-4.dr-ramiro, .no-js section.principal .column-4.dr-ramiro{background-image:url("../img/tiny/dr-ramiro.jpg");}
.webp section.principal .column-4.dr-ramiro{background-image:url("../img/tiny/dr-ramiro.webp");}

section.principal .box.bg-blue-lll.round .article + .column-3{text-align: center;}

section.principal ul {padding-left: 20px;}
    
iframe.mapa{aspect-ratio:1/1;}

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

/*específicas*/
.box{padding: 20px;}
.two-column{column-count:1; column-gap:normal;}

/*gallery*/
.gallery li{width:100%; margin:25px 0 0 0; display:block;}
.gallery li:nth-child(3n){margin-right:0;}
.gallery li:nth-child(2n), .gallery li:last-child{margin-right:0;}
.gallery.hospitais li .bg-image + span{font-size: 12px;}

/*zoom*/
.zoom.column-double{width:100%; max-width: 300px;}
.zoom.column-triple{width:100%; max-width: 300px;}
.zoom + .zoom{margin:15px auto 0 auto;}

/*navegação páginas*/
.subnav li{font-size: 14px; width:47.8%; margin:0 4.4% 4.4% 0; position:relative; display:inline-block; vertical-align:top;}
.subnav li:nth-child(3n){margin-right: 4.4%;}
.subnav li:nth-child(2n), .subnav li:last-child{margin-right:0;}
.subnav li:nth-last-child(-n+3){margin-bottom: 4.4%;}
.subnav li:nth-last-child(-n+2){margin-bottom: 0;}
}