/* Barra de menu do site — auto-suficiente (cores literais, sem depender de vars) */
.nav{
  position:sticky; top:0; z-index:50;
  background:rgba(8,13,23,.86); backdrop-filter:blur(10px);
  border-bottom:1px solid #262E44;
  font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.nav *{ box-sizing:border-box }
.nav .nwrap{ max-width:1080px; margin:0 auto; padding:0 20px; display:flex; align-items:center; gap:22px; height:60px }
.nav .brand{ font-weight:800; font-size:19px; color:#F2F5F7; text-decoration:none; white-space:nowrap }
.nav .brand b{ color:#88D818 }
.nav-links{ display:flex; gap:20px; margin-left:auto; align-items:center; flex-wrap:wrap }
.nav-links a{ color:#9AA4B0; font-size:14px; font-weight:600; text-decoration:none }
.nav-links a:hover,.nav-links a.on{ color:#F2F5F7 }
.nav-cta{
  background:#88D818; color:#06110C !important; font-weight:800; font-size:14px;
  padding:9px 18px; border-radius:999px; text-decoration:none;
}
.nav-cta:hover{ background:#96e625 }
.nav-toggle{ display:none; margin-left:auto; background:none; border:0; color:#F2F5F7; font-size:24px; cursor:pointer; line-height:1 }
.lang-sel{
  background:#101528; color:#F2F5F7; border:1px solid #262E44; border-radius:8px;
  font:600 13px/1 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  padding:7px 8px; cursor:pointer; outline:none;
}
.lang-sel:hover{ border-color:#88D818 }
@media (max-width:880px){
  .nav-toggle{ display:block }
  .nav-links{
    position:absolute; top:60px; left:0; right:0; flex-direction:column; align-items:stretch; gap:0;
    background:#0B1220; border-bottom:1px solid #262E44; padding:8px 20px 16px; display:none;
  }
  .nav-links.open{ display:flex }
  .nav-links a{ padding:12px 0; border-bottom:1px solid #262E44; font-size:15px }
  .nav-cta{ margin-top:10px; text-align:center }
  .lang-sel{ margin-top:12px; width:100% }
}

/* Árabe: direita para a esquerda */
html[dir="rtl"] body{ direction:rtl; text-align:right }
html[dir="rtl"] .nav .nwrap{ flex-direction:row-reverse }
html[dir="rtl"] .nav-links{ margin-left:0; margin-right:auto }
html[dir="rtl"] .foot .cols{ direction:rtl }
html[dir="rtl"] .prose{ text-align:right }
html[dir="rtl"] .btn-row{ justify-content:flex-end }
html[dir="rtl"] .strip .btn-row{ justify-content:center }
.legal-note{
  margin:14px 0 22px; padding:11px 14px; border-radius:10px;
  background:rgba(136,216,24,.08); border:1px solid rgba(136,216,24,.35);
  color:#cfe8b0; font-size:13.5px; line-height:1.55;
}