/* Light, healthcare-friendly stylesheet with high contrast and readable typography */
:root{
  --bg:#ffffff;--panel:#ffffff;--text:#0b1220;--muted:#5b667a;--brand:#168a4a;--brand-2:#0f6f3b;--warn:#b54708;
  --card:#ffffff;--border:#e6eaf0;--accent:#0b66c3;
}
.img-responsive{width:100%; height:auto;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:400 16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:0 20px}

/* HEADER */
.header{position:sticky;top:0;background:#ffffffd9;backdrop-filter:saturate(160%) blur(6px);border-bottom:1px solid var(--border);z-index:50}
.header .wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;gap:10px;align-items:center}
.brand img{height:36px;width:auto;border-radius:6px;background:#fff}

/* NAV (desktop padrão) */
.nav{display:flex;align-items:center;gap:10px}
.nav a{margin:0 10px;color:var(--text)}
.nav a.cta{padding:10px 14px;border-radius:999px;background:var(--brand);color:#fff;border:1px solid transparent}
.nav a.cta:hover{background:var(--brand-2)}

/* BOTÃO HAMBÚRGUER (escondido no desktop) */
.menu-toggle{display:none;position:relative;width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:#fff}
.menu-toggle .bar{position:absolute;left:8px;right:8px;height:2px;background:#263040;border-radius:2px;transition:transform .2s ease, opacity .2s ease}
.menu-toggle .bar:nth-child(1){top:12px}
.menu-toggle .bar:nth-child(2){top:19px}
.menu-toggle .bar:nth-child(3){top:26px}

/* HERO */
.hero{background:linear-gradient(180deg,#f6fbff, #ffffff 60%);padding:42px 0 18px;border-bottom:1px solid var(--border)}
.hero h1{font-size:clamp(24px,3.2vw,34px);margin:0 0 8px 0}
.hero .sub{color:var(--muted);max-width:760px;margin:0 0 16px 0}
.hero .notice{display:flex;gap:8px;align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;color:#6b3f09;padding:10px 12px;border-radius:12px}
.hero .notice strong{color:#7c2d12}
.btn-whatsapp{display:inline-block;padding:12px 16px;border-radius:12px;background:var(--brand);color:#fff;font-weight:600;border:1px solid #0b5f32}
.btn-whatsapp:hover{background:var(--brand-2)}

/* GRID */
.grid{display:grid;gap:18px}
.grid.cols-2{grid-template-columns:1.2fr .8fr}
@media(max-width:920px){.grid.cols-2{grid-template-columns:1fr}}
.max-ban img{max-height:400px;width:100%;height:auto;border-radius:12px;object-fit:cover}

/* CARDS/SEÇÕES */
.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 1px 2px rgba(10,20,40,0.04)}
.section{padding:28px 0}
.section h2{margin:0 0 8px 0;font-size:22px}
.muted{color:var(--muted)}
.list{padding-left:18px}
.kv{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
@media(max-width:920px){.kv{grid-template-columns:1fr 1fr}}
.kv .item{background:#f9fbfd;border:1px solid var(--border);padding:14px;border-radius:12px}
.faq details{background:#f9fbfd;border:1px solid var(--border);border-radius:12px;padding:12px}
.faq details+details{margin-top:10px}
.faq summary{cursor:pointer;font-weight:600}
.aside{position:sticky;top:68px;height:fit-content}

/* FOOTER */
.footer{padding:24px 0;border-top:1px solid var(--border);color:var(--muted);background:#ffffff}
.small{font-size:13px;color:var(--muted)}
.badge{display:inline-block;background:#eef6ff;border:1px solid #d6e6ff;padding:4px 8px;border-radius:999px;color:#0b4a8a;font-size:13px}
.badge + .badge{margin-left:8px}

/* ======== MOBILE NAV ======== */
@media (max-width: 920px){
  /* mostra o botão e transforma o nav em painel */
  .menu-toggle{display:inline-block}
  .nav{
    position:fixed;
    top:60px; /* ~altura do header */
    right:0;
    left:0;
    background:#fff;
    border-top:1px solid var(--border);
    box-shadow:0 6px 18px rgba(16,24,40,.06);
    display:none;
    flex-direction:column;
    padding:12px 20px 16px;
    gap:8px;
    z-index:49;
  }
  .nav.open{display:flex}

  .nav a{margin:0;padding:12px 6px;border-radius:8px}
  .nav a.cta{display:block;text-align:center;margin-top:4px}

  /* animação simples do hambúrguer (opcional) */
  .menu-toggle[aria-expanded="true"] .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] .bar:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* trava o scroll quando menu aberto */
  body.no-scroll{overflow:hidden}
}