:root{
  --azul:#2b3095; --azul-escuro:#20246e; --ciano:#29abe2; --dourado:#f2a900;
  --zap:#25d366; --fundo:#f7f9fc; --texto:#1f2937; --cinza:#5b6472;
  --borda:#e3e8f0; --branco:#ffffff;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--texto);background:var(--fundo);line-height:1.6}
img{max-width:100%}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
h1{font-size:2rem;line-height:1.25;color:var(--azul-escuro)}
h2{font-size:1.5rem;color:var(--azul-escuro);margin-bottom:.5rem}
h3{color:var(--azul-escuro)}
p{margin-bottom:.8rem}
a{color:var(--azul)}

/* Cabeçalho */
.topo{background:var(--branco);border-bottom:1px solid var(--borda);position:sticky;top:0;z-index:50}
.barra{display:flex;align-items:center;justify-content:space-between;min-height:64px;flex-wrap:wrap}
.logo{text-decoration:none;display:flex;align-items:center;gap:10px;padding:8px 0}
.logo-bola{display:block}
.logo-texto{display:flex;flex-direction:column;line-height:1.1}
.logo-texto b{font-weight:800;font-size:1.4rem;color:var(--azul);letter-spacing:.02em}
.logo-texto>span{font-size:.6rem;font-weight:700;color:var(--ciano);letter-spacing:.28em;text-transform:uppercase}
nav{display:flex;gap:4px;align-items:center}
nav a{text-decoration:none;color:var(--texto);font-weight:600;padding:8px 14px;border-radius:8px;font-size:.95rem}
nav a:hover{background:var(--fundo)}
nav a.ativo{color:var(--azul)}
nav a.nav-destaque{background:var(--dourado);color:var(--azul-escuro)}
nav a.nav-destaque:hover{filter:brightness(1.05)}
#menu-chk,.menu-btn{display:none}

/* Hero */
.hero{background:linear-gradient(135deg,var(--azul-escuro),var(--azul));color:#fff;padding:64px 0}
.hero h1{color:#fff;font-size:2.3rem;max-width:640px}
.hero p{margin:16px 0 24px;font-size:1.1rem;max-width:600px;color:#dbe4f3}
.hero .botoes{display:flex;gap:12px;flex-wrap:wrap}

/* Botões */
.btn{display:inline-block;padding:13px 26px;border-radius:10px;font-weight:700;text-decoration:none;border:none;cursor:pointer;font-size:1rem}
.btn-primario{background:var(--ciano);color:#fff}
.btn-secundario{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}
.btn-azul{background:var(--azul);color:#fff}
.btn-zap{background:var(--zap);color:#fff}
.btn:hover{filter:brightness(1.06)}

/* Seções e cartões */
section{padding:44px 0}
.secao-titulo{margin-bottom:20px}
.secao-titulo p{color:var(--cinza)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:var(--branco);border:1px solid var(--borda);border-radius:14px;padding:24px;display:flex;flex-direction:column}
.card h3{margin-bottom:8px}
.card p{color:var(--cinza);flex:1}
.card .tag{align-self:flex-start;background:#e6f5fc;color:#1181b8;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:99px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}
.card a.link{font-weight:700;text-decoration:none}
.destaque{background:var(--branco);border-left:5px solid var(--ciano);border-radius:10px;padding:20px 24px;margin:16px 0}
.faixa-confianca{background:var(--branco);border-top:1px solid var(--borda);border-bottom:1px solid var(--borda)}
.faixa-confianca .container{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;padding-top:18px;padding-bottom:18px}
.faixa-confianca span{color:var(--cinza);font-size:.9rem;font-weight:600}

/* Blocos de texto escaneáveis */
.prosa{max-width:760px}
.prosa h2{margin-top:28px}
.prosa ul{margin:0 0 16px 22px}
.prosa li{margin-bottom:6px}
.citacao{border-left:4px solid var(--azul);padding:8px 20px;color:var(--cinza);font-style:italic;margin:20px 0}
.prosa details{background:var(--branco);border:1px solid var(--borda);border-radius:10px;padding:14px 18px;margin-bottom:10px}
.prosa details summary{cursor:pointer;color:var(--azul-escuro)}
.prosa details p{margin:10px 0 0;color:var(--cinza)}

/* Direito Distinto (identidade própria: preto profundo + dourado) */
.dd-hero{background:#0a0908;color:#d7d2c6;border-radius:18px;padding:48px 36px;text-align:center;margin-bottom:28px}
.dd-hero .dd-marca{margin:0 auto 18px}
.dd-hero h1{color:#c9a227;font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:2.1rem}
.dd-hero .dd-slogan{color:#d7d2c6;font-family:Georgia,serif;font-style:italic;font-size:1.15rem;margin:10px 0 0}
.dd-hero .dd-tagline{display:inline-block;border:1px solid #c9a227;color:#c9a227;padding:8px 22px;margin-top:20px;font-size:.85rem;letter-spacing:.22em;text-transform:uppercase}
.dd-pilares{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:26px 0}
.dd-pilares div{border:1px solid #3a352c;border-radius:12px;padding:16px;color:#d7d2c6;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}
.dd-pilares div strong{color:#c9a227}
.btn-dd{background:#c9a227;color:#0a0908}
.dd-alerta{background:#fdf3ef;border:2px solid #b05c4e;border-radius:14px;padding:22px 26px;margin:0 0 28px}
.dd-alerta h2{color:#8f4436;margin-top:0}
.dd-alerta .dd-numero{display:inline-block;background:#0a0908;color:#c9a227;font-weight:800;font-size:1.25rem;padding:10px 20px;border-radius:10px;letter-spacing:.03em;text-decoration:none;margin:6px 0}

/* Método Viver de iPhone (identidade preto + dourado) */
.mvdi-hero{background:#0b0b0c;color:#f0e6cf;border-radius:18px;padding:40px 32px;text-align:center;margin-bottom:28px}
.mvdi-hero img{border-radius:14px;margin:0 auto 18px;display:block}
.mvdi-hero h1{color:#e9b949;font-size:1.9rem}
.mvdi-hero p{color:#cfc6b0;max-width:640px;margin:12px auto 20px}
.btn-ouro{background:#d4a018;color:#0b0b0c}

/* CTA final */
.cta-final{background:var(--azul-escuro);color:#fff;text-align:center}
.cta-final h2{color:#fff}
.cta-final p{color:#c8d4ea;max-width:560px;margin:8px auto 20px}
.cta-final .botoes{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cta-final .btn-secundario{border-color:rgba(255,255,255,.5)}

/* Formulário */
form.formulario{max-width:560px;display:grid;gap:12px}
form.formulario input,form.formulario textarea{padding:12px 14px;border:1px solid var(--borda);border-radius:10px;font-size:1rem;font-family:inherit;background:var(--branco)}
form.formulario textarea{min-height:130px}
.form-msg{font-weight:600}
.form-msg.ok{color:#15803d}
.form-msg.erro{color:#b91c1c}
.mapa{border:0;width:100%;height:340px;border-radius:14px}

/* Rodapé */
.rodape{background:var(--azul-escuro);color:#c8d4ea;margin-top:40px;font-size:.92rem}
.rodape .colunas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;padding:40px 20px 8px}
.rodape h3{color:#fff;margin-bottom:10px;font-size:1rem}
.rodape a{color:#dbe4f3}
.rodape p{margin-bottom:.45rem}
.rodape .legal{border-top:1px solid rgba(255,255,255,.15);padding-top:14px;padding-bottom:16px;text-align:center;font-size:.8rem;color:#93a3c4}

/* WhatsApp flutuante */
.zap-flutuante{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;
  background:var(--zap);display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:60}
.zap-flutuante:hover{filter:brightness(1.06)}

/* Mobile */
@media (max-width:760px){
  .menu-btn{display:block;font-size:1.6rem;cursor:pointer;color:var(--azul-escuro);padding:8px}
  nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding-bottom:12px}
  #menu-chk:checked ~ nav{display:flex}
  .hero h1{font-size:1.7rem}
}