@charset "UTF-8";
@font-face {
  font-family: 'Biryani';
  font-style: normal;
  font-weight: 400;
  src: local('Biryani'), local('Biryani'),
    url("../fonts/Biryani-Regular.ttf")
    format('ttf');
  font-display: swap;
}
/*configurações*/
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
div:not(#section)::after, ol::after, form::after, dl::after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
h1, h2, h3, h4, h5, h6{line-height:1em;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0; padding-bottom:0;}
h1{font-size:48px; font-weight:400; line-height:1.1em;}
h2{font-size:36px; font-weight:400; line-height:1.1em;}
h3{font-size:32px; font-weight:400; line-height:1.1em;}
h4{font-size:24px; font-weight:400; line-height:1.1em;}
h5{font-size:22px; font-weight:400; line-height:1.1em; margin-bottom: .5em;}
h6{font-size:20px; font-weight:400; line-height:1.1em; margin-bottom: .5em;}
p{font-size:20px; line-height:1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.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;}

/* 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: 'Biryani', sans-serif; color:#064F64; font-weight:300; min-width:360px;}
#container {margin:0; padding: 120px 0 800px 0; height:100%; min-height:100%; height:auto!important; position:relative; background:#E5E6E7; overflow-x:hidden; min-width:360px;}
#container.hover{background-position: center top; background-repeat: no-repeat; background-size: 100% auto; background-image: url("../images/_large/container-bg.png");
  background-image: image-set(
    "../images/_large/container-bg.webp" type("image/webp"),
    "../images/_large/container-bg.png" type("image/png")
  );}

#header {position:fixed; top:0; right: 3.8%; left: 3.8%; z-index:150; padding:20px; font-size:0; text-align:right; -khtml-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
#header .logo{display: block; float: left; width: 260px; height: 80px; background-image:url("../images/dr-carlos-galia.svg");}
#header .contatos{position: absolute; right: 20px; bottom: -22px;}
#header .contatos .alpha + .alpha{margin-left: 10px;}

#nav{display:inline-block; vertical-align:middle; margin:15px 0 0 0; padding:0;}
#nav ul{margin:0; padding:0; list-style:none; font-size:0; white-space:nowrap;}
#nav ul li{display:inline-block; vertical-align:middle; position:relative; z-index:0;}
#nav ul li + li{margin-left:25px;}

#nav ul li .white:not(.pict){display:block; font-size:18px; line-height:50px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s; position:relative; z-index:200;}
#nav ul li .white:not(.pict)::after{content: ""; position: absolute; bottom: 0; left: 0; background-image: url("../images/pincelada.svg"); background-size: 70px 10px; width:0; height: 10px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}

#nav ul li:hover .white:not(.pict)::after, #nav .white:not(.pict).hover::after{width:70px;}
#nav ul li:hover{z-index:5;}

#nav ul li ul {height:0; position:absolute; display:block; overflow:hidden; padding:0; list-style-type:none; -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; transition:height 1s; z-index:20;}
#nav ul li ul::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#064F64; opacity:.9; -moz-opacity:.9; filter:alpha(opacity=90); z-index:0;}
#nav ul li ul li {display:block; position:relative; z-index:2; text-align:left; padding:0 30px;}
#nav ul li ul li:first-child{margin-top: 30px;}
#nav ul li ul li:last-child{margin-bottom: 30px;}
#nav ul li ul li + li{margin-left: 0;}

#nav ul li ul li a{font-size: 18px; line-height: 40px; font-weight: 300; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s;}
#nav ul li ul li a:hover, #nav ul li ul li a.hover{color:#FFFFFF;}
#nav ul li ul li a span, #nav ul li ul li a .pict{display: inline-block; vertical-align: middle;}
#nav ul li ul li a br{display: none;}

#nav ul li #smDoencas{padding-right: 145px;}
#nav ul li #smDoencas::after{content: ""; display: block; position: absolute; right: 20px; bottom: 20px; width: 140px; height: 140px; background-color: #E5E6E7; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-image: url("../images/areas.svg"); background-size: 200% auto; background-position: 0 100%; border: solid 5px #E5E6E7;}
#nav ul li #smCirurgia{padding-right: 145px;}
#nav ul li #smCirurgia::after{content: ""; display: block; position: absolute; right: 20px; bottom: 20px; width: 140px; height: 140px; background-color: #E5E6E7; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-image: url("../images/areas.svg"); background-size: 200% auto; background-position: 100% 100%; border: solid 5px #E5E6E7;}

#section-home{padding: 0 3.8%; position: relative; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; background-image: url("../images/_large/banner-bg.png");
  background-image: image-set(
    "../images/_large/banner-bg.webp" type("image/webp"),
    "../images/_large/banner-bg.png" type("image/png")
  );}
#section-home .content{background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom 7%; background-image: url("../images/_large/home-bg.png");
  background-image: image-set(
    "../images/_large/home-bg.webp" type("image/webp"),
    "../images/_large/home-bg.png" type("image/png")
  );}
#section-home .content::before{content: ""; position: absolute; top:0; right: 0; bottom: 0; left: 0; background-size: 48.1% auto; background-repeat: no-repeat; background-position: left bottom; background-image: url("../images/_large/apoio-bg.png");
  background-image: image-set(
    "../images/_large/apoio-bg.webp" type("image/webp"),
    "../images/_large/apoio-bg.png" type("image/png")
  );}
#section-home .column-2{display: block; margin: 210px 0 210px auto; text-align: left; z-index: 10;}
#section-home h1{padding: 160px 0; font-weight: 300; text-align: left; line-height: 1.4em;}

#section-agendamento{background-image: url("../images/_large/agendamento-bg.png");
  background-image: image-set(
    "../images/_large/agendamento-bg.webp" type("image/webp"),
    "../images/_large/agendamento-bg.png" type("image/png")
  );}
#section-agendamento h3 + p{margin: 80px auto;}
#section-agendamento .button{padding: 10px;}
#section-agendamento .button + .button{margin-left: 3.8%;}
#section-agendamento .pict{border: solid 1px;}

#section-perfil .content {background-position: left center; background-size: 65% auto; background-repeat: no-repeat; background-image: url("../images/_large/perfil-bg.png");
  background-image: image-set(
    "../images/_large/perfil-bg.webp" type("image/webp"),
    "../images/_large/perfil-bg.png" type("image/png")
  );}
#section-perfil .content::before{content: ""; position: absolute; top:-15%; right: 0; bottom: 0; width: 48.1%; background-position: right bottom; background-size: contain; background-repeat: no-repeat; background-image: url("../images/_large/galia-bg.png");
  background-image: image-set(
    "../images/_large/galia-bg.webp" type("image/webp"),
    "../images/_large/galia-bg.png" type("image/png")
  );}
#section-perfil:not(.padrao){padding:0 3.8%;}
#section-perfil:not(.padrao) .content{padding-top: 240px; padding-bottom: 160px;}
#section-perfil:not(.padrao) .content::before{top:0;}
#section-perfil .column-2{margin-left: 8.65%;}

#section-noticias{border-top: solid 1px #064F64;}
#section-noticias .news-list{padding-top:40px;}
#section-noticias .news-list li:nth-child(4){display:none; visibility:hidden;}

#footer{padding: 0 3.8%; height: 800px; position:absolute; bottom:0; left:0; right:0;}
#footer .content{padding: 80px 0 0 0;}
#footer .column-3:first-child::before{content: ""; display: block; position: absolute; top: 120px; right: 25%; mix-blend-mode:luminosity; left: 0; padding-top: 100%; -khtml-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; background-image: url("../images/_large/footer-bg.jpg");
  background-image: image-set(
    "../images/_large/footer-bg.webp" type("image/webp"),
    "../images/_large/footer-bg.jpg" type("image/jpeg")
  );}
#footer .logo{display: block; width: 260px; height: 80px; background-image:url("../images/dr-carlos-galia.svg");}
#footer .legenda{position: absolute; left: 0; bottom: 80px;}
#footer ul li a{font-weight: 400; display: block; font-size: 18px;}
#footer ul li + li .white{margin-top: 1em;}
#footer ul li ul li a{font-weight: 300; font-size: 16px;}
#footer ul li ul li a span, #footer ul li ul li a .pict{display: inline-block; padding: 0; vertical-align: middle; margin: 0;}
#footer p:not(.legenda){font-size: 18px;}
#footer p:nth-last-child(-n+3){margin-bottom: 0;}
#footer p .pict + span{display: inline-block; vertical-align: middle;}
#footer p .pict.local + span{vertical-align: top; margin-top: .7em;}
#footer .pict.circle{border: solid 1px; position: absolute; bottom: 0;}
#footer .pict.circle.home{right: 60px;}
#footer .pict.circle.instagram{right: 0px;}

#section-titulo{position:relative; z-index: 1; padding:0 3.8%;}
#section-titulo .content{padding:60px 0 0 0;}

#section-principal{z-index: 0;}
#section-principal .content ul:not(.reset-list) li, #section-principal .content ol li{font-size:20px; line-height:1.4em;}
#section-principal .content ul:not(.reset-list) li + li, #section-principal .content ol li + li{padding-top: .5em ;}
#section-principal .content img{max-width: 100%;}

#section-principal .content a:not(.button) .pict {border: solid 1px;}
#section-principal .content a:not(.button) .pict + span{display: inline-block; vertical-align: middle; padding:0 0 0 .5em;}
#section-principal .content a:not(.button) .pict.local + span{display: inline-block; vertical-align: top; padding:.2em 0 0 .5em;}

#section-principal .content iframe{border: solid 1px #064F64; -khtml-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; overflow: hidden;}
#section-principal .content .column-2 + iframe{margin-top: 40px;}

#section-principal .artroplastia{padding-bottom: 57.6%; margin-bottom: 60px; background-image: url("../images/_large/artroplastia-do-quadril.jpg");
  background-image: image-set(
    "../images/_large/artroplastia-do-quadril.webp" type("image/webp"),
    "../images/_large/artroplastia-do-quadril.jpg" type("image/jpeg")
  );}

#section-principal .consulta{margin-top: -10px; margin-bottom: 120px; padding: 0;}
#section-principal .consulta::before{content: ""; display: block; width: 100%; padding-bottom: 55.4%; position: relative; z-index: 0;  -khtml-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background-repeat: no-repeat; background-size: contain; background-image: url("../images/_large/consulta.jpg");
  background-image: image-set(
    "../images/_large/consulta.webp" type("image/webp"),
    "../images/_large/consulta.jpg" type("image/jpeg")
  );}/*para criar o espaço de acordo com o tamanho do .content*/
#section-principal .consulta .box{position: absolute; bottom: 40px; left: 40px; width: 55%; overflow: hidden; z-index: 1;}
#section-principal .consulta .box::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #FFFFFF; opacity:0.80; -moz-opacity:0.80; filter:alpha(opacity=80); z-index: 0;}
#section-principal .consulta .box ul{padding-left: 20px; position: relative; z-index: 1;}

/*cookie consent*/
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:800px; border:solid 1px #7F6D77;}
.termsfeed-com---nb .cc-nb-title {color: #064F64; font-family: 'Biryani', sans-serif; font-size:32px;}
.cc-nb-main-container{background-color:#FFFFFF; font-family: 'Biryani', sans-serif; font-size:18px;}
.cc-nb-okagree{background-color:#064F64!important; color:#FFFFFF!important;}
.cc-nb-reject{background-color:#7F6D77!important; color:#FFFFFF!important;}
.cc-nb-changep{background-color:#A7B0B5!important; color:#FFFFFF!important;}

/*estruturais*/
.padrao{position:relative; padding:0 3.8%; min-width:360px;}
.padrao .content{padding:120px 0;}
.content {display:block; margin: auto; width:100%; max-width:1300px; position:relative; font-size:0;}
.article {width:65.4%; margin:auto; position:relative; display:inline-block; vertical-align:top;}
.column-2 {width:48.1%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:0;}
.column-3 {width:30.8%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-3:nth-child(3n), .column-3:last-child{margin-right:0;}
.column-4 {width:22.15%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}

/*fontes*/
.biryani{font-family: 'Biryani', sans-serif;}

/*cores*/
.white{color:#FFFFFF;}
.blue{color:#064F64;}
.blue-l{color:#A4BECC;}
.blue-ll{color:#BFD2DD;}
.rose-d{color:#624A56;}
.rose{color:#7F6D77;}
.rose-l{color:#BFB5BC;}
.rose-ll{color:#E1DADF;}
.rose-lll{color:#F5F2F4;}
.gray{color:#A7B0B5}
.gray-l{color:#CFD3D5}
.gray-ll{color:#E5E6E7}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-blue{background-color:#064F64;}
.bg-blue-l{background-color:#A4BECC;}
.bg-blue-ll{background-color:#BFD2DD;}
.bg-rose-d{background-color:#624A56;}
.bg-rose{background-color:#7F6D77;}
.bg-rose-l{background-color:#BFB5BC;}
.bg-rose-ll{background-color:#E1DADF}
.bg-rose-lll{background-color:#F5F2F4;}
.bg-gray{background-color:#A7B0B5}
.bg-gray-l{background-color:#CFD3D5}
.bg-gray-ll{background-color:#E5E6E7}

.bg-multiply::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; z-index:0;}
.bg-multiply.bg-blue::before{background-color:#064F64;}
.bg-multiply.bg-rose::before{background-color:#7F6D77;}
.bg-image{background-repeat:no-repeat; background-position:center; background-size:cover;}

/*transições*/
.alpha{-webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.alpha:hover{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}

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

.round{-khtml-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.circle{display:inline-block; vertical-align:middle; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.box{padding: 30px;}
.two-column{-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-width:200px; -moz-column-width:200px; column-width:200px; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap: 30px;}

.gallery {display:block; font-size:0; margin:40px 0;}
.gallery .zoom{display:inline-block; width:16.2%; margin:1.9%; vertical-align:middle;}
.gallery .zoom span{display:block; width:100%; padding-bottom:100%;}
.zoom{display:block; width:100%; margin:0 auto; cursor:zoom-in; border:solid 7px #FFFFFF; box-shadow:0 0 7px #2C100D;}

.gallery .zoom:first-child span{background-image: url("../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-01.jpg");
  background-image: image-set(
    "../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-01.webp" type("image/webp"),
    "../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-01.jpg" type("image/jpeg")
  );}
.gallery .zoom:nth-child(2) span{background-image: url("../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-02.jpg");
  background-image: image-set(
    "../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-02.webp" type("image/webp"),
    "../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-02.jpg" type("image/jpeg")
  );}
.gallery .zoom:nth-child(3) span{background-image: url("../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-03.jpg");
  background-image: image-set(
    "../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-03.webp" type("image/webp"),
    "../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-03.jpg" type("image/jpeg")
  );}
.gallery .zoom:nth-child(5) span{background-image: url("../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-04.jpg");
  background-image: image-set(
    "../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-04.webp" type("image/webp"),
    "../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-04.jpg" type("image/jpeg")
  );}
.gallery .zoom:nth-child(6) span{background-image: url("../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-05.jpg");
  background-image: image-set(
    "../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-05.webp" type("image/webp"),
    "../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-05.jpg" type("image/jpeg")
  );}
.gallery .zoom:last-child span{background-image: url("../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-06.jpg");
  background-image: image-set(
    "../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-06.webp" type("image/webp"),
    "../images/_consultorio/tumbs/dr-carlos-galia-cirrugia-do-quadril-06.jpg" type("image/jpeg")
  );}

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

.button{display:inline-block; vertical-align:middle; position:relative; overflow:hidden; -khtml-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.button.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}

.button .label{display:inline-block; vertical-align:middle; text-align:center; font-weight: 300;}
.button.large .label{font-size:1.2em; min-height:60px; line-height:30px; padding:15px 1.5em;}
.button.medium .label{font-size:1em; min-height:45px; line-height:25px; padding:10px 1.5em;}
.button.small .label{font-size:.8em; min-height:30px; line-height:20px; padding:5px 1.5em;}
.button.tiny .label{font-size:.6em; min-height:20px; line-height:14px; padding:3px 1.5em;}
.button .pict + .label{padding-right:1.5em; padding-left:1em;}

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

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

.pict.white.fone{background-position:0% 0%;}
.pict.white.whats{background-position:10% 0%;}
.pict.white.email{background-position:20% 0%;}
.pict.white.home{background-position:30% 0%;}
.pict.white.local{background-position:40% 0%;}
.pict.white.instagram{background-position:50% 0%;}
.pict.white.link{background-position:60% 0%;}
.pict.white.download{background-position:70% 0%;}
.pict.white.restrict{background-position:80% 0%;}
.pict.white.user{background-position:90% 0%;}
.pict.white.date{background-position:100% 0%;}
.pict.white.mais{background-position:0% 20%;}
.pict.white.menos{background-position:10% 20%;}
.pict.white.fechar{background-position:20% 20%;}
.pict.white.base{background-position:30% 20%;}
.pict.white.topo{background-position:40% 20%;}
.pict.white.anterior{background-position:50% 20%;}
.pict.white.seguinte{background-position:60% 20%;}

.pict.blue.fone{background-position:0% 40%;}
.pict.blue.whats{background-position:10% 40%;}
.pict.blue.email{background-position:20% 40%;}
.pict.blue.home{background-position:30% 40%;}
.pict.blue.local{background-position:40% 40%;}
.pict.blue.instagram{background-position:50% 40%;}
.pict.blue.link{background-position:60% 40%;}
.pict.blue.download{background-position:70% 40%;}
.pict.blue.restrict{background-position:80% 40%;}
.pict.blue.user{background-position:90% 40%;}
.pict.blue.date{background-position:100% 40%;}
.pict.blue.mais{background-position:0% 60%;}
.pict.blue.menos{background-position:10% 60%;}
.pict.blue.fechar{background-position:20% 60%;}
.pict.blue.base{background-position:30% 60%;}
.pict.blue.topo{background-position:40% 60%;}
.pict.blue.anterior{background-position:50% 60%;}
.pict.blue.seguinte{background-position:60% 60%;}

.pict.rose.fone{background-position:0% 80%;}
.pict.rose.whats{background-position:10% 80%;}
.pict.rose.email{background-position:20% 80%;}
.pict.rose.home{background-position:30% 80%;}
.pict.rose.local{background-position:40% 80%;}
.pict.rose.instagram{background-position:50% 80%;}
.pict.rose.link{background-position:60% 80%;}
.pict.rose.download{background-position:70% 80%;}
.pict.rose.restrict{background-position:80% 80%;}
.pict.rose.user{background-position:90% 80%;}
.pict.rose.date{background-position:100% 80%;}
.pict.rose.mais{background-position:0% 100%;}
.pict.rose.menos{background-position:10% 100%;}
.pict.rose.fechar{background-position:20% 100%;}
.pict.rose.base{background-position:30% 100%;}
.pict.rose.topo{background-position:40% 20%;}
.pict.rose.anterior{background-position:50% 100%;}
.pict.rose.seguinte{background-position:60% 100%;}

.grifado{position: relative;}
.grifado::after{content: ""; position: relative; display: block; margin: 0 auto 0 0; padding-bottom: .5em; width: 3.7em; background-image: url("../images/pincelada.svg"); background-size: 100% 100%; background-repeat: no-repeat;}
.grifado.text-center::after{margin: 0 auto;}
.grifado span{font-size: .5em; line-height: 1em; display: block; font-weight: 300;}

.destaques li{display: inline-block; position: relative; vertical-align: top; width:30.8%; font-size: 20px; font-weight: 300; line-height: 1.6em; border: solid 1px #064F64; box-shadow: 0 0 10px #231F20; z-index: 10;}
.destaques li::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(255,255,255,.6); z-index: -1; -khtml-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.destaques li + li{margin-left: 3.8%;}
.destaques li a{display: block; padding: 25px;}
.destaques li h2{line-height: .8em; margin: .5em 0;}
.destaques li h2 span{display: block; font-size: .5em; font-weight: 300;}
.destaques li .areas {display: block; width: 40%; padding-bottom: 40%; background-image: url("../images/areas.svg"); background-size: 200% 200%; margin: auto;}
.destaques li .areas.doencas{background-position: 0 0;}
.destaques li .areas.cirurgia{background-position: 100% 0;}
.destaques li .pict{position: absolute; bottom: -22px; left: 50%; margin-left: -22px;}

.subnav li{font-size:24px; width: 30.8%; margin:20px 3.8% 20px 0; position:relative; display:inline-block; vertical-align:top; padding: 20px; line-height: 1.4em;}
.subnav li:nth-child(3n), .subnav li:last-child{margin-right:0;}
.subnav li a {display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center;}
.subnav li a .pict{border: solid 1px;}

.news-list li{font-size: 20px; line-height: 1.2em; display:inline-block; width:30.8%; margin:0 3.8% 40px 0; position:relative; vertical-align:text-top; background-color:#FFFFFF; border-radius: 30px; box-shadow: 0 0 10px #000000; overflow: hidden; text-align: left; min-height: 510px;}
.news-list li a.link-post{display:block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5;}
.news-list li:nth-child(3n), .news-list li:last-child{margin:0 0 40px 0;}
.news-list li .bg-image{position:relative; display:block; height:230px;}
.news-list li .bg-image.no-image{background-image: url("../images/dr-carlos-galia.svg"); background-size: 70% auto;}
.news-list li .bg-gray-ll{display: block; padding: 0 20px; font-size: .6em; position: relative; z-index: 10;}
.news-list li .bg-gray-ll a{display: inline-block; vertical-align: middle; line-height: 1em; margin: .2em .5em 0 0;}
.news-list li .bg-gray-ll a:hover{color: #7F6D77;}
.news-list li .bg-gray-ll .pict{width: 2.5em; height: 2.5em;vertical-align: middle;}
.news-list li strong{display: block; margin: 20px 20px 10px 20px; font-size: 1.1em; line-height: 1.3em;}
.news-list li strong + span{display: block; padding: 0 20px 60px 20px;}
.news-list li .button{position:absolute; bottom:20px; left:20px; z-index:0; padding-top: .3em;}

@media screen and (max-width:1400px) {
h1{font-size:40px;}
h2{font-size:32px;}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:19px;}
h6{font-size:18px;}
p{font-size:18px;}
.chamada{font-size:22px;}
.legenda{font-size:12px;}

/* identificadores */
#container {padding: 135px 0 720px 0;}
#container.hover{background-image: url("../images/_medium/container-bg.png");
  background-image: image-set(
    "../images/_medium/container-bg.webp" type("image/webp"),
    "../images/_medium/container-bg.png" type("image/png")
  );}

#header{padding:10px 20px 0 20px;}
#header .contatos{bottom: auto; top: 30px;}

#nav{display: block; clear: both; padding:5px 0 0 0; white-space:normal; text-align: center;}
#nav ul{display: flex; justify-content: space-around; align-items: center; align-content: center;}
#nav ul li + li{margin-left:0;}
#nav ul li .white:not(.pict){font-size:18px; line-height:40px;}
#nav ul li ul li a{font-size: 16px;}

#section-home{background-image: url("../images/_medium/banner-bg.png");
  background-image: image-set(
    "../images/_medium/banner-bg.webp" type("image/webp"),
    "../images/_medium/banner-bg.png" type("image/png")
  );}
#section-home .content::before{background-image: url("../images/_medium/apoio-bg.png");
  background-image: image-set(
    "../images/_medium/apoio-bg.webp" type("image/webp"),
    "../images/_medium/apoio-bg.png" type("image/png")
  );}
#section-home .column-2{margin: 15% 0 15% auto;}
#section-home h1{padding: 150px 0;}

#section-agendamento{background-image: url("../images/_medium/agendamento-bg.png");
  background-image: image-set(
    "../images/_medium/agendamento-bg.webp" type("image/webp"),
    "../images/_medium/agendamento-bg.png" type("image/png")
  );}
#section-agendamento h3 + p{margin: 70px auto;}

#section-perfil .content {background-image: url("../images/_medium/perfil-bg.png");
  background-image: image-set(
    "../images/_medium/perfil-bg.webp" type("image/webp"),
    "../images/_medium/perfil-bg.png" type("image/png")
  );}
#section-perfil .content::before{width: 43%; background-image: url("../images/_medium/galia-bg.png");
  background-image: image-set(
    "../images/_medium/galia-bg.webp" type("image/webp"),
    "../images/_medium/galia-bg.png" type("image/png")
  );}
#section-perfil:not(.padrao) .content{padding-top: 210px; padding-bottom: 140px;}

#section-noticias .news-list{padding-top:35px;}

#footer{height: 720px;}
#footer .content{padding: 60px 0;}
#footer .column-3:first-child::before{background-image: url("../images/_medium/footer-bg.jpg");
  background-image: image-set(
    "../images/_medium/footer-bg.webp" type("image/webp"),
    "../images/_medium/footer-bg.jpg" type("image/jpeg")
  );}
#footer .legenda{bottom: 60px;}
#footer ul li a{font-size: 16px;}
#footer ul li ul li a{font-size: 14px;}
#footer p:not(.legenda){font-size: 16px;}
#footer .pict.circle.home{right: 50px;}

#section-titulo .content{padding:50px 0 0 0;}

#section-principal .content ul:not(.reset-list) li, #section-principal .content ol li{font-size:18px;}
#section-principal .artroplastia{margin-bottom: 50px; background-image: url("../images/_medium/artroplastia-do-quadril.jpg");
  background-image: image-set(
    "../images/_medium/artroplastia-do-quadril.webp" type("image/webp"),
    "../images/_medium/artroplastia-do-quadril.jpg" type("image/jpeg")
  );}

#section-principal .consulta{margin-bottom: 100px;}
#section-principal .consulta::before{background-image: url("../images/_medium/consulta.jpg");
  background-image: image-set(
    "../images/_medium/consulta.webp" type("image/webp"),
    "../images/_medium/consulta.jpg" type("image/jpeg")
  );}
#section-principal .consulta .box{bottom: 30px; left: 30px;}

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

.box{padding: 25px;}

.gallery {margin:30px 0;}

.destaques li{font-size: 18px;}
.destaques li a{padding: 20px;}

.subnav li{font-size:20px; margin:15px 3.8% 15px 0; padding: 15px;}

.news-list li{font-size: 18px; margin:0 3.8% 35px 0; border-radius: 25px;}
.news-list li:nth-child(3n), .news-list li:last-child{margin:0 0 35px 0;}
.news-list li .bg-image{height:200px;}

}
@media screen and (max-width:1000px) {
h1{font-size:36px;}
h2{font-size:28px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:17px;}
h6{font-size:16px;}
p{font-size:16px;}
.chamada{font-size:20px;}
.legenda{font-size:10px;}

#container {padding: 83px 0 1220px 0;}
#container.hover{background-image: url("../images/_small/container-bg.png");
  background-image: image-set(
    "../images/_small/container-bg.webp" type("image/webp"),
    "../images/_small/container-bg.png" type("image/png")
  );}

#header {right: 20px; left: 20px; padding:10px 15px;}
#header .logo{display: block; float: left; width: 195px; height: 60px;}
#header .contatos{position: relative; right: auto; top: auto; display: inline-block; vertical-align: middle; margin-right: 10px; z-index: 10;}

#nav{display:none; visibility:hidden; position: absolute;}

#header .panel-button{display:inline-block; overflow:hidden; position:relative; background-color:#064F64; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s; z-index:400; vertical-align:middle;}
#header .panel-button span{display:block; position:relative; -ms-user-select:none; -mos-user-select:none; -webkit-user-select:none; -o-user-select:none; user-select:none; background-color:#FFFFFF; height:3px; width:25px; border-style:solid; border-color:#064F64; border-top-width:30px; border-bottom-width:30px; border-left-width:19px; border-right-width:19px; cursor:pointer; box-sizing:content-box;}
#header .panel-button span:before, #header .panel-button span:after {background-color:#FFFFFF; content:""; position:absolute; top:-8px; left:0; height:3px; width:25px; display:block; transition:all .2s linear;}
#header .panel-button span:after {top:8px;}
#header .panel-button.active span {background-color:#064F64;}
#header .panel-button.active span:before {transform:rotate(45deg);top:0;}
#header .panel-button.active span:after {transform:rotate(-45deg);top:0;}

#navMobile {position:fixed; right:0; top:0; bottom:0; width:320px; z-index:5; text-align:left; text-transform:uppercase; background-color:#064F64;}
#navMobile ul:first-child{margin:0; padding:0; list-style:none; display:block; overflow:scroll; position:absolute; top:85px; right:20px; bottom:20px; left:20px;}
#navMobile ul li{display:block; position:relative; width:100%; margin-bottom:20px; border:solid 1px #FFFFFF;}
#navMobile ul li:last-child{margin-bottom:0;}
#navMobile ul li .white{width:100%; line-height:30px; display:block; font-size:16px; padding:5px 10px; position:relative; font-weight:400; text-align: center;}
#navMobile ul li .white{position:relative;}
#navMobile ul li .white.hover{background-color:#7F6D77;}
#navMobile ul li ul{margin:0; padding:0; position:relative;}
#navMobile ul li ul li{display:block; position:relative; width:100%; margin:0; border-top:dotted 1px #FFFFFF; border-bottom:none; border-left:none; border-right:none;}
#navMobile ul li ul li a{line-height:20px; display:block; font-size:16px; padding:10px; font-weight:300; color: #FFFFFF; width: 100%; text-align: left;}
#navMobile ul li ul li a.hover{background-color:#A2929C;}
#navMobile ul li ul li .pict {display:block; width: 40px; height: 40px; position: absolute; right: 10px; top: 10px;}

#section-home{padding: 0 20px; background-image: url("../images/_small/banner-bg.png");
  background-image: image-set(
    "../images/_small/banner-bg.webp" type("image/webp"),
    "../images/_small/banner-bg.png" type("image/png")
  );}

#section-home .content{background-image: url("../images/_small/home-bg.png");
  background-image: image-set(
    "../images/_small/home-bg.webp" type("image/webp"),
    "../images/_small/home-bg.png" type("image/png")
  );}

#section-home .content::before{background-size: 45% auto; background-position: center bottom; background-image: url("../images/_small/apoio-bg.png");
  background-image: image-set(
    "../images/_small/apoio-bg.webp" type("image/webp"),
    "../images/_small/apoio-bg.png" type("image/png")
  );}

#section-home .column-2{margin: 60px 0 50% 0; text-align: center;}
#section-home .column-2 .grifado::after{margin: 0 auto;}
#section-home h1{padding: 120px 0;}

#section-agendamento{background-image: url("../images/_small/agendamento-bg.png");
  background-image: image-set(
    "../images/_small/agendamento-bg.webp" type("image/webp"),
    "../images/_small/agendamento-bg.png" type("image/png")
  );}
#section-agendamento h3 + p{margin: 40px auto;}

#section-perfil:not(.padrao){padding:0 20px;}
#section-perfil:not(.padrao) .content{padding-top: 60px; padding-bottom: 60px;}
  
#section-perfil .content {background-position: center; background-size: contain; text-align: center; background-image: url("../images/_small/perfil-bg.png");
  background-image: image-set(
    "../images/_small/perfil-bg.webp" type("image/webp"),
    "../images/_small/perfil-bg.png" type("image/png")
  );}
#section-perfil .content::before{position: relative; top:auto; right: auto; bottom: auto; width: 48.1%; padding-bottom: 48.1%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin: 0 auto 30px auto; background-size: cover; display: block; border: solid 1px #7F6D77; background-repeat: no-repeat; background-position: center top; background-image: url("../images/_small/galia-bg.jpg");
  background-image: image-set(
    "../images/_small/galia-bg.webp" type("image/webp"),
    "../images/_small/galia-bg.jpg" type("image/jpeg")
  );}

#section-perfil .column-2{margin-left: 0;}
#section-perfil .column-2 .grifado::after{margin: 0 auto;}

#section-noticias .news-list{padding-top:30px;}
#section-noticias .news-list li:nth-child(4){display:none; visibility:hidden;}

#footer{padding: 0 20px; height: 1220px;}
#footer .content{padding: 40px 0;}
#footer .column-3:first-child{padding-bottom: 0; padding-top: 120px;}
#footer .column-3:first-child::before{position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 350px; padding-top: 350px; margin: 0 auto; z-index: 0; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-position: center bottom; background-image: url("../images/_small/footer-bg.jpg");
  background-image: image-set(
    "../images/_small/footer-bg.webp" type("image/webp"),
    "../images/_small/footer-bg.jpg" type("image/jpeg")
  );}
#footer .column-3:nth-child(2), #footer .column-3:nth-child(3){width: 48.1%; display: inline-block; margin: 20px auto;}
#footer .column-3:nth-child(3){margin-left: 3.8%;}

#footer .logo{display: block; width: 260px; height: 80px; margin: 0 0 0 -130px; position: absolute; top: 0; left: 50%;}

#footer .legenda{position: relative; left: auto; bottom: auto; text-align: center;}
#footer .legenda br{display: none;}
    #footer p a{white-space: nowrap;}

#section-principal .content ul:not(.reset-list), #section-principal .content ol {padding-left: 20px;}
#section-principal .content ul:not(.reset-list) li, #section-principal .content ol li{font-size:16px;}
#section-principal .column-2 + .column-2{margin-top: 40px;}

#section-principal .artroplastia{margin-bottom: 30px; background-image: url("../images/_small/artroplastia-do-quadril.jpg");
  background-image: image-set(
    "../images/_small/artroplastia-do-quadril.webp" type("image/webp"),
    "../images/_small/artroplastia-do-quadril.jpg" type("image/jpeg")
  );}

#section-principal .consulta{margin-bottom: 60px; background-image: none;}
#section-principal .consulta::before{position: relative; z-index: 0; background-image: url("../images/_small/consulta.jpg");
  background-image: image-set(
    "../images/_small/consulta.webp" type("image/webp"),
    "../images/_small/consulta.jpg" type("image/jpeg")
  );}
#section-principal .consulta .box{position: relative; bottom: auto; left: auto; width: 80%; margin: -50px auto 0 auto;}
    
/*estruturais*/
.padrao{padding:0 20px;}
.padrao .content{padding:60px 0;}
.content {max-width:700px;}

.article, .column-2, .column-3 {width:100%; margin:auto; display:block;}
.column-2:nth-child(2n), .column-2:last-child, .column-3:nth-child(3n), .column-3:last-child{margin-right:auto;}

.box{padding: 20px;}

.gallery {margin:20px 0;}
.gallery .zoom{width:22.15%;}
.zoom{border:solid 4px #FFFFFF; box-shadow:0 0 4px #2C100D;}

.destaques li{width:48.1%; font-size: 16px;}

.subnav li{font-size:16px; padding: 10px;}

.news-list li{font-size: 16px; width:48.1%; margin:0 3.8% 30px 0; border-radius: 20px; box-shadow: 0 0 6px #000000; min-height: 420px;}
.news-list li:nth-child(3n){margin:0 3.8% 30px 0;}
.news-list li:nth-child(2n), .news-list li:last-child{margin:0 0 30px 0;}
.news-list li .bg-image{height:170px;}
.news-list li .bg-gray-ll{padding: 0 15px;}
.news-list li strong{margin: 15px 15px 8px 15px;}
.news-list li strong + span{display: block; padding: 0 15px 60px 15px;}
.news-list li .button{bottom:15px; left:15px; padding-top: .2em;}

}

@media screen and (max-width:600px) {
h1{font-size:32px;}
h2{font-size:24px;}

#container {padding: 93px 0 1550px 0;}
#container.hover{background-image: url("../images/_tiny/container-bg.png");
  background-image: image-set(
    "../images/_tiny/container-bg.webp" type("image/webp"),
    "../images/_tiny/container-bg.png" type("image/png")
  );}

#header {padding:10px 15px 20px 15px;}
#header .contatos{position: absolute; right: 0; left: 0; bottom: -15px; display:block; margin-right: 0; text-align: center; z-index: 0;}
#header .contatos .pict{width: 30px; height: 30px;}

#navMobile {width:100%;}
#navMobile ul li{max-width: 340px; margin-left: auto; margin-right: auto;}

#section-home{background-image: url("../images/_tiny/banner-bg.png");
  background-image: image-set(
    "../images/_tiny/banner-bg.webp" type("image/webp"),
    "../images/_tiny/banner-bg.png" type("image/png")
  );}

#section-home .content{background-image: url("../images/_tiny/home-bg.png");
  background-image: image-set(
    "../images/_tiny/home-bg.webp" type("image/webp"),
    "../images/_tiny/home-bg.png" type("image/png")
  );}

#section-home .content::before{background-size: 65% auto; background-position: center bottom; background-image: url("../images/_tiny/apoio-bg.png");
  background-image: image-set(
    "../images/_tiny/apoio-bg.webp" type("image/webp"),
    "../images/_tiny/apoio-bg.png" type("image/png")
  );}

#section-home .column-2{margin: 60px 0 70% 0;}

#section-agendamento{background-image: url("../images/_tiny/agendamento-bg.png");
  background-image: image-set(
    "../images/_tiny/agendamento-bg.webp" type("image/webp"),
    "../images/_tiny/agendamento-bg.png" type("image/png")
  );}
#section-agendamento .button + .button{margin-left: 0; margin-top: 20px;}

#section-perfil .content {background-image: url("../images/_tiny/perfil-bg.png");
  background-image: image-set(
    "../images/_tiny/perfil-bg.webp" type("image/webp"),
    "../images/_tiny/perfil-bg.png" type("image/png")
  );}
#section-perfil .content::before{background-image: url("../images/_tiny/galia-bg.jpg");
  background-image: image-set(
    "../images/_tiny/galia-bg.webp" type("image/webp"),
    "../images/_tiny/galia-bg.jpg" type("image/jpeg")
  );}

#footer {height: 1550px;}
#footer .column-3:first-child::before{width: 250px; padding-top: 250px; background-image: url("../images/_tiny/footer-bg.jpg");
  background-image: image-set(
    "../images/_tiny/footer-bg.webp" type("image/webp"),
    "../images/_tiny/footer-bg.jpg" type("image/jpeg")
  );}
#footer .column-3:nth-child(2), #footer .column-3:nth-child(3){width: 100%; display: block; margin: 0 auto;}
    
#section-principal .consulta::before{padding-bottom: 63.6%; background-image: url("../images/_tiny/consulta.jpg");
  background-image: image-set(
    "../images/_tiny/consulta.webp" type("image/webp"),
    "../images/_tiny/consulta.jpg" type("image/jpeg")
  );}
#section-principal .consulta .box{position: relative; bottom: auto; left: auto; width: 80%; margin: -50px auto 0 auto;}

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

.box{padding: 15px;}

.destaques li{display: block; width:100%;}
.destaques li + li{margin-left: 0; margin-top: 40px;}

.subnav li{width: 48.1%;}
.subnav li:nth-child(3n){margin-right:3.8%;}
.subnav li:nth-child(2n), .subnav li:last-child{margin-right:0;}
.subnav li a {display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center;}
.subnav li a .pict{border: solid 1px;}

.news-list li{width:100%; margin:0 0 30px 0; min-height: auto;}
.news-list li:nth-child(3n), .news-list li:nth-child(2n), .news-list li:last-child{margin:0 0 30px 0;}
.news-list li .bg-image{height:170px;}
}