:root{
  --bg:#0a1320;
  --fg:#e9eef7;
  --muted:#b7c2d9;
  --accent:#1ea0ff;
  --card:#0f1d33;
  --line:#15243b;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;
  color:var(--fg);background:var(--bg);line-height:1.45;overflow-x:hidden}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.topbar{background:#0f1c2f;color:var(--muted);font-size:13px}
.topbar .container{display:flex;align-items:center;gap:12px;height:36px}
/* NAV */
.nav{position:sticky;top:0;z-index:20;background:#0f1c2f;border-bottom:1px solid var(--line)}
.nav .container{display:flex;align-items:center;justify-content:space-between;height:64px;gap:18px}
.brand{display:flex;align-items:center;gap:10px;min-width:160px}
.brand img{height:44px;width:auto;display:block}
.menu{display:flex;align-items:center;gap:28px;flex:1;justify-content:center}
.menu a{color:var(--fg);text-decoration:none;font-weight:600;opacity:.9}
.menu a:hover{opacity:1}
.actions{display:flex;align-items:center;gap:10px;min-width:140px;justify-content:flex-end}
.icon{width:36px;height:36px;border-radius:10px;background:#11233c;display:inline-flex;align-items:center;justify-content:center;transition:.2s}
.icon:hover{background:#173051}
.icon img{width:18px;height:18px;display:block;filter:none; opacity:1}
/* HERO full bleed */
.hero-wrap{position:relative;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.hero{display:block;width:100vw;max-width:100vw;height:auto}
/* FOOTER */
.footer{border-top:1px solid var(--line);color:var(--muted);padding:20px 0;margin-top:8px}
.footer .copyright{text-align:center}
.badges{display:flex;gap:10px;justify-content:center;margin-top:8px}
.badges img{width:24px;height:24px;filter:invert(1) opacity(.9)}
/* CONTACT */
.form{max-width:760px;margin:26px auto;background:var(--card);border:1px solid var(--line);
  border-radius:14px;padding:18px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #24466f;background:#0b1a2d;color:var(--fg);outline:none}
textarea.input{min-height:140px;resize:vertical}
.btn{background:var(--accent);color:white;border:none;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
@media (max-width:900px){
  .menu{gap:18px}
}
@media (max-width:720px){
  .nav .container{flex-wrap:wrap;height:auto;padding:12px 20px}
  .menu{order:3;width:100%;justify-content:center;margin-top:8px}
  .actions{order:2}
}

@media (max-width:720px){

  .nav .container{
    flex-wrap:wrap;
    height:auto;
    padding:12px 20px;
  }

  .menu{
    order:3;
    width:100%;
    justify-content:center;
    margin-top:8px;

    flex-wrap:wrap;        /* 🔥 permite quebrar linha */
    gap:14px;              /* 🔥 reduz espaço */
    flex:none;             /* 🔥 impede esticar */
    font-size:15px;        /* 🔥 tamanho adequado pro mobile */
    text-align:center;
  }

  .menu a{
    white-space:nowrap;    /* evita quebrar palavras */
    padding:4px 0;
  }

}