*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Poppins,sans-serif;background:#fff;color:#212529;overflow-x:hidden}
a{text-decoration:none;color:inherit;transition:.3s ease}
img{max-width:100%;display:block}
.container{width:min(1200px,calc(100% - 30px));margin:0 auto}

:root{
  --green:#0b6d0a;
  --green-strong:#297a36;
  --green-soft:#afffbc;
  --white:#fff;
  --shadow:0 1px 1px #000000;
}

.top_bg{
  background:var(--green);height:75px;padding:5px 0;display:block
}
.topbar-info{
  display:flex;align-items:center;justify-content:flex-end;gap:58px;height:100%;color:#fff
}
.topbar-copy{font-size:15px;font-weight:600;line-height:1.3;text-transform:uppercase;letter-spacing:1.1px}
.topbar-phone{display:flex;flex-direction:column;align-items:flex-start;color:#fff}
.topbar-phone-label{font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1.1px}
.topbar-phone-number{font-size:15px;font-weight:600}

.topbar{
  position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--green);height:92px;margin-top:-1px
}
.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand img{width:min(292px,100%);height:auto;margin-top:2px}
.menu{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap}
.menu-link,.menu-action{
  transition:.3s all ease;color:var(--green-strong);display:block;padding:27px .5rem;text-align:left;font-size:14px;
  background:transparent;border:none;font-weight:600;text-transform:uppercase;white-space:nowrap
}
.menu-link:hover,.menu-link.active{color:#fff;background:var(--green-strong)}
.menu-action{
  border:1px solid var(--green-strong);border-radius:4px;padding:14px 24px;margin-left:6px;background:#fff;line-height:1
}
.menu-action:hover{background:var(--green-soft);color:var(--green-strong);border-color:var(--green-strong)}
.menu-toggle{display:none;background:transparent;border:0;padding:10px;cursor:pointer}
.menu-toggle span{display:block;width:28px;height:3px;background:#334e8c;margin:5px 0;border-radius:999px}

.hero{
  position:relative;min-height:460px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  height: calc(-78px + 100vh);
}
.hero-background{
  position:absolute;inset:0;background:url('assets/saude.webp') center/cover no-repeat;transform:scale(1.02)
}
.hero-overlay{position:absolute;inset:0;background:#297a368a}
.hero-content{
  position:relative;z-index:1;text-align:center;padding:120px 0 95px;color:#fff;margin-top:-16px
}
.hero h1{
  margin:0 0 10px;font-size:clamp(2.5rem,5vw,4.75rem);line-height:1.08;font-weight:800;text-shadow:2px 2px 5px #000
}
.hero h2{
  margin:0 0 34px;font-size:clamp(1.1rem,2.25vw,2rem);line-height:1.35;font-weight:600;text-shadow:2px 2px 5px #000
}
.cta-button{
  display:inline-flex;align-items:center;justify-content:center;min-width:260px;min-height:50px;padding:14px 26px;
  background:#fff;color:var(--green-strong);border:1px solid #fff;box-shadow:1px 1px 2px #000;font-size:.9rem;font-weight:700
}
.cta-button:hover{background:var(--green-strong);color:#fff;border-color:var(--green-strong)}

.logos{padding:40px 0 28px}
.logos-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px;align-items:center
}
.logo-card{
  margin:0;display:flex;justify-content:center;align-items:center;min-height:260px
}
.logo-card img{width:100%;height:260px;object-fit:contain}
.logo-card:nth-child(2) img{max-width:430px}
.logo-card:nth-child(3) img{height:280px}
.logo-card:nth-child(4) img{height:260px;max-width:360px}

.footer{background:var(--green-strong)}
.footer-top{padding:42px 0 0}
.footer-grid{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;align-items:start
}
.footer-col h2{margin:0 0 34px;font-size:20px;font-weight:700;color:#fff}
.footer p,.footer a,.contact-list li{color:rgba(255,255,255,.78);font-size:16px;line-height:1.5}
.footer a:hover{color:#fff}
.footer-brand{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 0 26px}
.footer-brand img{max-width:260px}
.ans-badge{
  margin-top:16px;background:#000;color:#fff;border:1px solid #fff;width:130px;text-align:center;padding:10px 8px;font-size:14px
}
.contact-list{list-style:none;padding:0;margin:0}
.contact-list li{margin-bottom:15px}
.hours-box{
  background:var(--green-soft);padding:20px 24px 26px;margin-top:30px
}
.hours-box h2{color:var(--green-strong);margin-bottom:24px}
.hours-box p{color:var(--green-strong);font-weight:500;margin:0}
.copy-right{background:var(--green-strong);padding:0 0 30px}
.copy-right .container{padding-top:22px;border-top:1px solid rgba(255,255,255,.22)}
.copy-right p{margin:0;text-align:center;color:#fff;font-size:16px}
.copy-right a{color:var(--green-soft);font-weight:600}
.heart{color:var(--green-soft)}

.page-hero{
  background:#fff;
  padding:30px 0px;
  height:calc(100vh - min(245px, 100%));
}
.page-hero h1{margin:0;color:var(--green);font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}
.page-hero p{margin:8px 0 0;color:#4d4d4d;font-size:1.05rem}

.contact-section{padding:62px 0 34px}
.appointment-card{
  display:grid;grid-template-columns:minmax(0,1.95fr) minmax(330px,.95fr);gap:0;background:#fff;border:1px solid var(--green-strong);box-shadow:none;
      margin: min(88px, 100%) 0px;
}
.appointment-form{padding:48px 42px 42px}
.appointment-form .subheading{display:block;font-size:12px;font-weight:800;text-transform:uppercase;color:#000;margin-bottom:8px;letter-spacing:1px}
.appointment-form h2{margin:0 0 30px;color:var(--green);font-size:2.05rem;font-weight:800}
.static-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.static-form label{display:flex;flex-direction:column;gap:8px;color:var(--green);font-weight:600}
.static-form input,.static-form textarea{
  width:100%;border:1px solid rgba(41,122,54,.35);border-radius:4px;padding:13px 14px;font:inherit;color:#222;outline:none
}
.static-form input:focus,.static-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(41,122,54,.12)}
.static-form .full{grid-column:1/-1}
.form-button{margin-top:18px;border:0;cursor:pointer}
.appointment-side{
  background:#2f8a3b;color:#fff;padding:46px 32px;display:flex;flex-direction:column;justify-content:center
}
.appointment-side .border-bottom{padding-bottom:30px;margin-bottom:24px;border-bottom:none}
.appointment-side h2,.appointment-side h3,.appointment-side h4,.appointment-side p,.appointment-side a{color:#fff}
.appointment-side h2{margin:0 0 16px;font-size:1.42rem;font-weight:800;text-align:center}
.appointment-side h3{margin:0 0 12px;font-size:1.05rem;color:var(--green-soft);font-weight:700;text-align:center;text-transform:uppercase}
.appointment-side h4{margin:0 0 12px;font-size:14px;text-transform:uppercase;color:var(--green-soft);font-weight:700;text-align:center}
.appointment-side p{margin:0;text-align:center}
.appointment-side .phone{font-size:1.55rem;font-weight:800;display:block;margin-top:6px}
.form-note{margin:16px 0 0;color:#4d4d4d;font-size:.95rem}

@media (max-width: 992px){
  .appointment-card{grid-template-columns:1fr}
}

@media (max-width: 992px){
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{padding-bottom:0}
  .hours-box{margin-top:0}
  .logos-grid{grid-template-columns:1fr}
  .logo-card{min-height:220px}
  .logo-card img{height:220px}
  .hero{min-height:440px}
  .hero-content{margin-top:-150px}
}

@media (max-width: 768px){
  .topbar{height:80px;
  position: fixed;
        width: 100%;
      }
  .brand img{width:min(240px,70vw)}
  .menu-toggle{display:block}
  .top_bg{display:none}
  .menu{
    position:absolute;left:2%;right:2%;top:5px;display:none;flex-direction:column;gap:0;background:#fff;
    border:1px solid var(--green);box-shadow:var(--shadow);padding:5px 5px 20px;max-height:80vh;overflow-y:auto
  }
  .menu.open{display:flex; top: 100%;}
  .menu-link,.menu-action{width:100%;padding:19px .5rem;margin-left:0;border-radius:0}
  .hero-content{padding:84px 0 70px}
  .cta-button{width:100%;max-width:260px}
  .copy-right p{font-size:14px}
  .static-form .form-grid{grid-template-columns:1fr}
  .hero{min-height:360px}
  .hero-content{margin-top:-110px}
  .appointment-card{grid-template-columns:1fr}
  .appointment-side{padding:30px 24px}

  .page-hero{
    background:#fff;
     height:auto;
  }
   .hero{
    margin-top:78px;
    background:#fff;
    height: calc(-78px + 100vh);
  }
}