@charset "UTF-8";
/*configurações*/
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
div::after, ol::after, form::after, dl::after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
h1, h2, h3, h4, h5, h6{line-height:1.2em; font-weight: 600;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h2:not(:first-child), * h3:not(:first-child), * h4:not(:first-child), * h5:not(:first-child), * h6:not(:first-child){margin-top:2em;}
* 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:42px;}
h2{font-size:36px;}
p{font-size:18px; line-height:1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:22px;}
.legenda{font-size:14px;}
a{text-decoration:none;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
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: "Montserrat", sans-serif; font-optical-sizing: auto; color:#1D1D1B;}
#container {margin:0; padding:0; height:100%; min-height:100%; height:auto!important; position:relative; overflow-x:hidden;}

header {font-size:0; padding:35px 4% 0 4%; position:absolute; top:0; width:100%; z-index:150; text-align:right;}
header .logo{padding: 0 0 92px 0; width: 27%; max-width: 404px; display: block; float: left; font-size: 0; background-image:url(../images/svg/dr-alan-azambuja.svg); background-position: center; background-size: contain; background-repeat: no-repeat;}
header .button{font-size: 16px;}

#contatos {position: fixed; top: 225px; right: -1px;  z-index:200;}
#contatos a{display: block; border-radius:10px 0 0 10px; padding: 5px 15px 5px 5px; border: solid 1px #FFFFFF;}
#contatos a + a{margin-top: 10px;}

#banner{height: 900px; padding: 0 4%; display: flex; align-items: center; align-content: flex-start; position: relative; overflow: hidden; z-index:100; border-bottom: solid 1px #0BB5FF;}
.no-webp #banner, .no-js #banner{background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.7) 100%), url(../images/large/bg-banner.jpg) center; background-size: cover;}
.webp #banner{background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.7) 100%), url(../images/large/bg-banner.webp) center; background-size: cover;}

#banner::before{content: ""; position: absolute; top: 0; right: 0; left: 45%; bottom: 0; background-size: auto 800px; background-repeat: no-repeat; background-position: bottom left; z-index: 0;}
.no-webp #banner::before, .no-js #banner::before{background-image:url(../images/large/dr-alan-azambuja.png);}
.webp #banner::before{background-image:url(../images/large/dr-alan-azambuja.webp);}

#banner p{position: relative; z-index: 10;}
#banner p span{font-size: 1.4em; padding: 1em 0 1em 1em; display: inline-block; background: linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); line-height: 1.3em;}

section.perfil .content .circulos{right: 0; top: 120px; transform: rotate(90deg);}

section.perfil .article{vertical-align: bottom;}
section.perfil .article ul{list-style: none;}
section.perfil .article ul li{font-size: 18px; line-height: 1.2em; position: relative;}
section.perfil .article ul:last-child li{padding-right: 45px;}
section.perfil .article ul li + li{margin-top: 1em;}
section.perfil .article ul li a{position: absolute; top: 50%; margin-top: -20px; right: 0;}
section.perfil .article ul li span:not(.circle){font-size: .7em;}
p{margin-top: 1.7em;}

section.perfil .column-3{vertical-align: bottom;}
section.perfil .column-3 .chamada{margin-top: 1em; line-height: 1em;}
section.perfil .column-3 .chamada span{display: block; font-size: .6em; font-weight: 300;}
section.perfil .column-3 .bg-image.circle{display: block; aspect-ratio:1/1; width: 75%; height: 75%; margin: auto;}
.no-webp section.perfil .column-3 .bg-image.circle, .no-js section.perfil .column-3 .bg-image.circle{background-image:url(../images/large/dr-alan.jpg);}
.webp section.perfil .column-3 .bg-image.circle{background-image:url(../images/large/dr-alan.webp);}

#whats{position:fixed; bottom:60px; right:-200px; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); display:block; z-index:1000; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s;}
#whats a{border: solid 2px #FFFFFF; box-shadow: 0 0 10px 5px #CCCCCC;}

/*cookie consent*/
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:800px; border:solid 1px #9CB0BF;}
.termsfeed-com---nb .cc-nb-title {color: #4B708A; font-family: "Montserrat", sans-serif;  font-size:32px;}
.termsfeed-com---nb .cc-nb-text{color: #0B3645;}
.cc-nb-main-container{font-family: "Montserrat", sans-serif; font-size:18px; background-color: #FFFFFF;}
.cc-nb-okagree{background-color:#4B708A!important; color:#FFFFFF!important;}
.cc-nb-reject{background-color:#E30613!important; color:#FFFFFF!important;}
.cc-nb-changep{background-color:#0BB5FF!important; color:#FFFFFF!important;}

/*estruturais*/
.padrao{padding:0 4%; position:relative;}
.padrao .content{padding:120px 0;}
.content {margin:auto; width:100%; max-width:1300px; position:relative; font-size:0; z-index: 10;}
.article {width:65.35%; margin:auto; position:relative; display:inline-block; vertical-align:text-top;}
.column-2 {width:48%; margin:0 4% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:0;}
.column-3 {width:30.65%; margin:0 4% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.column-3:nth-child(3n), .column-3:last-child{margin-right:0;}
.column-4 {width:22%; margin:0 4% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}

/*cores*/
.white{color: #FFFFFF;}
.ed-gray{color: #1D1D1B;}
.d-gray{color: #0B3645;}
.gray{color: #4B708A;}
.l-gray{color: #5E89A9;}
.el-gray{color: #9CB0BF;}
.blue{color: #0BB5FF;}

/*backgrounds*/
.bg-green{background-color:#25D366;}
.bg-white{background-color:#FFFFFF;}
.bg-ed-gray{background-color: #1D1D1B;}
.bg-d-gray{background-color: #0B3645;}
.bg-gray{background-color: #4B708A;}
.bg-l-gray{background-color: #5E89A9;}
.bg-blue{background-color: #0BB5FF;}
.bg-el-gray{background-color: #9CB0BF;}
.bg-ul-gray{background-color: #E7EDF2;}
.bg-image{background-position:center; background-repeat:no-repeat; background-size:cover;}
.bg-gradient-gray{background: linear-gradient(to bottom,  #5e89a9 0%,#4b708a 100%);}

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

/*gerais*/
.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;}
.reset-list{margin:0; padding:0; font-size:0; list-style:none;}

.round{border-radius:5px;}
.circle{display:inline-block; vertical-align:middle; border-radius:50%; overflow: hidden;}
.two-column{-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-width:250px; -moz-column-width:250px; column-width:250px; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap: 40px;}

.button{display:inline-block; vertical-align:middle; position:relative; overflow:hidden; border-radius:2.2em; padding: 0 .5em}
.button.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}

.button .label{vertical-align: middle; display: inline-block; min-width: 9.5em; text-align: center;}

.button.large .label{font-size:1.2em; line-height: 40px; padding:10px 1em;}
.button.medium .label{font-size:1.1em; line-height: 30px; padding:15px 1em;}
.button.small .label{font-size:1em; line-height: 20px; padding:10px 1em;}
.button.tiny .label{font-size:.9em; line-height: 14px; padding:3px 1em;}

.pict{display:inline-block; vertical-align:middle; background-image:url(../images/svg/pictogramas.svg); background-repeat:no-repeat; background-size:1100% auto;}
.pict.text{background-image:none; font-size:1.4em;}
.button .pict.local + .label, .button .pict.local + span {line-height: 1.2em;}

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

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

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

.grifado{padding-left: .4em; position: relative;}
.grifado::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; display:block; width:.15em; background-color:#0BB5FF;}
.grifado span{display: block; font-size: .6em; line-height: 1em;}

.ancora {display: block; width: 20px; height: 20px; position: absolute; top: 0px;}
.circulos{display: block; position: absolute; background-image: url(../images/svg/bg-circulos.svg); background-size: contain; width: 92px; height: 92px; background-repeat: no-repeat;}

@media screen and (max-width:1400px) {
h1{font-size:32px;}
h2{font-size:30px;}
p{font-size:16px;}
.chamada{font-size:20px;}
.legenda{font-size:12px;}

header {font-size:0; padding:30px 4% 0 4%;}
header .logo{padding: 0 0 60px 0; width: 260px;}
header .button{font-size: 14px;}

#contatos {top: 175px;}
#contatos a{border-radius:7px 0 0 7px; padding: 0 15px 0 0;}

#banner{height: 600px;}
.no-webp #banner, .no-js #banner{background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.7) 100%), url(../images/medium/bg-banner.jpg) center; background-size: cover;}
.webp #banner{background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.7) 100%), url(../images/medium/bg-banner.webp) center; background-size: cover;}

#banner::before{background-size: auto 550px;}
.no-webp #banner::before, .no-js #banner::before{background-image:url(../images/medium/dr-alan-azambuja.png);}
.webp #banner::before{background-image:url(../images/medium/dr-alan-azambuja.webp);}

section.perfil .content .circulos{top: 80px;}
section.perfil .article ul li{font-size: 16px;}
.no-webp section.perfil .column-3 .bg-image.circle, .no-js section.perfil .column-3 .bg-image.circle{background-image:url(../images/large/dr-alan.jpg);}
.webp section.perfil .column-3 .bg-image.circle{background-image:url(../images/large/dr-alan.webp);}

#whats{bottom:30px;}

/*estruturais*/
.padrao{padding:0 70px 0 4%;}
.padrao .content{padding:80px 0;}

.ancora {top: -120px;}
.circulos{width: 69px; height: 69px;}

}
@media screen and (max-width:1000px) {
h1{font-size:28px;}
h2{font-size:26px;}
p{font-size:14px;}
.chamada{font-size:18px;}
.legenda{font-size:10px;}

header {font-size:0; padding:15px 30px 0 30px;}
header .button{font-size: 12px; margin-top: 10px;}

#contatos {top: 125px;}

#banner{height: 500px; padding: 110px 55px 0 55px;}
.no-webp #banner, .no-js #banner{background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.3) 100%), url(../images/small/bg-banner.jpg) center; background-size: cover;}
.webp #banner{background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.3) 100%), url(../images/small/bg-banner.webp) center; background-size: cover;}

#banner::before{background-size: auto 430px; left: 35%; background-position: center bottom;}
.no-webp #banner::before, .no-js #banner::before{background-image:url(../images/small/dr-alan-azambuja.png);}
.webp #banner::before{background-image:url(../images/small/dr-alan-azambuja.webp);}

#banner p span{font-size: 1.2em; padding: 1em 1em 1em 0; display: inline-block; background: linear-gradient(to left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%);}

section.perfil .content .circulos{top: 60px;}
section.perfil .article ul{padding-left: 25px;}
section.perfil .article ul li{font-size: 14px;}
section.perfil .column-3 .bg-image.circle{width: 50%; max-width: 250px; height: 50%; max-height: 250px; margin-top: 30px;}
.no-webp section.perfil .column-3 .bg-image.circle, .no-js section.perfil .column-3 .bg-image.circle{background-image:url(../images/small/dr-alan.jpg);}
.webp section.perfil .column-3 .bg-image.circle{background-image:url(../images/small/dr-alan.webp);}

#whats a .pict.large{width:60px; height:60px; line-height:60px;}

/*estruturais*/
.padrao{padding:0 55px;}
.padrao .content{padding:60px 0;}
.content {max-width:700px;}
.article, .column-2, .column-3, .column-4 {width:100%; margin:auto; display:block;}
.column-2:nth-child(2n), .column-2:last-child, .column-3:nth-child(3n), .column-3:last-child, .column-4:nth-child(4n), .column-4:last-child{margin-right:auto;}

.ancora {top: -90px;}
.circulos{width: 46px; height: 46px;}

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

/*gerais*/
.button.large .label{line-height: 40px; padding:16px 1em;}
.button.medium .label{line-height: 30px; padding:12px 1em;}
.button.small .label{line-height: 20px; padding:8px 1em;}
.button.tiny .label{line-height: 12px; padding:3px 1em;}

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

.pict.large{width:72px; height:72px; line-height:72px;}
.pict.medium{width:54px; height:54px; line-height:54px;}
.pict.small{width:36px; height:36px; line-height:36px;}
.pict.tiny{width:18px; height:18px; line-height:18px;}

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

header {font-size:0; padding:15px 15px 0 15px;}
header .logo{width: 215px;}
header .button{font-size: 0; border-radius: 50%}

header .panel-button{margin:5px 0 0 10px;}

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

#contatos {top: 135px;}
#contatos a{padding: 0;}

#banner{padding: 0;}
.no-webp #banner, .no-js #banner{background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.3) 100%), url(../images/tiny/bg-banner.jpg); background-size: cover;}
.webp #banner{background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.3) 100%), url(../images/tiny/bg-banner.webp); background-size: cover;}

#banner::before{background-size: auto 420px; left: 0; background-position: center bottom;}
.no-webp #banner::before, .no-js #banner::before{background-image:url(../images/tiny/dr-alan-azambuja.png);}
.webp #banner::before{background-image:url(../images/tiny/dr-alan-azambuja.webp);}

#banner .gray{position: absolute; right: 0; bottom: 0; left: 0; padding: 15px 40px;}
#banner .gray::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-color: rgba(11,54,69,.7);; mix-blend-mode: multiply;}
#banner .gray *{position: relative; z-index: 10;}
#banner .grifado{margin-bottom: .3em; color: #FFFFFF;}
#banner p{margin: 0; color: #FFFFFF;}
#banner p span{font-size: 1.1em; padding: 0; background: transparent;}
#banner p br{display: none;}

section.perfil .content .circulos{top: 40px;}
section.perfil .article ul{padding-left: 10px;}
section.perfil .column-3 .bg-image.circle{width: 70%; height: 70%;}

#whats{bottom:15px;}

/*estruturais*/
.padrao{padding:0 40px;}
.padrao .content{padding:60px 0;}
.content {max-width:700px;}
}