/* JNSOFT - PADRAO UNICO DE BOTOES E CARTOES (carregado por ultimo; vale para o site inteiro)
   Regras: retangular com cantos levemente arredondados (6px), nunca pilula/bolacha.
   Hover: NAO sobe e NAO se move; so um leve brilho (como o toque do dedo na tecla).
   Clique: afunda (desce 2px com sombra interna). Soltar: volta. Foco de teclado visivel. */
:root {
  --jn-blue: #007fff;
  --jn-blue-dark: #0056b3;
  --jn-yellow: #feb900;
  --jn-ink: #364d59;
  --jn-radius: 6px;
  --jn-focus: 0 0 0 3px rgba(0,127,255,.28);
}
.jn-btn { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-height:44px; padding:.72rem 1.15rem; border:1px solid transparent; border-radius:var(--jn-radius); font-weight:700; line-height:1.2; text-decoration:none; cursor:pointer; }
.jn-btn--primary { background:#0064c7; color:#fff; }
.jn-btn--secondary { background:var(--jn-ink); color:#fff; }
.jn-btn--commercial { background:var(--jn-yellow); color:#18212b; }
.jn-btn--outline { background:transparent; color:var(--jn-blue-dark); border-color:currentColor; }
.jn-btn:hover { color:inherit; filter:brightness(1.07) saturate(1.05); box-shadow:var(--jn-focus); text-decoration:none; transform:none !important; }
.jn-btn:active { transform:translateY(2px); box-shadow:inset 0 3px 8px rgba(0,0,0,.22); }
.jn-btn:focus-visible { outline:3px solid rgba(0,127,255,.55); outline-offset:2px; }
.jn-btn:disabled, .jn-btn[aria-disabled="true"] { opacity:.58; cursor:not-allowed; filter:none; box-shadow:none; }

/* ACESSO (area do cliente) em destaque no menu: botao amarelo, diferente dos demais itens */
.navbar > ul > li.jn-nav-cta > a, .header-scrolled .navbar > ul > li.jn-nav-cta > a, body:has(.jn-hero) .navbar > ul > li.jn-nav-cta > a {
  background:#ffc400 !important; color:#101828 !important; font-weight:700 !important; padding:9px 18px !important; border-radius:6px; margin-left:6px;
}
.navbar > ul > li.jn-nav-cta > a:hover { text-decoration:none !important; }

/* Seletor de idioma: compacto, visivel e acessivel, sem alterar o fluxo do menu. */
.jn-language { display:flex; align-items:center; gap:3px; margin-left:8px; }
.jn-language a { display:inline-flex; align-items:center; justify-content:center; min-width:34px; min-height:32px; padding:4px 7px; border:1px solid rgba(255,255,255,.35); border-radius:6px; font-size:.72rem; font-weight:700; line-height:1; }
.jn-language a:hover, .jn-language a:focus-visible { text-decoration:none; background:rgba(255,255,255,.14); }
.jn-language:hover > a { color:inherit !important; background:transparent; }
.jn-language > a:hover, .jn-language > a:focus-visible { color:#fff !important; background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.7); }
.jn-language > a.is-active { color:#101828 !important; background:#ffc400; border-color:#ffc400; box-shadow:inset 0 -2px 0 rgba(0,0,0,.16); }
.header-scrolled .jn-language > a.is-active { color:#101828 !important; }
@media (max-width:991px) { .jn-language { margin:10px 0 8px; justify-content:center; } }