/* Ajustes para celular (menu) */
.jx-menu{display:none;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(14,15,11,.5);color:#F2EFE8;cursor:pointer;padding:0}
.jx-menu svg{display:block}
@media (max-width: 1279px){
  header nav{display:none!important;order:3;width:100%;flex-direction:column;align-items:flex-start!important;gap:0!important;padding:8px 0 14px;font-size:18px!important}
  header nav a{padding:12px 0!important;width:100%;border-bottom:1px solid rgba(255,255,255,.08)}
  html.menu-open header nav{display:flex!important}
  .jx-menu{display:inline-flex}
  header img{height:48px!important}
}
@media (max-width: 420px){
  header nav ~ div > a:not(.jx-conta){padding:0 12px!important;font-size:14px!important}
  .jx-head > div > div:last-child{gap:6px!important}
}
section[id]{scroll-margin-top:110px}

/* botão da conta no cabeçalho (todas as páginas): círculo com ícone de pessoa, igual ao do menu */
.jx-conta{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(14,15,11,.45);color:#F2EFE8;text-decoration:none;transition:border-color .15s,color .15s}
.jx-conta:hover,.jx-conta[aria-current]{border-color:#FF8511;color:#FF8511}
.jx-conta:focus-visible{outline:3px solid #FF8511;outline-offset:2px}
.jx-conta svg{display:block}
.jx-conta span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.jx-conta .jx-c-in{display:none}
html.jx-logado .jx-conta .jx-c-in{display:inline}
html.jx-logado .jx-conta .jx-c-out{display:none}
html.jx-logado .jx-conta{border-color:#FF8511;color:#FF8511}
/* dica ao passar o mouse */
.jx-conta::after{content:"Entrar";position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:5px 10px;border-radius:8px;background:#12130F;border:1px solid #2E3128;color:#F2EFE8;font:600 13px 'Figtree',sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
html.jx-logado .jx-conta::after{content:"Minha conta"}
.jx-conta:hover::after,.jx-conta:focus-visible::after{opacity:1}
@media (max-width: 700px){
  .jx-head > div{column-gap:12px!important}
  .jx-head > div > div:last-child{gap:6px!important}
}
@media (prefers-reduced-motion: reduce){.jx-conta,.jx-conta::after{transition:none}}

/* cabeçalho: um pouco mais justo para caber idioma + conta */
@media (min-width: 1280px){
  header nav{column-gap:18px!important}
  .jx-head > div{column-gap:24px!important}
  .jx-head > div > div:last-child{gap:10px!important}
}
/* seletor de idioma */
.jx-lang{position:relative;flex:0 0 auto}
.jx-lang summary{list-style:none;display:inline-flex;align-items:center;gap:5px;height:46px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(14,15,11,.45);color:#F2EFE8;font:700 14px 'Figtree',sans-serif;letter-spacing:.5px;cursor:pointer;box-sizing:border-box}
.jx-lang summary::-webkit-details-marker{display:none}
.jx-lang summary:hover,.jx-lang[open] summary{border-color:#FF8511;color:#FF8511}
.jx-lang summary:focus-visible{outline:3px solid #FF8511;outline-offset:2px}
.jx-lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;padding:6px;border-radius:14px;background:#12130F;border:1px solid #2E3128;box-shadow:0 16px 40px rgba(0,0,0,.45);display:flex;flex-direction:column;z-index:40}
.jx-lang-menu a{display:block;padding:10px 12px;border-radius:10px;color:#F2EFE8;text-decoration:none;font:600 15px 'Figtree',sans-serif}
.jx-lang-menu a:hover,.jx-lang-menu a:focus-visible{background:#23251E;color:#FF8511;outline:none}
.jx-lang-menu a[aria-current]{color:#FF8511}
.jx-lang-row{display:none}
@media (max-width: 1279px){
  html.menu-open .jx-lang-row{display:flex;gap:8px;flex-wrap:nowrap;order:-1;padding:6px 0 14px;margin-bottom:4px;width:100%;border-bottom:1px solid rgba(255,255,255,.08)}
  .jx-lang-row a{flex:1 1 0;min-width:0;width:auto!important;text-align:center;padding:10px 12px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:999px;color:#F2EFE8!important;text-decoration:none;font-size:15px!important}
  .jx-lang-row a[aria-current]{border-color:#FF8511!important;color:#FF8511!important}
}
@media (max-width: 700px){ .jx-lang{display:none} }
/* dica do botão da conta em cada idioma */
html[lang="en"] .jx-conta::after{content:"Sign in"}
html[lang="en"].jx-logado .jx-conta::after{content:"My account"}
html[lang="es"] .jx-conta::after{content:"Ingresar"}
html[lang="es"].jx-logado .jx-conta::after{content:"Mi cuenta"}
/* o cabeçalho tem um esfumado na borda de baixo; com o menu de idioma aberto ele sai para a lista aparecer inteira */
.jx-head:has(.jx-lang[open]){-webkit-mask-image:none!important;mask-image:none!important}

/* Rodapé: selo "Orgulho de ser mato-grossense" (com efeito ao passar o mouse) e ano editável no painel */
.jx-orgulho{border-top:1px solid #2E3128;padding:14px 16px;text-align:center}
.jx-orgulho-in{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 8px;border-radius:999px;border:1px solid #2E3128;background:rgba(255,255,255,.03);cursor:default;transition:border-color .35s,box-shadow .35s,background .35s,transform .35s}
.jx-mt-flag{flex:0 0 auto;width:34px;height:24px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.15);transform-origin:0 50%;transition:transform .35s}
.jx-mt-star{transform-box:fill-box;transform-origin:center;transition:transform .8s cubic-bezier(.3,1.4,.5,1)}
.jx-orgulho-t{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:15px;letter-spacing:1.2px;text-transform:uppercase;color:#B9B4A8;white-space:nowrap;transition:color .35s,letter-spacing .35s}
.jx-orgulho-in:hover,.jx-orgulho-in:active{border-color:#1E8F3E;background:linear-gradient(90deg,rgba(27,63,143,.35),rgba(30,143,62,.25) 60%,rgba(255,210,31,.18));box-shadow:0 0 0 3px rgba(30,143,62,.15),0 8px 26px rgba(30,143,62,.25);transform:translateY(-2px)}
.jx-orgulho-in:hover .jx-orgulho-t,.jx-orgulho-in:active .jx-orgulho-t{color:#FFD21F;letter-spacing:2px}
.jx-orgulho-in:hover .jx-mt-flag,.jx-orgulho-in:active .jx-mt-flag{animation:jx-tremula 1.1s ease-in-out infinite}
.jx-orgulho-in:hover .jx-mt-star,.jx-orgulho-in:active .jx-mt-star{transform:rotate(144deg) scale(1.25)}
@keyframes jx-tremula{0%,100%{transform:perspective(120px) rotateY(0) skewY(0) scale(1.12)}25%{transform:perspective(120px) rotateY(-14deg) skewY(-3deg) scale(1.12)}75%{transform:perspective(120px) rotateY(10deg) skewY(2deg) scale(1.12)}}
@media (prefers-reduced-motion:reduce){.jx-orgulho-in,.jx-mt-star,.jx-orgulho-t{transition:none}.jx-orgulho-in:hover .jx-mt-flag,.jx-orgulho-in:active .jx-mt-flag{animation:none}}
.jx-ano::after{content:var(--jx-ano," 2026")}
@media (max-width:420px){.jx-orgulho-t{font-size:13px;letter-spacing:.6px;white-space:normal;text-align:left}.jx-orgulho-in{max-width:100%}.jx-orgulho-in:hover .jx-orgulho-t,.jx-orgulho-in:active .jx-orgulho-t{letter-spacing:.9px}}
/* seções claras (alternância claro/escuro): classes que tinham cor escura fixa */
[data-claro] .jx-faq details{border-bottom-color:#E2DCCF}
[data-claro] .jx-faq summary{color:#1A1B16}
[data-claro] .jx-faq summary:hover{color:#B8560A}
[data-claro] .jx-faq summary::after{color:#B8560A}
[data-claro] .jx-faq .jx-a{color:#3A3933}
[data-claro] .jx-toc a{border-color:#C9C2B2;color:#1A1B16}
[data-claro] .jx-toc a:hover{border-color:#B8560A;color:#B8560A}
[data-claro] .jx-doc p,[data-claro] .jx-doc ul{color:#3A3933}
[data-claro] a:hover{color:#8A3F06}
[data-claro] .jx-field{border-color:#C9C2B2;background:#FFFFFF;color:#1A1B16}
[data-claro] .jx-field::placeholder{color:#8F8B80}
/* vídeos curtos: capa em movimento e "Em movimento" na Galeria */
.jx-bgvid{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.jx-bgvid video{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity 1.2s ease}
.jx-bgvid.jx-vid-on video{opacity:1}
@media (max-width:760px){.jx-hero-in{padding-top:min(78vw,320px)!important}}
@media (min-width:761px) and (max-width:1100px){.jx-pk .jx-hero-in{padding-top:min(48vw,400px)!important}}
.jx-clips{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:220px;gap:14px;grid-auto-flow:dense}
.jx-clip-f{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#1B1D17}
.jx-clip-f.jx-alto{grid-row:span 2}
.jx-clip{position:absolute;inset:0}
.jx-clip video{width:100%;height:100%;object-fit:cover;display:block}
.jx-clip-f figcaption{position:absolute;left:12px;bottom:12px;right:12px;width:max-content;max-width:calc(100% - 24px);padding:6px 14px;border-radius:999px;font-size:14px;font-weight:600;color:#F2EFE8;pointer-events:none}
@media (max-width:640px){.jx-clips{grid-auto-rows:200px}}
/* fotos e vídeos protegidos (com protege.js): sem arrastar, selecionar ou "salvar" no toque longo */
img,video,.jx-clip,.jx-bgvid{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.jx-direitos{color:#8F8B80}

/* vídeo ampliado (clique num vídeo da grade) */
.jx-clip[role=button]{cursor:zoom-in}
.jx-clip[role=button]:focus-visible{outline:3px solid #FF8511;outline-offset:-3px;border-radius:18px}
.jx-vbox{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:64px 72px;box-sizing:border-box;background:rgba(8,8,6,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.jx-vbox.jx-vbox-on{display:flex}
.jx-vbox-in{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.jx-vbox video{display:block;max-width:min(1280px,100%);max-height:calc(100vh - 170px);border-radius:16px;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6);-webkit-touch-callout:none}
.jx-vbox-leg{margin:0;color:#F2EFE8;font-weight:600;text-align:center}
.jx-vbox-n{position:absolute;top:24px;left:24px;color:#B9B4A8;font-size:14px;font-weight:600}
.jx-vbox-b{position:absolute;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(14,15,11,.6);color:#F2EFE8;cursor:pointer}
.jx-vbox-b:hover{background:rgba(40,42,34,.9)}
.jx-vbox-x{top:16px;right:16px;width:48px;height:48px}
.jx-vbox-p{left:12px;top:50%;transform:translateY(-50%)}
.jx-vbox-s{right:12px;top:50%;transform:translateY(-50%)}
.jx-vbox-um .jx-vbox-p,.jx-vbox-um .jx-vbox-s{display:none}
html.jx-vbox-trava,html.jx-vbox-trava body{overflow:hidden}
@media(max-width:700px){.jx-vbox{padding:64px 8px 24px}.jx-vbox video{max-height:calc(100vh - 150px);border-radius:12px}.jx-vbox-p,.jx-vbox-s{top:auto;bottom:12px;transform:none;width:46px;height:46px}.jx-vbox-p{left:calc(50% - 56px)}.jx-vbox-s{right:calc(50% - 56px)}.jx-vbox{padding-bottom:76px}}

/* Pacotes, "Garanta sua data": o cartão fica à esquerda e o rosto da onça aparece à direita; no celular a onça fica acima do cartão */
.jx-cta-onca{background-position:50% 58%!important}
@media (max-width:760px){.jx-cta-onca{background-size:100% auto!important;background-position:50% 0!important;background-color:#12130F!important}.jx-cta-onca-in{padding-top:min(96vw,440px)!important;padding-bottom:72px!important}}
@media (min-width:761px) and (max-width:1100px){.jx-cta-onca-in > .jx-glass{max-width:420px!important;padding:36px 30px!important}}