*{
  margin: 0;
  border: 0;
  box-sizing: border-box; 
}
body{
  font-family: "Montserrat", sans-serif;
}

header{
  min-height: 80px;
  display: flex;
  align-items: center;
}

header div{
  display: flex;
  align-items: center;
  justify-content: space-between;  
}

header div ul, footer div ul{
  list-style-type: none;
  display: flex;
  gap: 20px;
}


header div ul li, footer div ul li{
  background-color: #242424;
  color: #fff;
  line-height: 1.3;
  border-radius: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  transition: all 0.5s;
  cursor: pointer;
}

header div ul li:hover, footer div ul li:hover{
  background-color: #fff;
  color: #242424;
}

.endereco-header{
  font-size: 13px;
  text-decoration: none;
  color: #242424;
}

header img, footer img{
  filter: grayscale(1);
}


.hero-section{
  background-color: #191919;
  padding-top: 60px;
  padding-bottom: 60px;
}


#hero-container{
background-image:url(/src/images/hero-bg.webp);
background-size:cover;
background-position:center;

max-width:830px;
width:100%;

min-height:470px;

display:flex;
align-items:center;

color:#fff;

padding:40px;

border-radius:50px;

margin:auto;
}

.world-side div{
  font-size: 13px
}


.world-side h1{
  font-size: 40px;
  font-weight: bold;
}

.world-side p{
  font-size: 15px;
}

/* .hero-section .col-lg-3 img{
  width: 100%;
  height: auto;
} */

#hero-container img{
  display: block;
  margin-top: -120px;
}

.cta-btn{
  display: block;
  width: 230px;
  text-align: center;
  justify-content: center;
  padding: 10px;
  min-height: 50px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.5s;
}
.cta-btn-2{
  display: block;
  width: 230px;
  text-align: center;
  justify-content: center;
  padding: 10px;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  color: #242424;
  border: 1px solid #242424;
  text-decoration: none;
  transition: all 0.5s;
  margin-top: 40px;
}

.cta-btn:hover{
  background-color: #fff;
  color: #242424;
}
.cta-btn-2:hover{
  background-color: #242424;
  color: #fff;
}

.por-que-escolher h1{
  font-size: 46px;
  font-weight: bold;
}

.por-que-escolher h1 span{
  font-size: 25px;
  font-weight: normal;
}

.rounded-text{
  border: 1px solid #242424;
  border-radius: 18px;
  font-size: 20px;
  min-height: 40px;
  padding: 16px;
  /* display: flex; */
  align-items: center;
  gap: 4px;
  width: fit-content;
  margin-bottom: 30px;
}

.por-que-escolher p{
  font-size: 16px;
}


.por-que-escolher .img-side{
  background-color: #242424;
  display: flex;
  justify-content: center;
  height: 100%;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 40px;
}

.por-que-escolher .img-side img{
  border-radius: 0 0 20px 20px;
  filter: grayscale(1);
}

.tratamentos-section{
  background-color: #191919;
  color: #fff;
  padding: 60px;
}


.tratamentos-section h1{
  text-align: center;
  font-size: 50px;
}

.tratamentos-section details{
  background-color: #fff;
  color: #191919;
  padding: 10px;
  border-radius: 18px;
}

.tratamentos-section details p{
  margin-top: 30px;
  font-size: 14px;
}


.slider{
  width: 600px;
  overflow: hidden;
  margin: auto;
  position: relative;
}

.slides{
  display: flex;
  transition: transform 0.5s ease;
}

.slides img{
  width: 100%;
  flex-shrink: 0;
}

button{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  color: white;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
}

.prev{ left: 10px; }
.next{ right: 10px; }

.clinic-slider{
  width: 420px;
  height: 460px;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
.clinic-track{
  display: flex;
  transition: transform 0.5s ease;
}

.clinic-track img{
  width: 420px;
  height: 460px;
  object-fit: cover;
  flex-shrink: 0;
}

.clinic-prev,
.clinic-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.6);
  border: none;
  color: white;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 50%;
  z-index: 10;
}



.clinic-prev{
  left: 10px;
}

.clinic-next{
  right: 10px;
}



/* HEADER */

header{
  padding:20px 0;
}

.header-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

/* LOGO */

.logo img{
  max-height:60px;
}

/* MENU */

.menu-header{
  display:flex;
  gap:30px;
  list-style:none;
  margin:0;
  padding:0;
}

.menu-header li{
  cursor:pointer;
  font-weight:500;
}

/* ENDEREÇO */

.endereco-header{
  font-size:14px;
  text-decoration:none;
  color:#191919;
  text-align:right;
}


/* ===== TABLET ===== */

@media (max-width: 992px){

  .header-container{
    flex-direction:column;
    text-align:center;
  }

  .menu-header{
    justify-content:center;
    flex-wrap:wrap;
  }

  .endereco-header{
    text-align:center;
  }

}


/* ===== MOBILE ===== */

@media (max-width: 576px){

  .menu-header{
    flex-direction:column;
    gap:10px;
  }

  .logo img{
    max-height:50px;
  }

}


/* FOOTER */

.site-footer{
  padding:20px 0;
}

.footer-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

/* LOGO */

.footer-logo img{
  max-height:50px;
}

/* MENU */

.footer-menu{
  display:flex;
  gap:30px;
  list-style:none;
  padding:0;
  margin:0;
}

.footer-menu li{
  cursor:pointer;
}

/* ENDEREÇO */

.footer-address{
  font-size:14px;
  text-align:right;
  text-decoration:none;
  color:#191919;
}


/* ===== TABLET ===== */

@media (max-width: 992px){

  .footer-container{
    flex-direction:column;
    text-align:center;
  }

  .footer-menu{
    justify-content:center;
    flex-wrap:wrap;
  }

  .footer-address{
    text-align:center;
  }

}


/* ===== MOBILE ===== */

@media (max-width:576px){

  .footer-menu{
    flex-direction:column;
    gap:10px;
  }

}

/* SEÇÃO CONTATO */

.contato-section{
  background:#191919;
  color:#fff;
  padding:80px 0;
}

.contato-row{
  align-items:center;
}

.contato-bg img{
  filter:grayscale(1);
  /* max-width:100%; */
}

.contato-foto{
  display:flex;
  align-items:flex-end;
}

.contato-foto img{
  max-width:100%;
  position:relative;
  z-index:1;
  margin-bottom: -65px;
}

.contato-info{
  /* padding:40px; */
}

.contato-title{
  font-size:46px;
}

.contato-box{
  border:2px solid #fff;
  padding:15px;
  border-radius:20px;
  margin:20px 0;
}

.contato-btn{
  margin-top:20px;
  display:inline-block;
}

/* ===== TABLET ===== */

@media (max-width:992px){

  .contato-row{
    align-items:center;
    text-align:center;
  }

  .contato-bg{
    display:none;
  }

  .contato-info{
    padding:20px;
  }

  .contato-title{
    font-size:36px;
  }

}

/* ===== MOBILE ===== */

@media (max-width:576px){

  .contato-section{
    padding:60px 0;
  }

  .contato-title{
    font-size:28px;
  }

  .contato-btn{
    width:100%;
    text-align:center;
  }

  iframe{
    height:250px;
  }

}


/* SEÇÃO CLÍNICA */

.clinica-section{
  margin-top:80px;
}

.clinica-row{
  align-items:center;
}

/* TEXTO */

.clinica-texto{
  padding-top:50px;
  padding-bottom:50px;
}

.clinica-titulo{
  font-size:46px;
  font-weight:bold;
}

.clinica-titulo span{
  font-size:25px;
  font-weight:normal;
}

.clinica-btn{
  margin-top:20px;
  display:inline-block;
}

/* SLIDER */

.clinica-slider-bg{
  background:#191919;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 40px;
}

.clinic-slider{
  border:4px solid #fff;
  position:relative;
  width:100%;
  max-width:420px;
}

.clinic-track img{
  width:100%;
  display:block;
}

/* ===== TABLET ===== */

@media (max-width:992px){

  .clinica-row{
    text-align:center;
  }

  .clinica-titulo{
    font-size:36px;
  }

  .clinica-slider-bg{
    margin-top:40px;
    padding:30px;
  }

}

/* ===== MOBILE ===== */

@media (max-width:576px){

  .clinica-section{
    margin-top:60px;
  }

  .clinica-titulo{
    font-size:28px;
  }

  .clinica-titulo span{
    font-size:18px;
  }

  .clinica-btn{
    width:100%;
    text-align:center;
  }

  .clinic-slider{
    max-width:100%;
  }

}

/* SEÇÃO SOBRE DR */

.sobre-dr-section{
  margin-top:80px;
}

.sobre-dr-row{
  align-items:center;
}

/* BG lateral */

.sobre-dr-bg img{
  filter:grayscale(1);
  max-width:100%;
}

/* TEXTO */

.sobre-dr-titulo{
  font-size:46px;
  font-weight:bold;
}

.sobre-dr-titulo span{
  font-size:25px;
  font-weight:normal;
}

.sobre-dr-texto ul{
  margin-top:15px;
}

.sobre-dr-btn{
  margin-top:20px;
  display:inline-block;
}

/* FOTO */

.sobre-dr-foto img{
  /* max-width:100%; */
  display:block;
}


/* ===== TABLET ===== */

@media (max-width:992px){

  .sobre-dr-row{
    text-align:center;
  }

  .sobre-dr-bg{
    display:none;
  }

  .sobre-dr-titulo{
    font-size:36px;
  }

  .sobre-dr-foto{
    margin-top:30px;
  }

}


/* ===== MOBILE ===== */

@media (max-width:576px){

  .sobre-dr-section{
    margin-top:60px;
  }

  .sobre-dr-titulo{
    font-size:28px;
  }

  .sobre-dr-titulo span{
    font-size:18px;
  }

  .sobre-dr-btn{
    width:100%;
    text-align:center;
  }

}


/* SEÇÃO CONVÊNIOS */

.convenios-section{
  margin-top:80px;
}

.convenios-container{
  display:flex;
  justify-content:center;
}

.convenios-box{
  background:#191919;
  max-width:800px;
  padding:30px;
  border-radius:30px;
  outline:2px solid #fff;
  outline-offset:-10px;
  justify-content:center;
  text-align:center;
  flex-direction: column;
  align-items: center;
}

.convenios-titulo{
  font-size:52px;
  font-weight:800;
  color:#fff;
  margin-bottom:30px;
}

/* SLIDER */

.slider{
  position:relative;
  overflow:hidden;
  width:100%;
  max-width:400px;
  margin:auto;
}

.slides{
  display:flex;
  transition:transform 0.4s ease;
}

.slide{
  min-width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}

.slide img{
  max-width:300px;
  width:100%;
}

/* BOTÕES */

.prev,
.next{
  background:none;
  border:none;
  font-size:28px;
  color:#fff;
  cursor:pointer;
  padding:10px;
}

.prev{
  position:absolute;
  left:0;
}

.next{
  position:absolute;
  right:0;
}

/* BOTÃO CTA */

.convenios-btn{
  margin-top:30px;
  display:inline-block;
}

/* ===== TABLET ===== */

@media (max-width:992px){

  .convenios-titulo{
    font-size:40px;
  }

}

/* ===== MOBILE ===== */

@media (max-width:576px){

  .convenios-section{
    margin-top:60px;
  }

  .convenios-box{
    padding:25px 20px;
  }

  .convenios-titulo{
    font-size:30px;
  }

  .slide{
    /* max-width:160px; */
  }

  .prev,
  .next{
    font-size:22px;
  }

  .convenios-btn{
    width:100%;
    text-align:center;
  }

}


/* SEÇÃO PROCEDIMENTOS */

.procedimentos-section{
padding-top:80px;
}

.procedimento-row{
align-items:center;
margin-bottom:40px;
}

.procedimento-titulo{
font-size:52px;
font-weight:800;
margin-bottom:15px;
}

.procedimento-texto p{
font-size:15px;
}

.procedimento-img{
display:flex;
justify-content:center;
}

.procedimento-img img{
max-width:100%;
border-radius:20px;
border:2px solid #191919;
}


/* BOX ESCURO */

.procedimento-box{
background:#191919;
color:#fff;
padding:30px;
outline:2px solid #fff;
outline-offset:-10px;
border-radius:20px;
margin:50px 0;
}

.procedimento-subtitulo{
font-size:30px;
font-weight:bold;
margin-bottom:10px;
}

.procedimento-btn{
text-transform:uppercase;
font-size:14px;
margin-top:15px;
display:inline-block;
}


/* ===== TABLET ===== */

@media (max-width:992px){

.procedimento-titulo{
font-size:40px;
}

.procedimento-row{
text-align:center;
}

.procedimento-img{
margin-top:30px;
}

}


/* ===== MOBILE ===== */

@media (max-width:576px){

.procedimentos-section{
padding-top:60px;
}

.procedimento-titulo{
font-size:30px;
}

.procedimento-subtitulo{
font-size:22px;
}

.procedimento-box{
padding:25px;
}

.procedimento-btn{
width:100%;
text-align:center;
}

}


/* SEÇÃO TRATAMENTOS */

.tratamentos-section{
margin-top:80px;
}

.tratamentos-titulo{
text-align:center;
margin-bottom:50px;
font-size:42px;
font-weight:800;
}

/* GRID */

.tratamentos-grid{
justify-content:center;
gap:40px;
}

.tratamento-col{
display:flex;
justify-content:center;
}

/* CARD */

.tratamento-single{
min-height:370px;
min-width:230px;

background-repeat:no-repeat;
background-size:cover;
background-position:center;

padding:20px;

display:flex;
flex-direction:column;
justify-content:flex-end;
align-items:center;

text-align:center;

filter:grayscale(1);

color:#191919;

transition:0.3s;
border-radius: 30px;
}

.tratamento-single:hover{
filter:grayscale(0);
transform:translateY(-5px);
}

.tratamento-single h2{
font-size:25px;
margin-bottom:10px;
}

.tratamento-single p{
font-size:14px;
}

/* EXTRA */

.tratamentos-extra{
margin-top:60px;
}

.tratamentos-extra-box{
display:flex;
flex-direction:column;
align-items:center;
}

.tratamentos-details{
width:100%;
max-width:500px;
}

.tratamentos-details summary{
cursor:pointer;
font-weight:bold;
margin-bottom:10px;
}

.tratamentos-btn{
margin-top:40px;
}


/* ===== TABLET ===== */

@media (max-width:992px){

.tratamentos-titulo{
font-size:34px;
}

}


/* ===== MOBILE ===== */

@media (max-width:576px){

.tratamentos-section{
margin-top:60px;
}

.tratamentos-titulo{
font-size:28px;
}

.tratamento-single{
max-width:260px;
}

.tratamentos-btn{
width:100%;
text-align:center;
}

.por-que-escolher .img-side{
  padding: 0;
}


}


/* SEÇÃO POR QUE ESCOLHER */


.por-que-row{
align-items:center;
padding-left: 20px;
padding-right: 20px;
}

/* TEXTO */

.por-que-texto{
/* padding:60px 0; */
}

.por-que-titulo{
font-size:46px;
font-weight:800;
margin-bottom:15px;
}

.por-que-titulo span{
font-size:24px;
font-weight:400;
}

.por-que-texto p{
margin-top:15px;
line-height:1.6;
}

.por-que-btn{
margin-top:20px;
display:inline-block;
}


/* IMAGEM */

.por-que-img{
display:flex;
justify-content:center;
}

.img-side img{
max-width:100%;
border-radius:20px;
display:block;
}


/* ===== TABLET ===== */

@media (max-width:992px){

.por-que-row{
text-align:center;
}

.por-que-titulo{
font-size:36px;
}

.por-que-texto{
padding:40px 0;
}

.por-que-img{
margin-top:30px;
}

}


/* ===== MOBILE ===== */

@media (max-width:576px){

.por-que-escolher{
margin-top:60px;
}

.por-que-titulo{
font-size:28px;
}

.por-que-titulo span{
font-size:18px;
}

.por-que-btn{
width:100%;
text-align:center;
}

}

/* HERO SECTION */

.hero-section{
padding-top:120px;
/* padding-bottom:80px; */
}

.hero-row{
align-items:center;
}

/* TEXTO */

.hero-medico{
font-size:14px;
margin-bottom:20px;
line-height:1.6;
}

.hero-title{
font-size:52px;
font-weight:800;
margin-bottom:20px;
}

.hero-description{
font-size:18px;
max-width:650px;
}

.hero-btn{
margin-top:25px;
display:inline-block;
}


/* IMAGEM */

.hero-img{
display:flex;
justify-content:center;
}

.hero-img img{
/* max-width:100%; */
height:auto;
display:block;
/* margin-left: 100px; */
margin-bottom: -60px;
}


/* ===== TABLET ===== */

@media (max-width:992px){

.hero-row{
text-align:center;
}

.hero-title{
font-size:40px;
}

.hero-description{
margin:auto;
}

.hero-img{
margin-top:40px;
}

}


/* ===== MOBILE ===== */

@media (max-width:576px){

.hero-section{
padding-top:80px;
padding-bottom:60px;
}

.hero-title{
font-size:30px;
}

.hero-description{
font-size:16px;
}

.hero-btn{
width:100%;
text-align:center;
}

.hero-medico{
font-size:13px;
}
.sobre-dr-foto img{
  max-width: 100%;
}

.tratamentos-section h1{
  text-align: center;
  font-size: 30px;
}
}


.hero-img{
display:flex;
justify-content:center;
align-items:flex-end;
}

.hero-img img{
/* max-width:260px; */
width:100%;
height:auto;
display:block;
}


@media (max-width:992px){

.hero-img{
margin-top:25px;
}

.hero-img img{
max-width:200px;
}

}

@media (max-width:576px){

.hero-img img{
max-width:170px;
margin-left: 0;
}

}


.hero-text{
  color: #fff;
}