/* Oeste Oftalmo — faixas full-bleed sobre uma coluna de 1140px.
   Paleta amostrada do material de recepção da clínica; tipografia única (Plus Jakarta Sans) em dois pesos. */
:root{
  --bg:#F6F8F8;
  --surface:#FFFFFF;
  --surface-2:#EEF2F1;
  --ink:#1F2F44;
  --body:#3F4A57;
  --muted:#66737F;
  --label:#5E7676;
  --line:#E1E6E5;
  --ok:#586C67;
  --sage:#C0C99F;
  --sage-soft:#E9EDDC;
  --warn:#B6852D;
  --alert:#B2383B;
  --alert-bg:#F6E1DF;
  --alert-line:#E3BDBA;
  --band:#22323F;
  --band-2:#1A2834;
  --on-band:#EDF1F2;
  --on-band-muted:#A9B8BE;
  --chip:rgba(255,255,255,.08);
  --chip-line:rgba(255,255,255,.16);
  --btn-ink-bg:#1F2F44;
  --btn-ink-fg:#FFFFFF;

  --ff:'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --radius:20px;
  --radius-sm:12px;
  --shadow:0 1px 2px rgba(31,47,68,.05), 0 20px 40px -28px rgba(31,47,68,.45);

  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  color-scheme: light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0F171E; --surface:#16222B; --surface-2:#1B2831; --ink:#EAF0F3; --body:#C8D3DA; --muted:#93A3AD;
    --label:#92B2AE; --line:#263541; --ok:#8FA89F; --sage:#C0C99F; --sage-soft:#2A3429; --warn:#D7A64A; --alert:#E3797D;
    --alert-bg:#2C1E20; --alert-line:#59383A; --band:#0A1116; --band-2:#0E1920; --on-band:#EAF0F3; --on-band-muted:#9AABB4;
    --btn-ink-bg:#EAF0F3; --btn-ink-fg:#0F171E;
    --shadow:0 1px 2px rgba(0,0,0,.5), 0 20px 40px -28px rgba(0,0,0,.9);
    color-scheme: dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0F171E; --surface:#16222B; --surface-2:#1B2831; --ink:#EAF0F3; --body:#C8D3DA; --muted:#93A3AD;
  --label:#92B2AE; --line:#263541; --ok:#8FA89F; --sage:#C0C99F; --sage-soft:#2A3429; --warn:#D7A64A; --alert:#E3797D;
  --alert-bg:#2C1E20; --alert-line:#59383A; --band:#0A1116; --band-2:#0E1920; --on-band:#EAF0F3; --on-band-muted:#9AABB4;
  --btn-ink-bg:#EAF0F3; --btn-ink-fg:#0F171E;
  --shadow:0 1px 2px rgba(0,0,0,.5), 0 20px 40px -28px rgba(0,0,0,.9);
  color-scheme: dark;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--body);
  font-family:var(--ff); font-size:1.0625rem; line-height:1.65;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
h1,h2,h3,h4{font-family:var(--ff); color:var(--ink); line-height:1.12; text-wrap:balance; margin:0; font-weight:700; letter-spacing:-.02em}
p{margin:0}
img,svg{display:block; max-width:100%}
a{color:var(--ink)}
[hidden]{display:none !important}
:focus-visible{outline:3px solid var(--label); outline-offset:3px; border-radius:6px}

.wrap{
  max-width:1140px; margin-inline:auto;
  padding-left:max(16px, env(safe-area-inset-left, 0px));
  padding-right:max(16px, env(safe-area-inset-right, 0px));
}
.wrap > *{min-width:0}
section{padding-block:clamp(3.5rem, 7vw, 6rem)}
.band-soft{background:var(--bg)}
.band-surface{background:var(--surface)}
.band-deep{background:var(--band-2); color:var(--on-band)}
.band-deep h2,.band-deep h3{color:#fff}
.band-deep .lead{color:var(--on-band-muted)}

.eyebrow{
  display:inline-flex; align-items:center; gap:.5rem;
  font-weight:700; font-size:.76rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--label); margin-bottom:1rem;
}
.eyebrow::before{content:""; width:1.4rem; height:2px; border-radius:2px; background:var(--sage)}
.band-deep .eyebrow{color:var(--sage)}
h2{font-size:clamp(1.9rem, 3.8vw, 2.7rem); font-weight:800; max-width:24ch}
.rule{display:none}
.lead{font-size:1.1rem; color:var(--muted); max-width:60ch; margin-top:1rem}

/* ---------- ícones ---------- */
.icn{width:1.15rem; height:1.15rem; flex:0 0 auto; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
.chip-icn{
  width:2.75rem; height:2.75rem; border-radius:12px; display:grid; place-items:center;
  background:var(--sage-soft); color:var(--ok); margin-bottom:.4rem;
}
.chip-icn .icn{width:1.35rem; height:1.35rem}
.band-deep .chip-icn{background:rgba(192,201,159,.16); color:var(--sage)}

/* ---------- cabeçalho ---------- */
.site-header{
  position:sticky; top:env(safe-area-inset-top, 0px); z-index:50;
  background:color-mix(in srgb, var(--band) 92%, transparent); color:var(--on-band);
  backdrop-filter:saturate(160%) blur(10px);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.header-row{display:flex; align-items:center; gap:1rem; padding-block:.8rem}
.brand{flex:0 0 auto; display:block}
.brand img{width:168px; height:auto}
.nav{display:flex; gap:.1rem; margin-left:auto; align-items:center}
.nav a{color:var(--on-band-muted); text-decoration:none; font-weight:600; font-size:.88rem; padding:.5rem .7rem; border-radius:8px; transition:color .15s ease, background .15s ease}
.nav a:hover,.nav a[aria-current="page"]{color:#fff; background:rgba(255,255,255,.08)}
.header-cta{
  margin-left:.4rem; display:inline-flex; align-items:center; gap:.5rem;
  background:var(--sage); color:#232B1F; font-weight:700; font-size:.86rem;
  padding:.6rem 1rem; border-radius:999px; text-decoration:none; white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.header-cta .icn{width:1rem; height:1rem}
.menu-btn{display:none; margin-left:auto; background:transparent; border:1px solid rgba(255,255,255,.22);
  color:var(--on-band); border-radius:10px; padding:.5rem .6rem; cursor:pointer}
.menu-panel{border-top:1px solid rgba(255,255,255,.08); padding-block:.5rem 1rem}
.menu-panel a{display:block; color:var(--on-band); text-decoration:none; font-weight:600; padding:.65rem .2rem}

/* ---------- botões ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  font-weight:700; font-size:.95rem; padding:.85rem 1.35rem; border-radius:12px;
  text-decoration:none; border:1px solid transparent; cursor:pointer;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn .icn{width:1.05rem; height:1.05rem}
.btn-sage{background:var(--sage); color:#232B1F}
.btn-ghost{border-color:rgba(255,255,255,.35); color:#fff; background:rgba(255,255,255,.06)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-ink{background:var(--btn-ink-bg); color:var(--btn-ink-fg)}
.btn-outline{border-color:var(--line); background:var(--surface); color:var(--ink)}
.btn-outline:hover{border-color:var(--label)}

/* ---------- hero ---------- */
.hero{
  position:relative; isolation:isolate; color:var(--on-band);
  background:var(--band); padding-block:clamp(4rem,9vw,7.5rem); overflow:hidden;
}
.hero::before{
  content:""; position:absolute; inset:0; z-index:-2;
  background:url("img/foto-olhos-fechados.jpg") center 40%/cover no-repeat;
  filter:saturate(.8);
}
.hero::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:
    linear-gradient(90deg, rgba(34,50,63,.97) 0%, rgba(34,50,63,.92) 38%, rgba(34,50,63,.55) 70%, rgba(34,50,63,.35) 100%),
    linear-gradient(180deg, rgba(34,50,63,.2), rgba(34,50,63,.6));
}
.hero .wrap{display:grid; grid-template-columns:minmax(0, 36rem) 1fr}
.hero h1{color:#fff; font-size:clamp(2.4rem,5.4vw,3.9rem); font-weight:800; letter-spacing:-.03em; max-width:14ch}
.hero .eyebrow{color:var(--sage)}
.hero p{color:#D6E0E4; font-size:1.12rem; margin-top:1.25rem; max-width:46ch}
.hero .compromisso{
  margin-top:1.5rem; padding:1rem 1.2rem; border-left:3px solid var(--sage);
  background:rgba(255,255,255,.06); border-radius:0 12px 12px 0;
  color:#E8EEF0; font-size:1rem; font-weight:500; max-width:46ch;
}
.hero-cta{display:flex; flex-wrap:wrap; gap:.7rem; margin-top:2rem}
.hero-facts{display:flex; flex-wrap:wrap; gap:.5rem; margin-top:2.4rem}
.hero-facts span{
  display:inline-flex; align-items:center; gap:.45rem;
  font-size:.84rem; font-weight:600; color:#E2EAED;
  background:var(--chip); border:1px solid var(--chip-line);
  padding:.45rem .85rem; border-radius:999px;
}
.hero-facts .icn{width:.95rem; height:.95rem; color:var(--sage)}
.hero--curto::before{background-image:url("img/foto-colirio.jpg"); background-position:center 45%}
.hero--curto{padding-block:clamp(3rem,6vw,4.5rem)}
.hero--curto h1{max-width:18ch; font-size:clamp(2.1rem,4.4vw,3.2rem)}

/* ---------- grades ---------- */
.cards{display:grid; gap:1.1rem; margin-top:2.6rem}
.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:1.6rem; min-width:0; display:flex; flex-direction:column; gap:.55rem;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.card:hover{transform:translateY(-2px); box-shadow:var(--shadow)}
.card h3{font-size:1.15rem}
.card .cidade{display:inline-flex; align-items:center; gap:.4rem; font-size:.86rem; font-weight:600; color:var(--label)}
.card .cidade .icn{width:.95rem; height:.95rem}
.card p{color:var(--muted); font-size:.97rem}
.tag{
  margin-top:auto; align-self:flex-start; background:var(--sage-soft); color:var(--ok);
  font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  padding:.45rem .8rem; border-radius:8px;
}

/* ---------- cirurgias ---------- */
.proc{
  position:relative; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:1.5rem; min-width:0; display:flex; flex-direction:column; gap:.5rem;
  text-decoration:none; color:inherit; transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.proc:hover{border-color:var(--sage); transform:translateY(-2px); box-shadow:var(--shadow)}
.proc h3{font-size:1.08rem; padding-right:2.2rem}
.proc p{color:var(--muted); font-size:.94rem; flex:1}
.proc .ver{
  margin-top:.4rem; font-size:.82rem; font-weight:700; color:var(--label);
  display:inline-flex; align-items:center; gap:.35rem;
}
.proc .ver .icn{width:.9rem; height:.9rem; transition:transform .18s ease}
.proc:hover .ver .icn{transform:translateX(3px)}
.proc .mark{
  position:absolute; top:1.25rem; right:1.25rem; width:1.9rem; height:1.9rem; border-radius:50%;
  background:var(--sage-soft); color:var(--ok); display:grid; place-items:center;
}
.proc .mark .icn{width:1rem; height:1rem}

/* ---------- etapas ---------- */
.etapa .n{
  font-weight:800; font-size:1.9rem; letter-spacing:-.03em; line-height:1; color:var(--sage);
  font-variant-numeric:tabular-nums; margin-bottom:.4rem;
}
.band-deep .card{background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.12)}
.band-deep .card:hover{box-shadow:none; border-color:rgba(192,201,159,.5)}
.band-deep .card h3{color:#fff}
.band-deep .card p{color:var(--on-band-muted)}

/* ---------- avisos ---------- */
.aviso{display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; margin-top:1.1rem}
.aviso > div{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:1.6rem}
.aviso h3{display:flex; align-items:center; gap:.6rem; font-size:1.1rem; margin-bottom:.7rem}
.aviso h3 .icn{color:var(--label)}
.aviso p{color:var(--muted); font-size:.98rem}
.aviso p + p{margin-top:.7rem}
.band-deep .aviso > div{background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.12)}
.band-deep .aviso p{color:var(--on-band-muted)}
.band-deep .aviso b{color:#fff}
.band-deep .aviso h3 .icn{color:var(--sage)}

/* ---------- chamada do guia ---------- */
.chamada{
  margin-top:2.4rem; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius); padding:clamp(1.6rem,3vw,2.4rem);
  display:flex; flex-wrap:wrap; gap:1.6rem; align-items:center; justify-content:space-between;
  background-image:radial-gradient(circle at 100% 0%, var(--sage-soft), transparent 55%);
}
.chamada div{min-width:0; flex:1 1 22rem}
.chamada h3{font-size:1.4rem; margin-bottom:.6rem}
.chamada p{color:var(--muted)}

/* ---------- guia ---------- */
.picker{display:flex; flex-wrap:wrap; gap:.5rem; margin-top:2rem}
.picker button{
  font-family:var(--ff); font-weight:600; font-size:.9rem; cursor:pointer;
  background:var(--surface); color:var(--ink); border:1px solid var(--line);
  padding:.6rem 1rem; border-radius:999px; transition:border-color .15s ease, background .15s ease, color .15s ease;
}
.picker button:hover{border-color:var(--label)}
.picker button[aria-pressed="true"]{background:var(--btn-ink-bg); color:var(--btn-ink-fg); border-color:var(--btn-ink-bg)}
.guia{margin-top:2rem; display:grid; gap:1.1rem; grid-template-columns:repeat(2,minmax(0,1fr))}
.bloco{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:1.6rem; min-width:0}
.bloco > .eyebrow{margin-bottom:.5rem}
.bloco h3{font-size:1.25rem; margin-bottom:1.1rem}
.bloco ol,.bloco ul{list-style:none; margin:0; padding:0; display:grid; gap:.8rem}
.bloco li{display:flex; gap:.8rem; align-items:flex-start; font-size:.98rem; line-height:1.55}
.bloco li > span:last-child{min-width:0; flex:1}
.bloco li b{color:var(--ink)}
.num{
  flex:0 0 auto; width:1.55rem; height:1.55rem; border-radius:50%; background:var(--ok); color:#fff;
  display:grid; place-items:center; font-size:.76rem; font-weight:700; margin-top:.1rem;
}
.ico{flex:0 0 auto; width:1.55rem; height:1.55rem; display:grid; place-items:center; margin-top:.05rem}
.ico .icn{width:1.2rem; height:1.2rem}
.i-ok{width:1.4rem; height:1.4rem; border-radius:50%; background:var(--sage-soft); color:var(--ok); display:grid; place-items:center}
.i-ok .icn{width:.85rem; height:.85rem; stroke-width:3}
.i-warn{color:var(--warn)}
.i-alert{color:var(--alert)}
.bloco--alerta{border-color:var(--alert-line)}
.nota{margin-top:1.2rem; padding-top:1.1rem; border-top:1px solid var(--line)}
.nota h4{margin:0 0 .35rem; font-size:.95rem; font-weight:700; color:var(--ink); letter-spacing:0}
.nota p{font-size:.94rem; color:var(--muted)}
.caixa-alerta{
  margin-top:1.2rem; background:var(--alert-bg); border:1px solid var(--alert-line);
  border-radius:var(--radius-sm); padding:.9rem 1.1rem; font-size:.96rem; color:var(--ink);
  display:flex; flex-wrap:wrap; gap:.4rem 1rem; align-items:center;
}
.caixa-alerta b{font-variant-numeric:tabular-nums; white-space:nowrap}
.caixa-alerta .icn{color:var(--alert)}
.prazo{font-style:italic; color:var(--muted); font-size:.9rem; margin-top:1rem}

/* ---------- passos ---------- */
.faixa-foto{margin:2.2rem 0 0; border-radius:var(--radius); overflow:hidden}
.faixa-foto img{width:100%; aspect-ratio:21/7; object-fit:cover; object-position:center 42%}
.passos{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:1.4rem}
.passo{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:1rem; min-width:0; display:flex; flex-direction:column; gap:.8rem;
}
.passo img{width:100%; border-radius:var(--radius-sm); aspect-ratio:35/31; object-fit:cover}
.passo .linha{display:flex; gap:.75rem; align-items:flex-start}
.passo .num{margin-top:.15rem}
.passo div{min-width:0}
.passo strong{display:block; color:var(--ink); font-size:1rem; line-height:1.3}
.passo span.leg{display:block; color:var(--muted); font-size:.86rem; line-height:1.4; margin-top:.15rem}

/* ---------- contato ---------- */
.contato{background:var(--band-2); color:var(--on-band)}
.contato h2{color:#fff}
.contato .lead{color:var(--on-band-muted)}
.contato .eyebrow{color:var(--sage)}
.fones{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.1rem; margin-top:2.6rem}
.fone{background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius); padding:1.5rem; min-width:0}
.fone .chip-icn{margin-bottom:.9rem}
.fone .rotulo{font-size:.76rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--sage)}
.fone a{
  display:block; margin-top:.35rem; font-size:clamp(1.45rem,2.6vw,1.8rem); font-weight:800;
  color:#fff; text-decoration:none; font-variant-numeric:tabular-nums; letter-spacing:-.02em;
}
.fone p{color:var(--on-band-muted); font-size:.9rem; margin-top:.4rem}
.endereco{
  margin-top:2.2rem; padding-top:1.8rem; border-top:1px solid rgba(255,255,255,.12);
  display:grid; grid-template-columns:1fr 1fr; gap:1.5rem;
}
.endereco > div{display:flex; gap:.9rem; align-items:flex-start; min-width:0}
.endereco .icn{color:var(--sage); margin-top:.25rem}
.endereco p{color:var(--on-band-muted); font-size:.97rem}
.endereco strong{color:#fff; display:block; font-size:1.02rem; margin-bottom:.2rem}

/* ---------- assistente ---------- */
.chat{
  margin-top:2rem; max-width:880px; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius); overflow:hidden; display:grid; grid-template-rows:auto 1fr auto;
  box-shadow:var(--shadow);
}
.chat__head{display:flex; gap:.85rem; align-items:center; padding:.95rem 1.2rem; border-bottom:1px solid var(--line); background:var(--surface-2)}
.chat__avatar{width:2.5rem; height:2.5rem; border-radius:50%; background:var(--band); color:var(--sage); display:grid; place-items:center; flex:0 0 auto}
.chat__avatar .icn{width:1.25rem; height:1.25rem}
.chat__head strong{display:block; color:var(--ink); font-size:1rem; line-height:1.2}
.chat__head span{display:block; color:var(--muted); font-size:.82rem}
.chat__log{
  padding:1.2rem; display:flex; flex-direction:column; gap:.75rem;
  min-height:20rem; max-height:34rem; overflow-y:auto; overscroll-behavior:contain;
}
.msg{max-width:86%; padding:.8rem 1.05rem; border-radius:18px; font-size:.96rem; line-height:1.55; min-width:0; overflow-wrap:anywhere}
.msg--bot{align-self:flex-start; background:var(--surface-2); color:var(--body); border-bottom-left-radius:6px}
.msg--user{align-self:flex-end; background:var(--btn-ink-bg); color:var(--btn-ink-fg); border-bottom-right-radius:6px}
.msg b{color:var(--ink)}
.msg--user b{color:inherit}
.msg p + p, .msg p + ul, .msg p + ol, .msg ul + p, .msg ol + p{margin-top:.55rem}
.msg ul,.msg ol{margin:0; padding-left:1.25rem; display:grid; gap:.35rem}
.msg .fones-mini{display:grid; gap:.25rem; margin-top:.5rem; font-variant-numeric:tabular-nums}
.msg .fones-mini a{color:var(--ink); font-weight:700; text-decoration:none}
.msg a.link{color:var(--label); font-weight:700}
.chips{display:flex; flex-wrap:wrap; gap:.4rem; align-self:flex-start; max-width:95%}
.chips button{
  font-family:var(--ff); font-size:.84rem; font-weight:600; cursor:pointer;
  background:var(--surface); color:var(--ink); border:1px solid var(--line);
  padding:.45rem .85rem; border-radius:999px; transition:border-color .15s ease, background .15s ease;
}
.chips button:hover{border-color:var(--label); background:var(--sage-soft)}
.chat__form{display:flex; gap:.5rem; padding:.75rem; border-top:1px solid var(--line); background:var(--surface)}
.chat__form input{
  flex:1; min-width:0; padding:.8rem 1rem; border:1px solid var(--line); border-radius:12px;
  font:inherit; font-size:.97rem; background:var(--surface); color:var(--ink);
}
.chat__form input:focus-visible{outline:2px solid var(--label); outline-offset:0; border-color:var(--label)}
.chat__form .btn{padding:.8rem 1.1rem}
.chat__nota{font-size:.82rem; color:var(--muted); margin-top:.9rem; max-width:70ch}

.fab{
  position:fixed; z-index:60;
  right:calc(1rem + env(safe-area-inset-right, 0px));
  bottom:calc(1rem + env(safe-area-inset-bottom, 0px));
  display:inline-flex; align-items:center; gap:.5rem;
  background:var(--sage); color:#232B1F; font-weight:700; font-size:.92rem;
  padding:.8rem 1.1rem; border-radius:999px; text-decoration:none;
  box-shadow:0 14px 30px -12px rgba(0,0,0,.55);
}
.fab .icn{width:1.1rem; height:1.1rem}

/* ---------- rodapé ---------- */
footer{background:var(--band); color:var(--on-band); padding-block:2.6rem 2.2rem}
.foot{display:flex; flex-wrap:wrap; gap:1.6rem; justify-content:space-between; align-items:center}
.foot img{width:150px; height:auto}
.foot nav{display:flex; flex-wrap:wrap; gap:1.1rem}
.foot nav a{color:var(--on-band-muted); text-decoration:none; font-weight:600; font-size:.88rem}
.foot nav a:hover{color:#fff}
.foot-note{
  margin-top:1.8rem; padding-top:1.3rem; border-top:1px solid rgba(255,255,255,.1);
  color:var(--on-band-muted); font-size:.82rem; max-width:76ch;
}

@media (max-width:980px){
  .hero .wrap{grid-template-columns:1fr}
  .c3,.c4,.fones{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav,.header-cta{display:none}
  .menu-btn{display:inline-flex}
  .hero::after{background:linear-gradient(180deg, rgba(34,50,63,.94) 0%, rgba(34,50,63,.88) 100%)}
}
@media (max-width:760px){
  .guia,.aviso,.endereco{grid-template-columns:1fr}
  .passos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .c2,.c3,.c4,.fones,.passos{grid-template-columns:1fr}
  .brand img{width:140px}
  .hero h1{font-size:2.2rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.001ms !important; transition-duration:.001ms !important}
}