/* ============ VOLTA SEMPRE — PÁGINA DE VENDAS ============ */
:root {
  --marinho: #001548;
  --azul: #0654e4;
  --azul-esc: #0442b8;
  --azul-claro: #eaf1ff;
  --turq: #08c89d;
  --turq-esc: #06a884;
  --bg: #f5f7fb;
  --texto: #172033;
  --muted: #64748b;
  --borda: #e3e8f0;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--texto); background: #fff; -webkit-font-smoothing: antialiased; line-height: 1.55;
}
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }
.container { width: min(1180px, 92vw); margin: 0 auto; }
.container.estreito { width: min(820px, 92vw); }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 46px; padding: 0 24px; border-radius: 12px; font-size: 15px; font-weight: 700;
  border: 2px solid transparent; cursor: pointer; transition: transform .15s, box-shadow .15s, filter .15s;
}
.btn-g { height: 54px; padding: 0 30px; font-size: 16px; }
.btn.full { width: 100%; }
.btn-primary { background: linear-gradient(135deg, #0a63f5, #0442b8); color: #fff; box-shadow: 0 6px 20px rgba(6,84,228,.3); }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(6,84,228,.42); }
.btn-outline { border-color: var(--borda); color: var(--marinho); background: #fff; }
.btn-outline:hover { border-color: var(--azul); color: var(--azul); background: var(--azul-claro); }
.btn-ghost { color: var(--marinho); }
.btn-ghost:hover { color: var(--azul); }

/* ---------- topo ---------- */
.topo {
  position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.9);
  backdrop-filter: blur(12px); border-bottom: 1px solid transparent; transition: border-color .2s, box-shadow .2s;
}
.topo.rolou { border-color: var(--borda); box-shadow: 0 2px 12px rgba(16,24,40,.05); }
.topo-in { display: flex; align-items: center; gap: 28px; height: 76px; }
.logo img { height: 34px; }
.nav { display: flex; gap: 26px; font-size: 15px; font-weight: 600; color: #46536b; }
.nav a:hover { color: var(--azul); }
.topo-acoes { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.menu-mob { display: none; background: none; border: none; font-size: 24px; cursor: pointer; margin-left: auto; }

/* ---------- hero ---------- */
.hero { position: relative; overflow: hidden; padding: 76px 0 90px; background: linear-gradient(170deg, #f7f9ff 0%, #eef3ff 60%, #fff 100%); }
.hero-bolha { position: absolute; border-radius: 50%; filter: blur(10px); opacity: .16; }
.hero-bolha.b1 { width: 460px; height: 460px; background: var(--azul); top: -160px; right: -120px; }
.hero-bolha.b2 { width: 360px; height: 360px; background: var(--turq); bottom: -160px; left: -100px; }
.hero-in { position: relative; display: grid; grid-template-columns: 1.05fr .95fr; gap: 54px; align-items: center; }
.selo {
  display: inline-block; background: #fff; border: 1px solid var(--borda); color: var(--azul);
  font-size: 13px; font-weight: 700; padding: 7px 14px; border-radius: 20px; margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(16,24,40,.05);
}
.hero h1 { font-size: clamp(34px, 4.6vw, 56px); line-height: 1.08; letter-spacing: -1.4px; color: var(--marinho); }
.grad { background: linear-gradient(120deg, var(--azul), var(--turq)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero .sub { font-size: 18px; color: #46536b; margin: 20px 0 30px; max-width: 560px; }
.hero-cta { display: flex; gap: 12px; flex-wrap: wrap; }
.hero-mini { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 24px; font-size: 13.5px; color: var(--muted); font-weight: 600; }

/* mockup do sistema */
.hero-img { position: relative; }
.mock {
  background: #fff; border-radius: 18px; box-shadow: 0 30px 70px rgba(0,21,72,.18); overflow: hidden;
  border: 1px solid var(--borda); animation: flutua 5s ease-in-out infinite;
}
@keyframes flutua { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
.mock-top { height: 34px; background: #f4f6fa; display: flex; align-items: center; gap: 6px; padding: 0 14px; border-bottom: 1px solid var(--borda); }
.mock-top i { width: 10px; height: 10px; border-radius: 50%; background: #d7dee9; }
.mock-body { display: flex; height: 320px; }
.mock-side { width: 62px; background: linear-gradient(180deg, #001548, #00103a); }
.mock-main { flex: 1; padding: 16px; display: flex; flex-direction: column; gap: 14px; }
.mock-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.mc { background: #f8fafd; border: 1px solid var(--borda); border-radius: 12px; padding: 10px 12px; }
.mc span { font-size: 10.5px; color: var(--muted); display: block; }
.mc b { font-size: 17px; color: var(--marinho); }
.mc b.verde { color: var(--turq-esc); } .mc b.azul { color: var(--azul); }
.mock-graf { flex: 1; display: flex; align-items: flex-end; gap: 8px; padding: 10px; background: #f8fafd; border-radius: 12px; border: 1px solid var(--borda); }
.mock-graf i { flex: 1; background: linear-gradient(180deg, #0a63f5, #08c89d); border-radius: 5px 5px 0 0; animation: sobe 1.1s cubic-bezier(.2,1.3,.4,1) both; }
.mock-graf i:nth-child(2){animation-delay:.08s}.mock-graf i:nth-child(3){animation-delay:.16s}
.mock-graf i:nth-child(4){animation-delay:.24s}.mock-graf i:nth-child(5){animation-delay:.32s}
.mock-graf i:nth-child(6){animation-delay:.4s}.mock-graf i:nth-child(7){animation-delay:.48s}
@keyframes sobe { from { height: 0 !important; opacity: 0; } }
.mock-linhas { display: flex; flex-direction: column; gap: 7px; }
.mock-linhas i { height: 9px; background: #eef2f7; border-radius: 5px; }
.mock-linhas i:nth-child(2) { width: 78%; } .mock-linhas i:nth-child(3) { width: 55%; }
.alerta-flut {
  position: absolute; bottom: -22px; left: -18px; background: #fff; border-radius: 14px;
  padding: 12px 16px; box-shadow: 0 14px 40px rgba(0,21,72,.2); display: flex; gap: 10px; align-items: center;
  border-left: 4px solid var(--turq); max-width: 300px; animation: entraAlerta .6s .8s both;
}
@keyframes entraAlerta { from { opacity: 0; transform: translateY(14px) scale(.94); } }
.af-ic { font-size: 22px; }
.alerta-flut b { display: block; font-size: 13.5px; color: var(--marinho); }
.alerta-flut span { font-size: 11.5px; color: var(--muted); }

/* ---------- faixa comparativa ---------- */
.faixa { background: var(--marinho); padding: 44px 0; }
.faixa-in { display: flex; align-items: center; gap: 26px; }
.fx { flex: 1; padding: 22px 26px; border-radius: 16px; }
.fx-velho { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); }
.fx-novo { background: linear-gradient(135deg, rgba(6,84,228,.4), rgba(8,200,157,.3)); border: 1px solid rgba(8,200,157,.4); }
.fx-tag { font-size: 11.5px; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; color: #8fa9d8; }
.fx-novo .fx-tag { color: var(--turq); }
.fx b { display: block; font-size: 20px; color: #fff; margin: 6px 0 6px; }
.fx p { color: #b9c8e4; font-size: 14px; }
.fx-seta { color: var(--turq); font-size: 30px; font-weight: 800; }

/* ---------- seções ---------- */
.secao { padding: 88px 0; }
.secao.cinza { background: var(--bg); }
.secao.escura { background: linear-gradient(160deg, #001548, #002a72); }
.cabec { text-align: center; max-width: 680px; margin: 0 auto 48px; }
.olho { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.4px; color: var(--azul); }
.cabec h2 { font-size: clamp(27px, 3.4vw, 40px); line-height: 1.15; letter-spacing: -1px; color: var(--marinho); margin: 10px 0 12px; }
.cabec p { color: var(--muted); font-size: 17px; }
.cabec.claro h2 { color: #fff; } .cabec.claro p { color: #b9c8e4; } .cabec.claro .olho { color: var(--turq); }

.grid-rec { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.rec { background: #fff; border: 1px solid var(--borda); border-radius: 16px; padding: 26px; transition: transform .2s, box-shadow .2s, border-color .2s; }
.rec:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(0,21,72,.1); border-color: #cfe0ff; }
.rec-ic { width: 50px; height: 50px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 14px; }
.rec-ic.azul { background: var(--azul-claro); } .rec-ic.verde { background: rgba(8,200,157,.14); }
.rec h3 { font-size: 17px; color: var(--marinho); margin-bottom: 6px; }
.rec p { font-size: 14px; color: var(--muted); }

.grid-dor { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.dor { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); border-radius: 16px; padding: 24px; transition: transform .2s, background .2s; }
.dor:hover { transform: translateY(-5px); background: rgba(255,255,255,.09); }
.dor span { font-size: 28px; }
.dor b { display: block; color: #fff; font-size: 16px; margin: 10px 0 8px; }
.dor p { color: #b9c8e4; font-size: 13.5px; }

/* ---------- comparativo ---------- */
.tab-wrap { overflow-x: auto; border-radius: 16px; border: 1px solid var(--borda); }
.tab-comp { width: 100%; border-collapse: collapse; background: #fff; min-width: 520px; }
.tab-comp th { background: #f7f9fc; padding: 16px 18px; text-align: left; font-size: 14px; color: var(--marinho); }
.tab-comp td { padding: 15px 18px; border-top: 1px solid var(--borda); font-size: 14.5px; }
.tab-comp .c { text-align: center; }
.tab-comp .destaque-col { background: rgba(6,84,228,.05); font-weight: 700; color: var(--azul); }
.tab-comp thead .destaque-col { background: var(--azul); color: #fff; }

/* ---------- planos ---------- */
.toggle { display: flex; justify-content: center; gap: 6px; background: #fff; border: 1px solid var(--borda); border-radius: 14px; padding: 6px; width: fit-content; margin: 0 auto 36px; }
.tg { border: none; background: none; padding: 11px 22px; border-radius: 10px; font-size: 14.5px; font-weight: 700; color: var(--muted); cursor: pointer; transition: .2s; }
.tg i { font-style: normal; font-size: 11.5px; background: rgba(8,200,157,.18); color: var(--turq-esc); padding: 2px 7px; border-radius: 20px; margin-left: 5px; }
.tg.ativo { background: linear-gradient(135deg, #0a63f5, #0442b8); color: #fff; box-shadow: 0 4px 14px rgba(6,84,228,.3); }
.tg.ativo i { background: rgba(255,255,255,.25); color: #fff; }

.grid-planos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; align-items: start; }
.plano { background: #fff; border: 1px solid var(--borda); border-radius: 18px; padding: 30px 24px; position: relative; transition: transform .2s, box-shadow .2s; }
.plano:hover { transform: translateY(-6px); box-shadow: 0 18px 44px rgba(0,21,72,.12); }
.plano.popular { border: 2px solid var(--azul); box-shadow: 0 18px 50px rgba(6,84,228,.18); transform: scale(1.03); }
.plano.popular:hover { transform: scale(1.03) translateY(-6px); }
.fita { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #0a63f5, #08c89d); color: #fff; font-size: 12px; font-weight: 800; padding: 5px 16px; border-radius: 20px; white-space: nowrap; }
.plano h3 { font-size: 20px; color: var(--marinho); }
.p-desc { font-size: 13.5px; color: var(--muted); margin: 6px 0 18px; min-height: 38px; }
.preco { display: flex; align-items: baseline; gap: 4px; margin-bottom: 4px; }
.preco span { font-size: 17px; font-weight: 700; color: var(--muted); }
.preco b { font-size: 44px; letter-spacing: -2px; color: var(--marinho); }
.preco i { font-style: normal; font-size: 14px; color: var(--muted); }
.p-eco { font-size: 12.5px; color: var(--turq-esc); font-weight: 700; min-height: 20px; margin-bottom: 16px; }
.plano ul { list-style: none; margin-top: 20px; display: flex; flex-direction: column; gap: 9px; }
.plano li { font-size: 14px; color: #46536b; padding-left: 24px; position: relative; }
.plano li::before { content: '✓'; position: absolute; left: 0; color: var(--turq-esc); font-weight: 900; }

.inclui { margin-top: 40px; text-align: center; background: #fff; border: 1px solid var(--borda); border-radius: 16px; padding: 24px; }
.inclui b { color: var(--marinho); }
.inclui-lista { display: flex; justify-content: center; gap: 22px; flex-wrap: wrap; margin-top: 12px; font-size: 14px; color: #46536b; font-weight: 600; }

/* ---------- prova social ---------- */
.numeros { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; text-align: center; margin-bottom: 46px; }
.numeros b { display: block; font-size: 38px; color: var(--azul); letter-spacing: -1.4px; }
.numeros span { font-size: 13.5px; color: var(--muted); }
.depos { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.depos blockquote { background: var(--bg); border-left: 4px solid var(--turq); border-radius: 14px; padding: 26px; }
.depos p { font-size: 16px; color: var(--marinho); font-style: italic; }
.depos footer { margin-top: 12px; font-size: 13px; color: var(--muted); }

/* ---------- cta final ---------- */
.cta-final { background: linear-gradient(150deg, #001548 0%, #00256e 60%, #045fbe 100%); padding: 80px 0; color: #fff; }
.cta-in { display: grid; grid-template-columns: 1.05fr .95fr; gap: 54px; align-items: center; }
.cta-final h2 { font-size: clamp(27px, 3.2vw, 38px); line-height: 1.15; letter-spacing: -1px; }
.cta-final p { color: #c3d3ee; margin: 16px 0 22px; font-size: 16.5px; }
.cta-lista { list-style: none; display: flex; flex-direction: column; gap: 10px; font-size: 15px; color: #e2ebf9; }
.form-cta { background: #fff; border-radius: 20px; padding: 32px; box-shadow: 0 26px 70px rgba(0,0,0,.28); }
.form-cta h3 { color: var(--marinho); font-size: 21px; margin-bottom: 18px; }
.form-cta label { display: block; font-size: 13px; font-weight: 700; color: #46536b; margin-bottom: 13px; }
.form-cta input { width: 100%; height: 46px; border: 1px solid var(--borda); border-radius: 11px; padding: 0 14px; font-size: 15px; margin-top: 5px; font-family: inherit; }
.form-cta input:focus { outline: none; border-color: var(--azul); box-shadow: 0 0 0 3px rgba(6,84,228,.12); }
.form-cta small { display: block; text-align: center; color: var(--muted); font-size: 12.5px; margin-top: 12px; }

/* ---------- faq ---------- */
.faq { display: flex; flex-direction: column; gap: 12px; }
.faq details { background: #fff; border: 1px solid var(--borda); border-radius: 14px; padding: 18px 22px; transition: border-color .2s, box-shadow .2s; }
.faq details[open] { border-color: var(--azul); box-shadow: 0 6px 20px rgba(6,84,228,.08); }
.faq summary { font-weight: 700; color: var(--marinho); cursor: pointer; font-size: 16px; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: '+'; color: var(--azul); font-size: 22px; line-height: 1; transition: transform .2s; }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq p { color: var(--muted); font-size: 15px; margin-top: 12px; }

/* ---------- suporte ---------- */
.suporte-humano { background: var(--bg); padding: 56px 0; }
.sh-in { display: flex; align-items: center; gap: 24px; background: #fff; border-radius: 20px; padding: 30px 34px; border: 1px solid var(--borda); flex-wrap: wrap; }
.sh-ava { width: 62px; height: 62px; border-radius: 50%; background: linear-gradient(135deg, #25D366, #128C7E); display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0; }
.sh-in h3 { color: var(--marinho); font-size: 20px; }
.sh-in p { color: var(--muted); font-size: 14.5px; max-width: 620px; }
.sh-in .btn { margin-left: auto; }

/* ---------- rodapé ---------- */
.rodape { background: var(--marinho); color: #b9c8e4; padding: 52px 0 26px; }
.rod-in { display: flex; justify-content: space-between; gap: 30px; flex-wrap: wrap; padding-bottom: 26px; border-bottom: 1px solid rgba(255,255,255,.1); }
.rod-logo { height: 32px; filter: brightness(0) invert(1); opacity: .95; margin-bottom: 10px; }
.rod-links { display: flex; gap: 26px; flex-wrap: wrap; font-size: 14.5px; }
.rod-links a:hover { color: var(--turq); }
.rod-fim { padding-top: 20px; font-size: 13px; opacity: .65; }

/* ---------- fab ---------- */
.fab-zap {
  position: fixed; right: 22px; bottom: 22px; z-index: 200; display: flex; align-items: center; gap: 10px;
  height: 56px; padding: 0 24px; border-radius: 30px; background: linear-gradient(135deg, #25D366, #128C7E);
  color: #fff; font-weight: 700; font-size: 15px; box-shadow: 0 10px 30px rgba(18,140,126,.45); overflow: hidden;
}
.fab-zap:hover { transform: translateY(-2px); }
.fz-ic { font-size: 20px; }
.fz-on { width: 10px; height: 10px; border-radius: 50%; background: #b9f6ca; animation: pisca 1.8s infinite; }
@keyframes pisca { 0% { box-shadow: 0 0 0 0 rgba(185,246,202,.85); } 70% { box-shadow: 0 0 0 11px rgba(185,246,202,0); } 100% { box-shadow: 0 0 0 0 rgba(185,246,202,0); } }
.fab-zap::after { content: ''; position: absolute; top: 0; left: -60%; width: 40%; height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent); transform: skewX(-18deg); animation: brilho 3.4s infinite; }
@keyframes brilho { 0% { left: -60%; } 55% { left: 130%; } 100% { left: 130%; } }

/* ---------- páginas internas ---------- */
.nav a.atual { color: var(--azul); position: relative; }
.nav a.atual::after { content: ''; position: absolute; left: 0; right: 0; bottom: -6px; height: 3px; background: var(--azul); border-radius: 3px; }
.capa { position: relative; overflow: hidden; background: linear-gradient(160deg, #001548 0%, #00256e 70%, #0442b8 100%); color: #fff; padding: 74px 0 66px; text-align: center; }
.capa-bolha { position: absolute; width: 420px; height: 420px; border-radius: 50%; background: rgba(8,200,157,.16); top: -180px; right: -90px; filter: blur(8px); }
.capa .olho.claro { color: var(--turq); }
.capa h1 { font-size: clamp(30px, 4vw, 46px); line-height: 1.1; letter-spacing: -1.4px; margin: 12px 0 14px; position: relative; }
.capa p { color: #c3d3ee; font-size: 17.5px; max-width: 720px; margin: 0 auto; position: relative; }

.grid-full { display: flex; flex-direction: column; gap: 18px; }
.rec-full { display: flex; gap: 22px; background: #fff; border: 1px solid var(--borda); border-radius: 18px; padding: 28px; transition: box-shadow .2s, border-color .2s; }
.rec-full:hover { box-shadow: 0 14px 40px rgba(0,21,72,.08); border-color: #cfe0ff; }
.rf-ic { width: 60px; height: 60px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0; }
.rf-ic.azul { background: var(--azul-claro); } .rf-ic.verde { background: rgba(8,200,157,.14); }
.rf-txt h3 { font-size: 20px; color: var(--marinho); margin-bottom: 6px; }
.rf-txt p { color: var(--muted); font-size: 15px; margin-bottom: 14px; }
.rf-lista { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 22px; }
.rf-lista li { font-size: 14px; color: #46536b; padding-left: 22px; position: relative; }
.rf-lista li::before { content: '✓'; position: absolute; left: 0; color: var(--turq-esc); font-weight: 900; }
.nota-final { background: var(--azul-claro); border: 1px solid #cfe0ff; border-radius: 16px; padding: 22px 26px; margin-top: 26px; }
.nota-final b { color: var(--marinho); font-size: 16px; }
.nota-final p { color: #46536b; font-size: 14.5px; margin-top: 6px; }

.grid-ramos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ramo { background: #fff; border: 1px solid var(--borda); border-radius: 18px; padding: 28px; transition: transform .2s, box-shadow .2s; }
.ramo:hover { transform: translateY(-5px); box-shadow: 0 14px 40px rgba(0,21,72,.1); }
.ramo-ic { font-size: 34px; margin-bottom: 10px; }
.ramo h3 { font-size: 18px; color: var(--marinho); margin-bottom: 6px; }
.ramo p { font-size: 14px; color: var(--muted); margin-bottom: 14px; }
.ramo ul { list-style: none; display: flex; flex-direction: column; gap: 7px; }
.ramo li { font-size: 13.5px; color: #46536b; padding-left: 20px; position: relative; }
.ramo li::before { content: '✓'; position: absolute; left: 0; color: var(--turq-esc); font-weight: 900; }

.grid-antes { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.antes { background: #fff; border: 1px solid var(--borda); border-radius: 16px; padding: 24px; }
.ad-tag { display: inline-block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; padding: 3px 10px; border-radius: 20px; margin-bottom: 6px; }
.ad-tag.ruim { background: #fdecea; color: #c0392b; }
.ad-tag.bom { background: rgba(8,200,157,.15); color: var(--turq-esc); margin-top: 14px; }
.antes p { font-size: 14.5px; color: #46536b; }

.faq-grupo { font-size: 22px; color: var(--marinho); margin: 40px 0 16px; letter-spacing: -.5px; }
.faq-grupo:first-child { margin-top: 0; }
.tab-planos td:first-child { font-weight: 600; }
.cta-simples { display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap; }
.cta-simples h2 { font-size: clamp(24px, 3vw, 34px); }
.cta-simples p { color: #c3d3ee; margin-top: 8px; max-width: 560px; }

@media (max-width: 1000px) {
  .grid-ramos { grid-template-columns: 1fr 1fr; }
  .rf-lista { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .grid-ramos, .grid-antes { grid-template-columns: 1fr; }
  .rec-full { flex-direction: column; gap: 14px; }
}

/* ---------- reveal ---------- */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .6s, transform .6s; }
.reveal.visivel { opacity: 1; transform: none; }

/* ---------- responsivo ---------- */
@media (max-width: 1000px) {
  .grid-rec, .grid-dor, .grid-planos, .numeros { grid-template-columns: 1fr 1fr; }
  .hero-in, .cta-in, .depos { grid-template-columns: 1fr; }
  .plano.popular { transform: none; }
  .faixa-in { flex-direction: column; }
  .fx-seta { transform: rotate(90deg); }
}
@media (max-width: 640px) {
  .nav { display: none; }
  .topo-acoes .btn-ghost { display: none; }
  .grid-rec, .grid-dor, .grid-planos, .numeros, .inclui-lista { grid-template-columns: 1fr; }
  .secao { padding: 60px 0; }
  .hero { padding: 48px 0 70px; }
  .sh-in .btn { margin-left: 0; width: 100%; }
  .fab-zap span:not(.fz-ic):not(.fz-on) { display: none; }
  .fab-zap { padding: 0 18px; }
}