:root{
      --navy:#0d2c52;
      --navy-2:#0d2c52;
      --slate:#252a30;
      --gold:#c39264;
      --cream:#ffffff;
      --ink:#0d2c52;
      --text:#0d2c52;
      --green:#16c60c;
      --white:#fff;
      --line:#d7e0ea;
      --shadow:0 18px 45px rgba(14,49,90,.14);
      --radius:18px;
      --max:1120px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color:var(--text);
      background:#fff;
      line-height:1.55;
    }
    img{max-width:100%;display:block}
    a{text-decoration:none}
    .container{width:min(92%,var(--max));margin-inline:auto}
    .section{padding:88px 0}
    .eyebrow{
      color:var(--gold);text-transform:uppercase;letter-spacing:.28em;
      font-size:.72rem;font-weight:700;margin-bottom:10px
    }
    h1,h2,h3{margin:0;color:var(--ink);line-height:1.08}
    h1{font-size:clamp(2.35rem,5vw,4.8rem);max-width:780px}
    h2{font-size:clamp(2rem,4vw,3.3rem)}
    h3{font-size:1.05rem}
    p{margin:0 0 18px}
    .lead{font-size:1.12rem;max-width:720px}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;
      padding:15px 24px;border-radius:7px;background:var(--green);
      color:#fff;font-weight:800;font-size:.88rem;text-transform:uppercase;
      box-shadow:0 8px 22px rgba(22,198,12,.22);transition:.2s ease
    }
    .btn:hover{transform:translateY(-2px);filter:brightness(.96)}
    .btn.secondary{background:var(--navy)}
    .hero{
      min-height:650px;
      background:
        linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.93) 43%, rgba(255,255,255,.30) 64%, rgba(255,255,255,.04) 100%);
      display:flex;align-items:center;
    }
    .hero .content{padding:90px 0;max-width:650px}
    .hero .sub{font-size:1.25rem;color:#0d2c52;max-width:560px;margin:22px 0 26px}
    .doctor-meta{margin:22px 0 26px;padding-top:16px;border-top:1px solid #d7dde4;display:inline-block}
    .doctor-meta strong{color:var(--gold)}
    .symptoms{text-align:center}
    .symptoms .lead{margin:18px auto 34px}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .card{
      border:1px solid #0d2c52;border-radius:8px;padding:22px;text-align:left;background:#fff;min-height:130px
    }
    .dot{width:12px;height:12px;border-radius:50%;background:var(--gold);margin-bottom:10px}
    .card strong{color:var(--ink)}
    .dark{background:var(--navy);color:#fff}
    .dark h2,.dark h3{color:#fff}
    .dark .eyebrow{color:#c39264}
    .risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:42px}
    .risk{
      padding:0 0 24px;border-bottom:1px solid rgba(255,255,255,.48)
    }
    .check{font-size:1.25rem;color:#c39264;margin-bottom:8px}
    .split{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
    .split.reverse{grid-template-columns:.95fr 1.05fr}
    .image-frame{
      border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#e9edf2
    }
    .image-frame img{width:100%;height:100%;object-fit:cover}
    .doctor-bg{
      background:
        linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,.88) 42%, rgba(255,255,255,.16)),
        url('../images/dr_milton_background.png') right center/cover no-repeat;
    }
    .formation{background:#ffffff}
    .formation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:38px}
    .formation-card{
      padding:26px;border-radius:10px;background:linear-gradient(135deg,#fff 65%,#d8d8d8);
      box-shadow:0 8px 26px rgba(0,0,0,.1);min-height:130px
    }
    .formation-card strong{color:var(--ink)}
    .benefits{background:var(--slate);color:#fff}
    .benefits h2{color:#fff;text-align:center}
    .benefits .intro{text-align:center;max-width:720px;margin:18px auto 32px}
    .benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:720px;margin:0 auto}
    .benefit{
      border:1px solid rgba(255,255,255,.75);padding:24px;border-radius:6px;min-height:110px
    }
    .cta-band{text-align:center;padding:72px 0;background:#ffffff}
    .faq{max-width:900px;margin:0 auto}
    details{border-bottom:1px solid var(--line);padding:18px 0}
    summary{cursor:pointer;font-weight:800;color:var(--ink);font-size:1.04rem}
    details p{margin-top:12px}
    footer{background:var(--navy-2);color:#fff;padding:44px 0}
    .footer-grid{display:grid;grid-template-columns:1.2fr 1.25fr 1fr;gap:34px;align-items:start}
    .brand{font-size:1.7rem;font-weight:800}
    .brand span{display:block;font-family:Georgia,serif;font-style:italic;font-size:2.1rem}
    .muted{opacity:.8;font-size:.93rem}
    .floating{
      position:fixed;right:22px;bottom:22px;z-index:20;border-radius:999px;padding:14px 18px;
      background:var(--green);color:#fff;font-weight:800;box-shadow:0 10px 25px rgba(0,0,0,.18)
    }
    @media (max-width:900px){
      .hero{background-color:#f7f8fa}
      .hero .content{padding:110px 0 72px}
      .grid-3,.risk-grid,.formation-grid,.footer-grid{grid-template-columns:1fr 1fr}
      .split,.split.reverse{grid-template-columns:1fr;gap:34px}
    }
    @media (max-width:640px){
      .section{padding:64px 0}
      .grid-3,.risk-grid,.formation-grid,.benefit-grid,.footer-grid{grid-template-columns:1fr}
      .hero{min-height:auto}
      .hero .content{padding-top:78px}
      .floating{right:14px;bottom:14px;font-size:.8rem}
    }

.hero{position:relative;overflow:hidden}


/* HERO: composição aprovada */
.hero{position:relative;overflow:hidden}
.hero .container{position:relative;z-index:2}
@media (max-width:900px){
  .hero{
    background-position:68% center !important;
  }
}
@media (max-width:640px){
  .hero{
    background-position:64% center !important;
  }
}