@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

html, body{font-family: "Roboto", sans-serif; overflow-x: hidden !important; scroll-behavior: smooth;}
div{scroll-margin-top: 20px;}

#topo{ padding: 10px 0; background-image: url("../img/fundo-topo.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover;}
#topo .container{position: relative;}
.navbar{padding: 1rem 1rem;}
.navbar-brand{width: 160px;}
.navbar-expand-lg .navbar-collapse{margin-top: 65px;}
.navbar-light .navbar-nav .nav-link{color: #747474; text-transform: uppercase; font-size:16px}
.navbar-light .navbar-nav .nav-link:hover{color: #3c573f;}
.icones-redes{position: absolute; display: flex; align-items: center; right: 20px; top: 20px; gap: 5px; }
.icones-redes h4{color: #3d5f55; font-size: 23px; margin-right: 25px; margin-bottom: 0; font-weight: 300;}
.icones-redes img{width: 35px;}
.navbar-nav .nav-link {padding: 5px 10px; line-height: 1;   }
.navbar-nav .nav-item:not(:last-child) {border-right: 1px solid #cecece;}
.navbar-nav .nav-item:last-child {border-right: none;margin-right: 0;padding-right: 0;}


#carrossel{background-image: url("../img/banner.jpg"); background-position: top center; background-repeat: no-repeat;background-size: cover;padding-top: 30px;display: flex;align-items: flex-end; }
.banner{display: inline-flex;}
.texto-destaque{padding-right: 0; padding-top: 50px;}
.texto-destaque h1{text-transform: uppercase; color: #526054; font-size: 55px; padding-bottom: 50px; line-height: 1; font-weight: bold; max-width: 300px;}
.texto-destaque h2{font-size: 25px; font-weight: 300; color: #39553d; padding-bottom: 30px; max-width: 700px;}
.imagem-avantar .img-fluid{width: 100%;}
.btn-success{background-color: #3d5f55; border-radius: 50px; border: none; padding: 12px 30px !important;}
.btn-success:hover{background-color: #67998a;}
.modal-saiba-btn {display: inline-block;background: #526054;color: #fff;padding: 10px 20px;border-radius: 20px;text-decoration: none;font-size: 14px; margin-top: 35px; transition: all .3s; font-weight: bold;}
.modal-saiba-btn:hover{background: #373d38; color: #fff; text-decoration: none; transition: all .3s;}

#especialidades{padding: 30px 0;}
#especialidades h2{text-transform: uppercase; font-size: 30px; color: #526054; font-weight: 300; padding-bottom: 30px;}
.card-es{border-bottom: 5px solid #526054; margin-bottom: 50px;}
.card-es h3{color: #7d7d7d; font-size: 16px;}
.card-es img{border-radius: 0 100px  0 0; width: 100%;}
.btn-es{position: absolute;bottom: 35px;right: 35px;background: #526054;color: #fff;padding: 10px 18px;border-radius: 30px;text-decoration: none;font-size: 14px;font-weight: bold;transition: 0.3s;}



#sobre{background-image: url("../img/fundo-sobre.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover;}
#sobre .row{align-items: center;}
.texto-sobre{color: #fff; padding: 30px 0;}
.texto-sobre h2{font-weight: 300; padding-bottom: 20px;}
.avatar-sobre img{margin-top: -30px;}
.btn-sobre{background-color: #fff; border-radius: 50px; color: #526054; font-size: 14px; font-weight: 600;}
.btn-sobre:hover{background-color: #526054; color: #fff;}

#clinica{background-color: #f5f5f5; padding: 30px 0;}
#clinica .row{align-items: center;}
.texto-clinica h2{color: #526054; padding-bottom: 30px;}
.btn-clinica{background-color: #526054; color: #fff; border-radius: 50px;}
.btn-clinica:hover{background-color: #373d38; color: #fff;}
.imagem-clinica{border-radius: 0 100px 0 0; overflow: hidden;}
.imagem-clinica img{width: 100%;}

#news{padding: 30px 0;}
#news .row{align-items: center;}
.texto-news h3{color: #526054; font-size: 23px; padding-bottom: 10px;}
.btn-clinica{background-color: #526054; color: #fff; border-radius: 50px; font-size: 14px;}
.btn-clinica:hover{background-color: #373d38; color: #fff;}
.imagem-news{border-radius: 0 100px 0 0; overflow: hidden;}
.imagem-news img{width: 100%;}

#proposito{background-image: url("../img/fundo-proposito.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover;}
#proposito .row{align-items: center;}
.texto-proposito{color: #fff;}
.texto-proposito h2{text-transform: uppercase; max-width: 800px; font-size: 55px; line-height: 1;}
.texto-proposito p{font-weight: 300; font-size: 20px; padding: 20px 0;}
.avatar-proposito img{margin-top: -50px;}
.btn-p{background-color: #526054; color: #fff; border-radius: 50px; font-size: 14px;}

#mission-vision-values{padding: 30px 0;}
#mission-vision-values h3{font-size: 30px; text-transform: uppercase; color: #526054; font-weight: 300;}
#mission-vision-values p{max-width: 300px;}


#duvidasfrequentes{background-color: #fafafa; padding: 30px 0;}
.accordion{border-color: #00000000 !important;}
.texto-duvidas h2{text-transform: uppercase; font-style: 30px; color: #526054; font-weight: 300; margin: 0;}
.texto-duvidas p{color: #fff;}
.accordion-button{color: #fff !important;}
.accordion-item{border-radius: 0 !important; margin: 10px 0; border: none; color: #1a1a1a;}
.accordion-header{border-radius:0 20px 0 0 !important;}
.accordion-item:first-of-type>.accordion-header .accordion-button{border-radius:0 20px 0 0 !important;}
.accordion-button{background-color: #3d5f55; border: none; border-radius: 0 20px 0 0;}
.accordion-button:not(.collapsed){background-color: #3d5f55;}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-radius:0 20px 0 0 !important;}
.accordion-body{background-color: #e8e8e8;}
.accordion-button::after{background-image: url("..//img/jogar.svg");}
.accordion-button:not(.collapsed)::after{background-image: url("..//img/jogar.svg");}
.accordion-item:last-of-type>.accordion-collapse{border-radius: 0 !important;}
.accordion-button:not(.collapsed){box-shadow: none;}
.accordion {--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 109, 253, 0);}

.maps iframe{width: 100%; height: 450px; border: none; margin-bottom: -7px;}


#contato{background-color: #526054; padding: 30px 0;} 
#contato .row{align-items: center;}
.telefone h3{color: #fff; font-size: 1.5rem; font-weight: 300;}
.telefone img{width: 30px; margin-right: 8px;}
.endereco{text-align: center;}
.endereco h3{color: #fff; font-size: 1rem; font-weight: 300; padding-top: 10px;}
.endereco img{width: 30px; margin-right: 8px;}
.logo-contato{text-align: right;}
.logo-contato img{width: 150px;}
.widget-doctoralia iframe{bottom: 100px !important;}

footer {background-color: #314e35; padding: 20px 0;}
footer .row{align-items: center;}
#direitos p{margin: 0; color: #fff;}
#logo-as{text-align: right;}
#logo-as img{width: 70px;}

/* Mobile */

.animated-icon1, .animated-icon2, .animated-icon3 {width: 56px; height: 20px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.animated-icon1 span, .animated-icon2 span, .animated-icon3 span { display: block; position: absolute; height: 5px; width: 100%; opacity: 1; left: 0;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.animated-icon1 span { background: #e65100;}
.animated-icon2 span {background: #3d5f55;border: rgba(255, 255, 255, 0);}
.navbar-toggler{border: rgba(255, 255, 255, 0);}
.navbar-toggler:focus{box-shadow:none;}
.animated-icon3 span { background: #0084c2;}
.animated-icon1 span:nth-child(1) {top: 0px;}
.animated-icon1 span:nth-child(2) {top: 10px;}.animated-icon1 span:nth-child(3) {top: 20px;}
.animated-icon1.open span:nth-child(1) {top: 11px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.animated-icon1.open span:nth-child(2) { opacity: 0; left: -60px;}
.animated-icon1.open span:nth-child(3) {top: 11px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
.animated-icon2 span:nth-child(1) {top: 0px;}
.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {top: 10px;}
.animated-icon2 span:nth-child(4) {top: 20px;}
.animated-icon2.open span:nth-child(1) { top: 11px; width: 0%; left: 50%;}
.animated-icon2.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);}
.animated-icon2.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.animated-icon2.open span:nth-child(4) {top: 11px;width: 0%;left: 50%;}
.animated-icon3 span:nth-child(1) { top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.animated-icon3 span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.animated-icon3 span:nth-child(3) { top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.animated-icon3.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; left: 8px;}
.animated-icon3.open span:nth-child(2) {  width: 0%;  opacity: 0;}
.animated-icon3.open span:nth-child(3) {-webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 21px;left: 8px;}


/* Mobile */

@media screen and (max-width: 1200px){
    .navbar-brand{width: 220px;}
    .icones-redes{top: 10px;}
    .calculadora{bottom: 0;}
    .texto-destaque h1{font-size: 55px;}
    #precos{padding-bottom: 30px;}
    #precos h2{font-size: 55px;}
    #dr-jose-geraldo .row{align-items: center;}
    .video {width: 100%;}
    .modal-saiba-btn{position: relative;}
    .frase {max-width: 520px;}

}



@media screen and (max-width: 1024px){
    .navbar-light .navbar-nav .nav-link{font-size: 14px;}
    .texto-destaque {transform: translateY(0px);}
    .texto-destaque h1{padding-bottom: 30px;}
    .texto-destaque h2{padding-bottom: 30px;}
    .texto-saude h2{padding-bottom: 30px;}
    .texto-saude p{margin-bottom: 0;}
    .swiper-img{width: 100%;}
    .problemas-slider h5{font-size: 15px;}
    .swiper-button-next {right: 0px;}
    .swiper-button-prev {left: 0px;}
    #precos {height: 50vh;}
    .imagem-cirurgia{width: 100%;}
    
   

}

@media screen and (max-width: 990px){
    .navbar-expand-lg .navbar-collapse{margin: auto;}
    .navbar-brand{width: 100px;}
    .navbar-brand img{width: 100%;}
    .navbar{flex-wrap: nowrap;}
    #proposito{padding-top: 30px;}
    .texto-news{padding-top: 30px;}
    .texto-sobre{padding: 30px 0;}
    .avatar-sobre{text-align: center;}
    .avatar-sobre img{margin-top: 30px;}
    #mission-vision-values{text-align: center;}
    #mission-vision-values p{margin: 0 auto; padding-bottom: 20px;}
    .imagem-clinica{margin-top: 30px;}
    .sub-titulo{font-size: 16px; line-height: 1;}
    button:focus {outline: none;}
    .icones-redes{position: static;display: flex;align-items: center;gap: 10px;margin-left: auto;}
    .icones-redes h4{display: none; }
    .icones-redes img{width: 26px;}
    .icones-redes{position: static;display: flex;align-items: center;gap: 10px;margin-left: auto;}
    .icones-redes h4{display: none; }
    .icones-redes img{width: 26px;}
    .navbar-brand{margin-right: auto;}
    .navbar-toggler{order: 3;padding: 0;}
    .icones-redes{order: 2;margin-right: 10px;}
    .avatar-proposito img{margin-top: 20px;}
    .navbar-collapse{position: absolute;top: 100%;right: -15px;width: 260px;z-index: 1000;background: #fff;padding: 20px 0;box-shadow: 0 20px 12px rgba(0,0,0,.15); margin-top: 10px;}
    .navbar-nav{flex-direction: column;text-align: left;}
    .navbar-nav .nav-item{border: none;margin-bottom: 12px;padding: 0 20px;}
    .navbar-light .navbar-nav .nav-link:hover{color: #474747;}
    .navbar-nav .nav-item:hover{background-color: #e2e2e2; }
    .navbar-nav .nav-item:not(:last-child){border: none;}
    .navbar-nav .nav-link{font-size: 16px; padding: 10px 0;color: #3d5f55; font-weight: 500;}
    .banner{flex-direction: column; position: sticky; }
    .texto-destaque h1{font-size: 35px;}
    .texto-destaque h2 {font-size: 16px;width: 265px; }
    .texto-destaque h2 br{display: none;}
    .imagem-avantar .img-fluid {position: absolute; right: -300px; bottom: 0;width: 90%;height: auto;z-index: 2;}
    .modal-saiba-btn{margin: 25px 0; right: 0;}
    .problemas-texto{ padding:  0 10px;}
    .grid-calc{flex-direction: column;}
    .grid{ grid-template-columns: repeat(1, 1fr); padding: 0 10px;}
    .texto-destaque .btn-success{ margin-top: 0 !important;margin-bottom: 30px;}
    .texto-saude{text-align: center; padding-top: 30px;}
    .texto-saude h2{font-size: 35px;}
    .texto-saude p{font-size: 16px;}
    #problemas{text-align: center;}
    #problemas h2{font-size: 35px;}
    .bariatrica{text-align: center;}
    .bloco{flex-direction: column;}
    .problemas-slider {overflow: hidden; padding: 20px 40px;}
    .problemas-slider .swiper-slide {opacity: 0;pointer-events: none;transition: opacity 0.3s ease;}
    .problemas-slider .swiper-slide-active { opacity: 1;pointer-events: auto;}
    .swiper-button-next, .swiper-button-prev{top: 60%;}
    .botao{padding: 0 10px;}
    #precos{ height: 100%; padding-bottom: 50px;}
    #precos h2{position: initial; transform: none;  font-size: 45px; width: 100%; margin: 0;}
    #dr-jose-geraldo{text-align: center;}
    .avatar{position: relative; width: 100%;}
    #historia h2{text-align: center;}
    .telefone{text-align: center; padding-bottom: 20px;}
    .logo-contato{text-align: center; padding-top: 20px;}
    .logo-contato img{width: 40%; }
    #direitos{text-align: center;}
    #logo-as{text-align: center;}
    .avaliacoes-section{text-align: center;}
    .texto-avaliacao{height: auto; padding: 45px;}

}

@media screen and (max-width: 648px){
    .texto-destaque{width: 90%;}
    .imagem-avantar .img-fluid{right: -200px;}
    .texto-destaque h2{width: 240px;}
    
}


@media screen and (max-width: 412px){
   
    .texto-destaque h1{font-size: 30px;}
    .texto-destaque h2 {font-size: 16px;}
}

@media screen and (max-width: 412px){
.imagem-avantar .img-fluid{right: -210px;}
}