*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Georgia',serif;background:#F5F6F2;color:#3A3B35;overflow-x:hidden;}

:root{
  --sage-dark:#8A8C79;
  --sage-med:#A2A691;
  --sage-light:#BFBFAA;
  --bg-page:#F5F6F2;
  --text-dark:#3A3B35;
}

/* BOTÕES GERAIS */
.btn-main{
  background:var(--sage-dark);
  color:#fff !important;
  border:none;
  padding:14px 28px;
  border-radius:30px;
  font-size:15px;
  cursor:pointer;
  font-family:'Georgia',serif;
  transition:background 0.3s;
  display:inline-block;
  text-decoration:none !important;
  border-bottom:none !important;
  box-shadow: none;
}
.btn-main:hover{background:var(--sage-med);color:#fff !important;}

.btn-nav{
  background:var(--sage-dark);
  color:#fff;
  border:none;
  padding:10px 20px;
  border-radius:30px;
  font-size:13px;
  cursor:pointer;
  font-family:'Georgia',serif;
  transition:background 0.3s;
}
.btn-nav:hover{background:var(--sage-med);}

.btn-sec{
  background:transparent;
  color:var(--sage-dark);
  border:1.5px solid var(--sage-dark);
  padding:10px 22px;
  border-radius:30px;
  font-size:14px;
  cursor:pointer;
  font-family:'Georgia',serif;
  transition:all 0.3s;
  text-decoration:none !important;
}
.btn-sec:hover{background:var(--sage-dark);color:#fff;}

/* CONTAINER DO WHATSAPP (Remove linhas e centraliza) */
.wp-btn-container {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  width: 100%;
  border: none !important;
  text-decoration: none !important;
}
.wp-btn-container a {
  text-decoration: none !important;
  border-bottom: none !important;
}

section{padding:64px 24px;}
.container{max-width:860px;margin:0 auto;width:100%;}
h2{font-size:22px;color:var(--sage-dark);margin-bottom:12px;line-height:1.35;}
h3{font-size:17px;color:var(--sage-dark);margin-bottom:8px;}
p{font-size:15px;line-height:1.75;color:#4A4B43;}
.subtitle{font-size:14px;color:var(--sage-med);margin-bottom:24px;font-weight:500;}

/* NAV */
nav{background:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:0.5px solid var(--sage-light);position:sticky;top:0;z-index:100;}
.nav-name{font-size:14px;color:var(--sage-dark);font-weight:500;letter-spacing:0.5px;}
.nav-crm{font-size:11px;color:var(--sage-med);}

/* HERO AREA */
.hero{background:#fff;padding:0;}
.hero-inner{display:flex;flex-direction:row-reverse;align-items:stretch;min-height:520px;max-width:100%;}

/* Coluna da foto estruturada verticalmente */
.hero-photo{
  width:45%;
  background:var(--sage-light);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  padding:40px 24px;
}
.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;}
.photo-label {width:100%; max-width:260px;}
.photo-label img{width:100%;height:auto;object-fit:cover;border-radius:12px;display:block;}

/* Configuração dos Badges abaixo da foto */
.hero-photo .hero-badges{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:24px;
  width:100%;
  align-items:center;
}
.hero-photo .badge{
  font-size:12px;
  padding:8px 16px;
  border-radius:20px;
  background:rgba(138, 140, 121, 0.2);
  color:#ffffff !important; 
  font-weight:500;
  text-align:center;
  width:100%;
  max-width:260px;
  border:1px solid rgba(255, 255, 255, 0.4);
}

.hero-text{flex:1;padding:52px 40px;display:flex;flex-direction:column;justify-content:center;gap:20px;}
.hero-text h1{font-size:26px;color:var(--sage-dark);line-height:1.35;}
.hero-text p{font-size:15px;color:#5A5B52;line-height:1.8;}

/* QUEM SOU */
.quem{background:var(--bg-page);}
.quem-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;}
.quem-bio{font-size:14px;line-height:1.8;color:#4A4B43;}
.quem-bio p{margin-bottom:12px;}
.credencial-box{background:#fff;border-radius:12px;padding:24px;border:0.5px solid var(--sage-light);}
.cred-title{font-size:13px;color:var(--sage-med);margin-bottom:14px;font-weight:500;}
.cred-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:0.5px solid #F0F1ED;}
.cred-item:last-child{border-bottom:none;}
.cred-dot{width:8px;height:8px;border-radius:50%;background:var(--sage-med);flex-shrink:0;margin-top:6px;}
.cred-text{font-size:13px;color:#5A5B52;line-height:1.5;}
.fe-tag{display:inline-block;background:var(--sage-light);color:#F2F2F2;font-size:12px;padding:6px 14px;border-radius:20px;margin-top:16px;font-weight:500;}

/* SERVICOS */
.servicos{background:#fff;}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:32px;}
.card-serv{background:var(--bg-page);border-radius:14px;padding:24px;border:0.5px solid var(--sage-light);}
.card-serv h3{font-size:15px;margin-bottom:8px;}
.card-serv p{font-size:13px;line-height:1.7;color:#5A5B52;}

/* FAQ */
.faq-sec{background:#fff;}
.faq-item{border-bottom:0.5px solid var(--sage-light);padding:18px 0;}
.faq-q{font-size:15px;color:var(--sage-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.faq-q span{font-size:18px;color:var(--sage-med);flex-shrink:0;transition:transform 0.2s;}
.faq-a{font-size:14px;color:#5A5B52;line-height:1.75;margin-top:12px;display:none;}
.faq-item.open .faq-a{display:block;}
.faq-item.open .faq-q span{transform:rotate(45deg);}

/* DEPOIMENTOS */
.dep-sec{background:var(--bg-page);}
.dep-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:28px;}
.dep-card{background:#fff;border-radius:12px;padding:20px;border:0.5px solid var(--sage-light);}
.stars{color:var(--sage-dark);font-size:16px;margin-bottom:8px;}
.dep-text{font-size:13px;color:#5A5B52;line-height:1.7;font-style:italic;margin-bottom:12px;}
.dep-name{font-size:12px;color:var(--sage-med);font-weight:500;}

/* FOOTER */
footer{background:var(--sage-dark);color:#fff;padding:40px 24px;}
.footer-inner{max-width:860px;margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:28px;}
.footer-h{font-size:13px;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;}
.hosp-list{display:flex;flex-direction:column;gap:6px;}
.hosp-item{font-size:14px;color:rgba(255,255,255,0.9);}
.consultorio-text{font-size:14px;color:rgba(255,255,255,0.7);line-height:1.7;}
.maps-placeholder{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.15);}
.footer-bottom{border-top:0.5px solid rgba(255,255,255,0.15);padding-top:16px;font-size:12px;color:rgba(255,255,255,0.5);text-align:center;}

/* ==========================================
   MEDIA QUERIES (RECOMENDAÇÃO RESPONSIVA)
   ========================================== */
@media(max-width:768px){
  section {padding:44px 20px;}
  
  /* Ajuste do topo responsivo */
  nav{flex-direction:column;gap:12px;text-align:center;padding:16px;}
  
  /* Inversão do Hero (Foto em cima, Texto embaixo) */
  .hero-inner{flex-direction:column;}
  .hero-photo{width:100%;padding:32px 16px;}
  .hero-text{padding:32px 16px;text-align:center;}
  .hero-text h1{font-size:22px;}
  
  /* Centralização total dos blocos de botões do WhatsApp */
  .wp-btn-container{justify-content:center !important;}
  .wp-btn-container a{width:100%;max-width:320px;text-align:center;}

  /* Badges em lista única vertical e centralizados */
  .hero-photo .hero-badges {flex-direction:column; width:100%; align-items:center;}
  .hero-photo .badge {width:100%; max-width:280px;}

  /* Quebra de grids paralelas para visualização vertical */
  .quem-grid, .footer-grid{grid-template-columns:1fr;gap:24px;}
  
  /* Alinhamento do conteúdo do rodapé */
  footer{text-align:center;}
  .hosp-list{align-items:center;}
}

@media(max-width:480px){
  h2{font-size:19px;}
  .hero-text h1{font-size:19px;}
  p{font-size:14px;}
}