/* HOME-V3 (27/10/2026, aprovada pelo dono) - camada nova do template jota: barra de acoes (todas as paginas),
   abertura com o dragao (funil-inicio.php) e secoes novas da pagina inicial (system/pages/news.php).
   Prototipo e historico: design/prototypes/home-v2/v3. */

:root{
  --v3-noite:#0a1121; --v3-marinho:#101b32; --v3-marinho-2:#15233f; --v3-marinho-3:#1d2f52;
  --v3-ouro:#d4aa43; --v3-ouro-luz:#f1d27d; --v3-ouro-fundo:#8c6a22; --v3-brasa:#f08a3c;
  --v3-vinho:#651c2a; --v3-vinho-2:#8a2836; --v3-perg:#f0e3c3;
  --v3-texto:#ece6d6; --v3-texto-2:#b5b9c4; --v3-texto-3:#7f889c;
  --v3-fio:rgba(212,170,67,.22); --v3-fio-2:rgba(181,185,196,.12);
  --v3-f-titulo:"Cinzel",Georgia,serif; --v3-f-texto:"Signika","Segoe UI",system-ui,sans-serif;
}
:focus-visible{outline:2px solid var(--v3-ouro-luz);outline-offset:3px}

/* ---------- grade: sem a coluna da direita ---------- */
.grid.v3-grid{grid-template-columns:212px minmax(0,1fr)}
@media (min-width:981px){.grid-inicio.v3-grid{grid-template-areas:"nav inicio" "nav main"}}
.grid-inicio>.f2-inicio.v3-inicio{padding:0;background:#0b1322;overflow:hidden}
.v3-grid > .col-content > .content-box > .ph{display:none}
.v3-grid > .col-content > .content-box{overflow:hidden}
.v3-grid > .col-content > .content-box > .pb{padding:0;background:#0b1322}
.v3-grid .col-content .jota-home{background:#0b1322;padding:14px 26px 30px}

/* ---------- botoes ---------- */
.v3-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;font-family:var(--v3-f-titulo);font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:0;text-decoration:none;transition:transform .18s ease,box-shadow .25s ease,filter .2s,background-color .2s}
.v3-btn svg{width:19px;height:19px;flex:none}
.v3-btn-ouro{padding:16px 30px 15px;font-size:16px;color:#24170a!important;overflow:hidden;
  background:linear-gradient(180deg,#fff3c4 0%,#f1d27d 20%,#d4aa43 58%,#a77c25 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.75) inset,0 -2px 0 rgba(90,60,10,.45) inset,0 0 0 1px #6b4d14,0 10px 30px -6px rgba(240,138,60,.55),0 2px 6px rgba(0,0,0,.5)}
.v3-btn-ouro::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);transform:translateX(-120%);transition:transform .7s ease}
.v3-btn-ouro:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.75) inset,0 -2px 0 rgba(90,60,10,.45) inset,0 0 0 1px #6b4d14,0 16px 40px -6px rgba(240,138,60,.75),0 2px 6px rgba(0,0,0,.5)}
.v3-btn-ouro:hover::before{transform:translateX(120%)}
.v3-btn-escuro{padding:14px 22px 13px;font-size:13px;color:var(--v3-perg)!important;background:rgba(16,27,50,.6);backdrop-filter:blur(6px);box-shadow:0 0 0 1px rgba(212,170,67,.45) inset}
.v3-btn-escuro small{font-family:var(--v3-f-texto);font-weight:500;font-size:12px;letter-spacing:0;text-transform:none;color:var(--v3-texto-2)}
.v3-btn-escuro:hover{background:rgba(29,47,82,.85);box-shadow:0 0 0 1px var(--v3-ouro-luz) inset;transform:translateY(-1px)}
.v3-btn-p{padding:11px 18px 10px;font-size:12px}
.v3-link{display:inline-flex;align-items:center;gap:6px;font:600 14.5px/1.3 var(--v3-f-texto);color:var(--v3-ouro-luz)!important;text-decoration:none}
.v3-link::after{content:"→";transition:transform .2s}
a:hover > .v3-link::after,.v3-link:hover::after{transform:translateX(4px)}

/* ---------- barra de acesso: proposta B "barra de acoes" (escolhida pelo dono em 27/10) ---------- */
.v3b{position:relative;display:flex;align-items:center;gap:16px;height:112px;padding:0 18px 0 14px;border-radius:14px;
  background:
    radial-gradient(60% 120% at 50% 120%,rgba(240,138,60,.10),transparent 60%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,#15233f 0%,#0e1830 60%,#0a1224 100%);
  box-shadow:0 0 0 1px #05080f,0 0 0 2px rgba(212,170,67,.55),0 0 0 3px #05080f,inset 0 1px 0 rgba(255,232,170,.12),0 18px 34px -14px #000}
/* orbe */
.v3b-orbe-w{display:flex;align-items:center;gap:12px;flex:none}
.v3b-orbe{position:relative;width:76px;height:76px;border-radius:50%;flex:none;
  background:conic-gradient(from 200deg,#8c6a22,#f6dc8e,#b8892d,#5c4212,#f1d27d,#8c6a22);padding:5px;box-shadow:0 0 0 1px #05080f,0 6px 12px rgba(0,0,0,.7),0 0 18px rgba(95,191,114,.18)}
.v3b-orbe-in{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#1b2c4f,#070d1a 75%);box-shadow:inset 0 0 0 2px #05080f,inset 0 -6px 14px rgba(0,0,0,.7)}
.v3b-liquido{position:absolute;left:0;width:300%;bottom:0;height:62%;animation:v3b-onda 5s linear infinite}
.v3b-liquido svg{position:absolute;left:0;top:-8px;width:100%;height:calc(100% + 8px)}
/* a faixa tem 3 larguras do orbe e anda exatamente 1 (2 ondas): o laco emenda sem deixar borda vazia */
@keyframes v3b-onda{from{transform:translateX(-33.3333%)}to{transform:translateX(0)}}
.v3b-orbe-in::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(60% 40% at 35% 22%,rgba(255,255,255,.45),transparent 70%);pointer-events:none}
.v3b-orbe-num{position:absolute;inset:0;display:grid;place-items:center;z-index:2;font-family:var(--v3-f-titulo);font-weight:900;font-size:22px;color:#fff8e6;text-shadow:0 1px 0 #000,0 0 8px rgba(0,0,0,.9),0 0 2px #000}
.v3b-orbe-txt{display:grid;gap:3px;line-height:1.1}
.v3b-orbe-txt b{font-family:var(--v3-f-titulo);font-weight:800;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--v3-perg)}
.v3b-orbe-txt > span{display:flex;align-items:center;gap:6px;font-size:12px;color:#8fd9a0}
.v3b-orbe-txt > span::before{content:"";width:7px;height:7px;border-radius:50%;background:#5fbf72;box-shadow:0 0 6px #5fbf72}
.v3b-recolher{margin-top:4px;justify-self:start;display:flex;align-items:center;gap:5px;padding:3px 8px;border:0;border-radius:5px;cursor:pointer;font:600 11px var(--v3-f-texto);color:var(--v3-texto-2);background:rgba(255,255,255,.05);box-shadow:0 0 0 1px rgba(212,170,67,.3) inset}
.v3b-recolher:hover{color:var(--v3-ouro-luz);box-shadow:0 0 0 1px var(--v3-ouro) inset}
.v3b-recolher svg{width:11px;height:11px}
/* bandeja dos slots */
.v3b-bandeja{position:relative;display:flex;gap:6px;padding:8px 10px 6px;border-radius:12px;margin:0 auto;
  background:linear-gradient(180deg,#070d1a,#0c1528);box-shadow:inset 0 3px 8px rgba(0,0,0,.8),inset 0 -1px 0 rgba(255,236,180,.1),0 0 0 1px rgba(212,170,67,.35)}
.v3b-it{position:relative;display:grid;justify-items:center;gap:5px;width:84px;text-decoration:none;color:inherit;outline:none}
.v3b-slot{position:relative;width:60px;height:60px;border-radius:10px;display:grid;place-items:center;border:2px solid transparent;overflow:hidden;
  background:radial-gradient(circle at 50% 40%,#22365e,#0d1730 70%) padding-box,linear-gradient(160deg,#f6dc8e,#8c6a22 40%,#4a3510 60%,#c9982f) border-box;
  box-shadow:0 3px 6px rgba(0,0,0,.7),inset 0 0 0 1px rgba(0,0,0,.6),inset 0 -8px 14px rgba(0,0,0,.45);transition:transform .2s ease,box-shadow .25s ease}
/* cantoneiras douradas */
.v3b-slot::before{content:"";position:absolute;inset:3px;border-radius:6px;pointer-events:none;
  background:
    linear-gradient(#f1d27d,#f1d27d) 0 0/9px 1.5px,linear-gradient(#f1d27d,#f1d27d) 0 0/1.5px 9px,
    linear-gradient(#f1d27d,#f1d27d) 100% 0/9px 1.5px,linear-gradient(#f1d27d,#f1d27d) 100% 0/1.5px 9px,
    linear-gradient(#f1d27d,#f1d27d) 0 100%/9px 1.5px,linear-gradient(#f1d27d,#f1d27d) 0 100%/1.5px 9px,
    linear-gradient(#f1d27d,#f1d27d) 100% 100%/9px 1.5px,linear-gradient(#f1d27d,#f1d27d) 100% 100%/1.5px 9px;
  background-repeat:no-repeat;opacity:.55;transition:opacity .25s}
.v3b-slot::after{content:"";position:absolute;inset:-40%;pointer-events:none;background:linear-gradient(120deg,transparent 40%,rgba(255,240,200,.45) 50%,transparent 60%);transform:translateX(-70%);transition:transform .6s ease}
.v3b-slot .ico{width:36px;height:36px;position:relative;z-index:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.8));transition:transform .25s ease,filter .25s ease}
.v3b-rot{font-family:var(--v3-f-titulo);font-weight:700;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#bdb6a2;transition:color .2s;white-space:nowrap}
.v3b-it:hover .v3b-slot,.v3b-it.x-nao .v3b-slot,.v3b-it:focus-visible .v3b-slot{transform:translateY(-3px);box-shadow:0 8px 14px rgba(0,0,0,.7),0 0 16px rgba(241,190,90,.35),inset 0 0 18px rgba(241,210,125,.35)}
.v3b-it:hover .v3b-slot::before,.v3b-it.x-nao .v3b-slot::before{opacity:1}
.v3b-it:hover .v3b-slot::after,.v3b-it.x-nao .v3b-slot::after{transform:translateX(70%)}
.v3b-it:hover .ico,.v3b-it.x-nao .ico,.v3b-it:focus-visible .ico{transform:scale(1.12);filter:drop-shadow(0 0 8px rgba(255,200,90,.85)) drop-shadow(0 2px 2px #000)}
.v3b-it:hover .v3b-rot,.v3b-it.x-nao .v3b-rot,.v3b-it:focus-visible .v3b-rot{color:var(--v3-ouro-luz)}
.v3b-it:active .v3b-slot{transform:translateY(0) scale(.96)}
/* ativo: moldura carmesim pulsando e gema no canto (como habilidade equipada) */
.v3b-it[aria-current="page"] .v3b-slot{background:radial-gradient(circle at 50% 40%,#5a1a2a,#22101a 75%) padding-box,linear-gradient(160deg,#fff0bf,#d4aa43 35%,#a8313e 65%,#f1d27d) border-box;animation:v3b-ativo 2.6s ease-in-out infinite}
@keyframes v3b-ativo{50%{box-shadow:0 3px 6px rgba(0,0,0,.7),0 0 18px rgba(208,72,90,.55),inset 0 0 16px rgba(255,120,120,.35)}}
.v3b-it[aria-current="page"] .v3b-slot::before{opacity:1}
.v3b-it[aria-current="page"] .v3b-rot{color:var(--v3-perg)}
.v3b-gema{position:absolute;right:9px;top:-3px;z-index:3;width:10px;height:10px;transform:rotate(45deg);background:linear-gradient(135deg,#ff8a9a,#a8313e 55%,#5d141c);box-shadow:0 0 0 1.5px #f1d27d,0 0 8px rgba(208,72,90,.8)}
/* tooltip de jogo */
.v3b-tip{position:absolute;top:calc(100% + 12px);left:50%;z-index:20;width:230px;margin-left:-115px;padding:10px 12px 11px;border-radius:6px;text-align:left;pointer-events:none;
  background:linear-gradient(180deg,rgba(16,27,50,.98),rgba(8,13,26,.98));box-shadow:0 0 0 1px #05080f,0 0 0 2px rgba(212,170,67,.6),0 14px 30px rgba(0,0,0,.7);
  opacity:0;transform:translateY(-4px);transition:opacity .18s ease .12s,transform .18s ease .12s}
.v3b-tip::before{content:"";position:absolute;left:50%;top:-7px;width:12px;height:12px;margin-left:-6px;transform:rotate(45deg);background:#101b32;box-shadow:-1px -1px 0 1px rgba(212,170,67,.6)}
.v3b-tip b{display:block;font-family:var(--v3-f-titulo);font-weight:800;font-size:13px;letter-spacing:.06em;color:var(--v3-ouro-luz)}
.v3b-tip span{display:block;margin-top:3px;font-size:12.5px;line-height:1.4;color:var(--v3-texto-2)}
.v3b-tip em{display:block;margin-top:6px;font-style:normal;font-size:11.5px;color:#8fd9a0}
.v3b-it:hover .v3b-tip,.v3b-it:focus-visible .v3b-tip,.v3b-it.x-nao .v3b-tip{opacity:1;transform:none}
/* busca + entrar como slots menores */
.v3b-acoes{display:flex;align-items:center;gap:12px;flex:none}
.v3b-busca{position:relative;width:52px;height:52px}
.v3b-busca .ico{position:absolute;right:11px;top:50%;width:30px;height:30px;transform:translateY(-50%);z-index:4;pointer-events:none}
.v3b-busca input{position:absolute;right:0;top:0;width:52px;height:52px;border:2px solid transparent;border-radius:10px;cursor:pointer;z-index:3;padding:0;color:var(--v3-texto);font:14px var(--v3-f-texto);
  background:radial-gradient(circle at 50% 40%,#22365e,#0d1730 70%) padding-box,linear-gradient(160deg,#f6dc8e,#8c6a22 40%,#4a3510 60%,#c9982f) border-box;box-shadow:0 3px 6px rgba(0,0,0,.7);transition:width .3s ease,padding .3s,box-shadow .2s}
.v3b-busca input::placeholder{color:transparent}
.v3b-busca:hover input{box-shadow:0 3px 6px rgba(0,0,0,.7),0 0 14px rgba(241,190,90,.35)}
.v3b-busca input:focus,.v3b-busca input:not(:placeholder-shown){width:270px;padding:0 48px 0 16px;cursor:text;outline:none;background:#070c18 padding-box,linear-gradient(160deg,#f6dc8e,#c9982f) border-box}
.v3b-busca input:focus::placeholder{color:var(--v3-texto-3)}
.v3b-entrar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;text-decoration:none;font-family:var(--v3-f-titulo);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--v3-texto-2);transition:color .2s,background-color .2s}
.v3b-entrar .ico{width:24px;height:24px}
.v3b-entrar:hover{color:var(--v3-perg);background:rgba(241,210,125,.08)}
/* botao "ultimate": Jogar gratis */
.v3b-jogar{position:relative;display:flex;align-items:center;gap:12px;height:66px;padding:0 24px 0 10px;border-radius:12px;text-decoration:none;overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,#fff3c4 0%,#f1d27d 18%,#d4aa43 55%,#9b6f20 100%);box-shadow:0 0 0 1px #05080f,0 0 0 3px #5c4212,0 0 0 4px #05080f,inset 0 1px 0 rgba(255,255,255,.8),inset 0 -3px 0 rgba(90,60,10,.5),0 0 26px rgba(240,138,60,.5);
  animation:v3b-ult 3s ease-in-out infinite;transition:transform .2s}
@keyframes v3b-ult{50%{box-shadow:0 0 0 1px #05080f,0 0 0 3px #8c6a22,0 0 0 4px #05080f,inset 0 1px 0 rgba(255,255,255,.8),inset 0 -3px 0 rgba(90,60,10,.5),0 0 40px rgba(240,138,60,.85)}}
.v3b-jogar::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s}
.v3b-jogar:hover{transform:translateY(-2px)}
.v3b-jogar:hover::after{transform:translateX(120%)}
.v3b-jogar-ic{width:46px;height:46px;border-radius:9px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#5a1a2a,#22101a 75%);box-shadow:0 0 0 2px #5c4212,inset 0 0 12px rgba(240,138,60,.55)}
.v3b-jogar-ic .ico{width:30px;height:30px;filter:drop-shadow(0 0 6px rgba(255,170,80,.8))}
.v3b-jogar-t{display:grid;line-height:1.05}
.v3b-jogar-t b{font-family:var(--v3-f-titulo);font-weight:900;font-size:16px;letter-spacing:.1em;text-transform:uppercase;color:#24170a}
.v3b-jogar-t small{font:600 11px var(--v3-f-texto);color:#5a3d0e}

/* integracao na pagina: margem do site, tooltip por cima do conteudo, botao real de recolher menus */
.v3b{z-index:30;margin-bottom:var(--gap,14px)}
.v3b-it,.v3b-jogar{color:inherit}
.v3b{font-family:var(--v3-f-texto)}
.v3b-orbe-txt b{max-width:118px}
.v3b .jnav-all{margin-top:4px;justify-self:start;display:flex;align-items:center;gap:5px;padding:3px 8px;border:0;border-radius:5px;cursor:pointer;font:600 11px var(--v3-f-texto);color:var(--v3-texto-2);background:rgba(255,255,255,.05);box-shadow:0 0 0 1px rgba(212,170,67,.3) inset}
.v3b .jnav-all:hover{color:var(--v3-ouro-luz);box-shadow:0 0 0 1px var(--v3-ouro) inset}
.v3b .jnav-all svg{width:11px;height:11px;transform:rotate(-90deg);transition:transform .2s}
.v3b .jnav-all .jnav-all-expand{display:none}
html[data-jnav-all="closed"] .v3b .jnav-all .jnav-all-collapse{display:none}
html[data-jnav-all="closed"] .v3b .jnav-all .jnav-all-expand{display:inline}
html[data-jnav-all="closed"] .v3b .jnav-all svg{transform:rotate(90deg)}
@media (max-width:1180px){
  .v3b{flex-wrap:wrap;height:auto;padding:12px 16px 14px;row-gap:12px}
  .v3b-acoes{margin-left:auto}
  .v3b-bandeja{order:5;margin:0 auto}
}
@media (prefers-reduced-motion:reduce){.v3b-liquido,.v3b-it[aria-current="page"] .v3b-slot,.v3b-jogar{animation:none!important}.v3b-slot,.v3b-slot::after,.v3b-tip,.v3b-jogar::after{transition:none!important}}

/* ---------- hero: o dragao e o protagonista ---------- */
.v3-hero{position:relative;overflow:hidden;isolation:isolate;min-height:540px;display:flex;align-items:center;font-family:var(--v3-f-texto);
  background:radial-gradient(60% 90% at 80% 40%,#2a1d2a 0%,transparent 60%),radial-gradient(60% 80% at 10% 10%,#16264a 0%,transparent 70%),linear-gradient(180deg,#0d1730 0%,var(--v3-noite) 100%)}
.v3-hero-arte{position:absolute;z-index:-2;top:0;right:0;height:100%;width:72%;background:url("../images/v3/arte-hero.jpg") 0 0/auto 100% no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 16%,#000 40%),linear-gradient(180deg,#000 66%,transparent 99%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 16%,#000 40%),linear-gradient(180deg,#000 66%,transparent 99%);mask-composite:intersect;
  animation:v3-respira 18s ease-in-out infinite alternate;transform-origin:70% 30%}
@keyframes v3-respira{from{transform:scale(1)}to{transform:scale(1.045)}}
.v3-hero-movel{display:none}
.v3-hero-luz{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(26% 34% at 72% 46%,rgba(240,138,60,.22),transparent 70%),linear-gradient(90deg,rgba(10,17,33,.6) 0%,rgba(10,17,33,.25) 38%,transparent 55%)}
.v3-brasas{position:absolute;inset:0;z-index:-1;pointer-events:none;width:100%;height:100%}
.v3-hero-texto{position:relative;display:grid;gap:20px;justify-items:start;max-width:660px;padding:52px 44px}
.v3-assinatura{margin:0;display:flex;align-items:center;gap:14px;font-family:var(--v3-f-titulo);font-weight:700;font-size:11.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--v3-ouro-luz)}
.v3-assinatura::before{content:"";width:36px;height:1px;background:linear-gradient(90deg,transparent,var(--v3-ouro))}
.v3-hero h1{margin:0;font-family:var(--v3-f-titulo);font-weight:900;font-size:clamp(30px,2.6vw,38px);line-height:1.08;letter-spacing:-.005em;text-transform:uppercase;text-wrap:balance;color:var(--v3-perg);text-shadow:0 4px 24px rgba(0,0,0,.6)}
.v3-hero h1 span{display:block;background:linear-gradient(180deg,#fff5d2 0%,#f1d27d 40%,#d4aa43 70%,#9a7224 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 4px 18px rgba(240,138,60,.35))}
.v3-hero-sub{margin:0;max-width:33em;font-size:17px;line-height:1.5;color:var(--v3-texto);text-shadow:0 1px 10px rgba(0,0,0,.6)}
.v3-hero-sub b{color:var(--v3-ouro-luz);font-weight:600}
.v3-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.v3-sinais{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:auto auto;gap:6px 20px;font-size:14px;color:var(--v3-texto-2)}
.v3-sinais li{display:flex;align-items:center;gap:7px}
.v3-sinais svg{width:15px;height:15px;color:var(--v3-ouro);flex:none}
/* link discreto para a secao com a captura real */
.v3-ver-jogo{display:inline-flex;align-items:center;gap:8px;margin-top:2px;padding:4px 0;font-size:14px;font-weight:500;color:var(--v3-texto-2)!important;text-decoration:none;border-bottom:1px dashed rgba(212,170,67,.45);transition:color .2s,border-color .2s}
.v3-ver-jogo svg{width:17px;height:17px;color:var(--v3-ouro)}
.v3-ver-jogo::after{content:"↓";font-size:13px;color:var(--v3-ouro);transition:transform .2s}
.v3-ver-jogo:hover{color:var(--v3-ouro-luz)!important;border-bottom-color:var(--v3-ouro-luz)}
.v3-ver-jogo:hover::after{transform:translateY(2px)}
.v3-entra{animation:v3-entra .8s cubic-bezier(.2,.7,.2,1) both}
.v3-entra.d1{animation-delay:.08s}.v3-entra.d2{animation-delay:.18s}.v3-entra.d3{animation-delay:.3s}.v3-entra.d4{animation-delay:.42s}.v3-entra.d5{animation-delay:.6s}
@keyframes v3-entra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* passos */
.v3-passos{list-style:none;margin:0;padding:18px 44px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:linear-gradient(180deg,#14223f,#101b32);border-top:1px solid var(--v3-fio);border-bottom:1px solid var(--v3-fio-2);font-family:var(--v3-f-texto)}
.v3-passos li{display:flex;gap:12px;align-items:flex-start}
.v3-passos .n{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--v3-f-titulo);font-weight:800;font-size:14px;color:#24170a;background:radial-gradient(circle at 35% 30%,#fff1c0,#d4aa43 60%,#8c6a22)}
.v3-passos b{display:block;font-weight:600;font-size:15.5px;color:var(--v3-perg)}
.v3-passos span{font-size:13.5px;color:var(--v3-texto-2)}

/* ---------- secoes novas (dentro do main.content de hoje) ---------- */
.v3-sec{font-family:var(--v3-f-texto);color:var(--v3-texto)}
.v3-sec-primeira{padding-top:26px;scroll-margin-top:16px}
.v3-cab{display:grid;gap:8px;margin-bottom:26px;max-width:680px}
.v3-cab.v3-centro{margin-inline:auto;text-align:center;justify-items:center}
.v3-sobre{margin:0;font-family:var(--v3-f-titulo);font-weight:700;font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--v3-ouro)}
.v3-cab h2{margin:0;font-family:var(--v3-f-titulo);font-weight:800;font-size:clamp(26px,2.6vw,36px);line-height:1.12;color:var(--v3-perg);text-wrap:balance;letter-spacing:.01em}
.v3-cab p{margin:0;font-size:16.5px;color:var(--v3-texto-2);max-width:62ch}
.v3-rot{font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--v3-texto-3)}
.v3-detalhe{font-size:14px;color:var(--v3-texto-2)}

/* hoje em jotara */
.v3-hoje{display:grid;grid-template-columns:1.5fr 1fr;gap:2px;border-radius:14px;overflow:hidden;background:var(--v3-fio-2)}
.v3-hoje > *{background:linear-gradient(180deg,#121f3b,#0e1830);padding:26px;display:grid;gap:10px;align-content:start;text-decoration:none;min-width:0}
.v3-hoje-boss{background:radial-gradient(90% 120% at 100% 0%,rgba(138,40,54,.35),transparent 60%),linear-gradient(180deg,#121f3b,#0e1830)!important}
.v3-boss-nome{font-family:var(--v3-f-titulo);font-weight:800;font-size:24px;line-height:1.15;color:var(--v3-perg)}
.v3-contagem{display:flex;gap:10px;margin:4px 0;font-variant-numeric:tabular-nums}
.v3-contagem div{min-width:72px;padding:8px 10px;border-radius:8px;background:rgba(101,28,42,.35);box-shadow:0 0 0 1px rgba(138,40,54,.6) inset;text-align:center}
.v3-contagem b{display:block;font-family:var(--v3-f-titulo);font-weight:800;font-size:28px;line-height:1.1;color:var(--v3-ouro-luz)}
.v3-contagem small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--v3-texto-2)}
.v3-hoje-imp{transition:filter .2s}
.v3-hoje-imp:hover{filter:brightness(1.12)}
.v3-hoje-imp img{width:80px;height:80px;image-rendering:pixelated;border-radius:12px;padding:6px;background:radial-gradient(circle,#2a3f6a,#121f3b 70%);box-shadow:0 0 0 1px var(--v3-fio) inset}
.v3-bonus{justify-self:start;padding:2px 10px;border-radius:999px;font-weight:700;font-size:13px;color:#24170a;background:var(--v3-ouro-luz)}

/* galeria "Veja Jotara antes de entrar" (FOTO01): capitulos, palco com setas e ampliacao, legenda, miniaturas */
.v3-galeria{display:grid;gap:14px}
.v3-capitulos{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;counter-reset:cap}
.v3-capitulos::-webkit-scrollbar{display:none}
.v3-capitulos a{flex:1 0 auto;display:flex;align-items:center;gap:9px;padding:8px 14px 8px 8px;border-radius:999px;text-decoration:none;font:600 14px var(--v3-f-texto);color:var(--v3-texto-2);background:rgba(255,255,255,.03);box-shadow:0 0 0 1px var(--v3-fio-2) inset;transition:color .2s,box-shadow .2s,background .2s;white-space:nowrap}
.v3-capitulos a b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font:800 12px var(--v3-f-titulo);color:var(--v3-ouro-luz);background:rgba(212,170,67,.12);box-shadow:0 0 0 1px var(--v3-fio) inset}
.v3-capitulos a:hover{color:var(--v3-perg)}
.v3-capitulos a[aria-current="true"]{color:var(--v3-perg);background:rgba(212,170,67,.1);box-shadow:0 0 0 1px var(--v3-ouro) inset}
.v3-capitulos a[aria-current="true"] b{color:#24170a;background:linear-gradient(180deg,#f1d27d,#c99a35)}
.v3-palco{margin:0;border-radius:14px;overflow:hidden;background:#05080f;box-shadow:0 0 0 1px var(--v3-fio),0 30px 60px -20px rgba(0,0,0,.7)}
.v3-palco-quadro{position:relative;aspect-ratio:16/9;background:#000}
.v3-palco-foto{position:absolute;inset:0;display:block;cursor:zoom-in}
.v3-palco-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .28s ease}
.v3-palco-foto.trocando img{opacity:.15}
.v3-selo-real{position:absolute;left:14px;top:14px;z-index:2;display:flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(5,8,15,.78);font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--v3-perg);box-shadow:0 0 0 1px var(--v3-fio) inset;pointer-events:none}
.v3-selo-real i{width:7px;height:7px;border-radius:50%;background:#e2483d}
.v3-gal-seta,.v3-gal-lupa,.v3-lupa-fechar{position:absolute;z-index:2;display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;cursor:pointer;color:var(--v3-ouro-luz);background:rgba(5,8,15,.72);box-shadow:0 0 0 1px var(--v3-fio) inset,0 6px 18px rgba(0,0,0,.45);transition:background .2s,transform .2s}
.v3-gal-seta svg,.v3-gal-lupa svg,.v3-lupa-fechar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.v3-gal-seta{top:50%;margin-top:-23px}
.v3-gal-ant{left:12px}.v3-gal-prox{right:12px}
.v3-gal-lupa{right:12px;top:12px;width:40px;height:40px}
.v3-gal-seta:hover,.v3-gal-lupa:hover,.v3-lupa-fechar:hover{background:rgba(140,106,34,.9);color:#fff}
.v3-palco-leg{display:grid;gap:4px;padding:16px 20px 18px;min-height:112px;border-top:1px solid var(--v3-fio-2);background:linear-gradient(180deg,#0e182c,#0a1121)}
.v3-gal-cap{font:700 11.5px var(--v3-f-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--v3-ouro)}
.v3-palco-leg h3{margin:0;font-family:var(--v3-f-titulo);font-weight:800;font-size:21px;line-height:1.2;color:var(--v3-perg)}
.v3-palco-leg p{margin:0;max-width:72ch;color:var(--v3-texto-2);font-size:15.5px;line-height:1.5}
.v3-miniaturas{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(118px,1fr);gap:8px;margin:0;padding:2px 2px 8px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--v3-ouro-fundo) transparent}
.v3-miniaturas li{margin:0;padding:0;scroll-snap-align:start}
.v3-mini{position:relative;display:block;border-radius:8px;overflow:hidden;aspect-ratio:16/9;background:#000;box-shadow:0 0 0 1px var(--v3-fio-2);transition:box-shadow .2s,transform .2s;text-decoration:none}
.v3-mini img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .2s}
.v3-mini span{position:absolute;left:0;right:0;bottom:0;padding:14px 7px 4px;font:600 12px var(--v3-f-texto);color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v3-mini:hover img,.v3-mini[aria-current="true"] img{opacity:1}
.v3-mini[aria-current="true"]{box-shadow:0 0 0 2px var(--v3-ouro)}
.v3-mini:hover{transform:translateY(-2px)}
/* ampliacao */
.v3-lupa{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:rgba(3,6,12,.96);color:var(--v3-texto)}
.v3-lupa::backdrop{background:rgba(3,6,12,.92)}
.v3-lupa[open]{display:grid;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:10px;padding:18px 16px 16px;box-sizing:border-box}
.v3-lupa-quadro{position:relative;max-width:min(96vw,1600px);max-height:100%}
.v3-lupa-quadro img{display:block;max-width:min(96vw,1600px);max-height:calc(100dvh - 120px);width:auto;height:auto;border-radius:8px;box-shadow:0 0 0 1px var(--v3-fio)}
.v3-lupa-fechar{right:10px;top:10px}
.v3-lupa-leg{margin:0;max-width:900px;text-align:center;font-size:15px;color:var(--v3-texto-2)}
.v3-lupa-leg .v3-gal-cap{display:block;margin-bottom:2px}
.v3-lupa-leg b{color:var(--v3-perg);font-family:var(--v3-f-titulo)}

/* por que jogar */
.v3-historia{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);border-radius:16px;overflow:hidden;margin-bottom:16px;
  background:radial-gradient(70% 140% at 0% 50%,rgba(138,40,54,.55),transparent 70%),linear-gradient(120deg,#2a1220,#14223f 55%,#101b32);box-shadow:0 0 0 1px var(--v3-fio) inset}
.v3-historia-ano{display:grid;place-content:center;justify-items:center;gap:2px;padding:30px;border-right:1px solid var(--v3-fio-2)}
.v3-historia-ano small{font-family:var(--v3-f-titulo);font-weight:700;font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--v3-ouro)}
.v3-historia-ano b{font-family:var(--v3-f-titulo);font-weight:900;font-size:64px;line-height:1;background:linear-gradient(180deg,#fff5d2,#f1d27d 45%,#b88a2c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 16px rgba(240,138,60,.3))}
.v3-historia-corpo{padding:30px 34px;display:grid;gap:10px}
.v3-historia-corpo h3{margin:0;font-family:var(--v3-f-titulo);font-weight:800;font-size:22px;color:var(--v3-perg);letter-spacing:.04em}
.v3-historia-corpo p{margin:0;color:var(--v3-texto-2);font-size:15.5px;max-width:68ch}
.v3-historia-corpo p b{color:var(--v3-perg);font-weight:600}
.v3-lead{color:var(--v3-texto)!important;font-weight:500}
.v3-historia blockquote{margin:6px 0;padding:4px 0 4px 16px;border-left:2px solid var(--v3-ouro);font-size:17px;font-style:italic;color:var(--v3-texto)}
.v3-historia blockquote b{display:block;font-style:normal;color:var(--v3-ouro-luz);font-weight:600}
.v3-historia-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.v3-motivos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.v3-motivo{display:grid;gap:8px;align-content:start;padding:24px;border-radius:14px;text-decoration:none!important;background:linear-gradient(180deg,#14223f,#0f1a31);box-shadow:0 0 0 1px var(--v3-fio-2);transition:box-shadow .25s,transform .25s,background-color .25s}
.v3-motivo:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--v3-fio),0 24px 50px -20px rgba(0,0,0,.7)}
.v3-motivo .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:4px;background:linear-gradient(160deg,rgba(212,170,67,.22),rgba(101,28,42,.3));box-shadow:0 0 0 1px var(--v3-fio) inset}
.v3-motivo .ic svg{width:23px;height:23px;color:var(--v3-ouro-luz)}
.v3-motivo h3{margin:0;font-family:var(--v3-f-titulo);font-weight:800;font-size:17px;letter-spacing:.03em;color:var(--v3-perg)}
.v3-motivo p{margin:0;font-size:15px;color:var(--v3-texto-2)}
.v3-motivo .v3-link{margin-top:6px}

/* novidades */
.v3-nov{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:stretch}
.v3-destaque{display:grid;grid-template-rows:auto 1fr;border-radius:14px;overflow:hidden;text-decoration:none!important;background:linear-gradient(180deg,#14223f,#0f1a31);box-shadow:0 0 0 1px var(--v3-fio-2);transition:box-shadow .25s,transform .25s}
.v3-destaque:hover{box-shadow:0 0 0 1px var(--v3-fio),0 24px 50px -20px rgba(0,0,0,.7);transform:translateY(-2px)}
.v3-destaque-img{aspect-ratio:16/7;max-width:100%;background-size:cover;background-position:center 35%}
.v3-destaque-corpo{padding:20px 24px 24px;display:grid;gap:9px;align-content:start}
.v3-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--v3-texto-3)}
.v3-tag{display:inline-flex;padding:3px 9px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.v3-tag.noticia{background:rgba(212,170,67,.16);color:var(--v3-ouro-luz)}
.v3-tag.novidade{background:rgba(240,138,60,.16);color:#ffc08f}
.v3-tag.balanceamento{background:rgba(160,110,220,.16);color:#d6b8f5}
.v3-tag.easybot{background:rgba(80,150,230,.16);color:#a9cdf7}
.v3-tag.presente{background:rgba(95,191,114,.16);color:#a9e2b4}
.v3-destaque h3{margin:0;font-family:var(--v3-f-titulo);font-weight:800;font-size:24px;color:var(--v3-perg)}
.v3-destaque p{margin:0;color:var(--v3-texto-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.v3-secundarias{display:grid;align-content:start;gap:2px;border-radius:14px;background:linear-gradient(180deg,#121f3b,#0e1830);box-shadow:0 0 0 1px var(--v3-fio-2);padding:8px}
.v3-secundarias a{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px 14px;border-radius:8px;text-decoration:none!important;transition:background-color .2s}
.v3-secundarias a:hover{background:rgba(241,210,125,.06)}
.v3-secundarias a b{font-weight:600;font-size:15px;color:var(--v3-perg)}
.v3-secundarias a::after{content:"›";grid-row:1/3;grid-column:2;align-self:center;font-size:22px;color:var(--v3-ouro)}
.v3-vazio{padding:20px 14px;display:grid;gap:8px;color:var(--v3-texto-2);font-size:15px}
.v3-vazio b{color:var(--v3-perg);font-weight:600}

/* convite final */
.v3-final{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;padding:64px 24px;text-align:center;font-family:var(--v3-f-texto)}
.v3-final::before{content:"";position:absolute;inset:0;z-index:-2;background:url("../images/v3/arte-faixa.jpg") center 30%/cover no-repeat}
.v3-final::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,17,33,.55),rgba(10,17,33,.72))}
.v3-final h2{margin:0 0 10px;font-family:var(--v3-f-titulo);font-weight:900;font-size:clamp(28px,3.2vw,44px);text-transform:uppercase;color:var(--v3-perg);text-shadow:0 4px 24px rgba(0,0,0,.7)}
.v3-final p{margin:0 auto 22px;font-size:17px;color:var(--v3-texto)}
.v3-final .v3-ctas{justify-content:center}

/* espacamento entre as secoes de hoje e as novas dentro do main.content */
.v3-grid .jota-home .content > section + section,.v3-grid .jota-home .content > section + .v3-sec,.v3-grid .jota-home .content > .v3-sec + section{margin-top:64px}

/* ---------- PC menor: a barra vira duas linhas (acoes em cima, links embaixo) ---------- */
@media (max-width:1180px){
}
@media (max-width:1100px){
  .v3-hero-arte{width:76%}
  .v3-hero-texto{max-width:500px;padding:44px 34px}
  .v3-hero-sub{font-size:16px}
  .v3-nov{grid-template-columns:1fr}
}
/* ---------- tablet/celular: o site empilha a grade; o conteudo vem antes do menu ---------- */
@media (max-width:980px){
  .v3-grid > .f2-inicio{order:1}.v3-grid > .col-content{order:2}.v3-grid > .col-nav{order:3}
  .v3-hero{min-height:480px}
  .v3-hero-arte{width:100%;background-position:62% 0;opacity:.7}
  .v3-hero-luz{background:linear-gradient(90deg,rgba(10,17,33,.75) 0%,rgba(10,17,33,.35) 55%,transparent 100%)}
  .v3-hero-texto{padding:44px 32px}
  .v3-passos{grid-template-columns:1fr;gap:12px;padding:16px 32px}
  .v3-historia{grid-template-columns:1fr}
  .v3-historia-ano{grid-auto-flow:column;align-items:baseline;gap:12px;padding:20px 28px 0;border-right:0}
  .v3-historia-ano b{font-size:46px}
  .v3-historia-corpo{padding:16px 28px 28px}
}
@media (max-width:760px){
  .v3-motivos{grid-template-columns:1fr}
  .v3-hoje{grid-template-columns:1fr}
}
@media (max-width:640px){
  .v3-grid .col-content .jota-home{padding:10px 14px 24px}
  /* hero com composicao propria: arte enquadrada no dragao em cima, texto e Jogar logo abaixo */
  .v3-hero{display:block;min-height:0;background:var(--v3-noite)}
  .v3-hero-arte,.v3-hero-luz{display:none}
  .v3-hero-movel{display:block;position:relative;height:clamp(190px,52vw,260px);background:url("../images/v3/arte-hero-movel.jpg") 55% 30%/cover no-repeat}
  .v3-hero-movel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,17,33,.35) 0%,transparent 30%,transparent 55%,var(--v3-noite) 100%)}
  .v3-hero-texto{margin-top:-40px;padding:0 18px 26px;gap:15px;max-width:none}
  .v3-assinatura{font-size:10.5px;letter-spacing:.24em}
  .v3-hero h1{font-size:clamp(25px,7.4vw,30px)}
  .v3-hero-sub{font-size:15.5px}
  .v3-ctas{display:grid;width:100%;gap:10px}
  .v3-ctas .v3-btn{width:100%}
  .v3-sinais{grid-template-columns:1fr 1fr;gap:6px 10px;font-size:13px}
  .v3-passos{padding:14px 18px}
  .v3-sec-primeira{padding-top:20px}
  .v3-cab h2{font-size:24px}
  .v3-cab p{font-size:15.5px}
  .v3-capitulos{margin-inline:-14px;padding-inline:14px}
  .v3-capitulos a{flex:0 0 auto;font-size:13px;padding:6px 12px 6px 6px}
  .v3-palco{border-radius:10px}
  .v3-gal-seta{width:40px;height:40px;margin-top:-20px}
  .v3-gal-ant{left:8px}.v3-gal-prox{right:8px}
  .v3-gal-lupa{display:none}
  .v3-palco-leg{padding:12px 14px 14px;min-height:0}
  .v3-palco-leg h3{font-size:18px}
  .v3-palco-leg p{font-size:14.5px}
  .v3-miniaturas{grid-auto-columns:38%;margin-inline:-14px;padding-inline:14px}
  .v3-lupa[open]{padding:10px 0}
  .v3-lupa-quadro img{border-radius:0;max-width:100vw}
  .v3-hoje > *{padding:20px}
  .v3-contagem div{min-width:0;flex:1}
  .v3-historia-ano{padding:18px 20px 0}
  .v3-historia-corpo{padding:12px 20px 22px}
  .v3-motivo{padding:20px}
  .v3-destaque-corpo{padding:16px 18px 20px}
  .v3-final{padding:44px 16px}
  .v3-grid .jota-home .content > section + section,.v3-grid .jota-home .content > section + .v3-sec,.v3-grid .jota-home .content > .v3-sec + section{margin-top:44px}
}
@media (max-width:420px){
}
@media (prefers-reduced-motion:reduce){
  .v3-entra,.v3-hero-arte,.v3-gema{animation:none!important}
  .v3-btn,.v3-btn::before,.v3-palco img,.v3-mini,.v3-mini img,.v3-motivo,.v3-topo-links a,.v3-topo-links a::after,.v3-topo-links .ic,.v3-busca input{transition:none!important}
  .v3-brasas{display:none}
}

/* ---------- precedencia sobre as regras genericas do .content-box (jota.css: h1-h3 azuis, botao dourado, link azul) ---------- */
.content-box .v3-hero h1{margin:0;display:block;letter-spacing:-.005em;font-weight:900;color:var(--v3-perg)}
.content-box .pb .v3-cab h2{margin:0;font-weight:800;letter-spacing:.01em;color:var(--v3-perg)}
.content-box .pb .v3-palco-leg h3,.content-box .pb .v3-destaque h3,.content-box .pb .v3-historia-corpo h3,.content-box .pb .v3-motivo h3{margin:0;font-weight:800;color:var(--v3-perg)}
.content-box .pb .v3-final h2{margin:0 0 10px;font-weight:900;color:var(--v3-perg)}
.content-box .pb .v3-gal-seta,.content-box .pb .v3-gal-lupa,.content-box .pb .v3-lupa-fechar{padding:0;border:0;border-radius:50%;font:inherit;text-transform:none;letter-spacing:0;color:var(--v3-ouro-luz);background:rgba(5,8,15,.72);box-shadow:0 0 0 1px var(--v3-fio) inset,0 6px 18px rgba(0,0,0,.45)}
.content-box .pb .v3-gal-seta:hover,.content-box .pb .v3-gal-lupa:hover,.content-box .pb .v3-lupa-fechar:hover{background:rgba(140,106,34,.9);color:#fff}
.content-box .pb .v3-capitulos a{color:var(--v3-texto-2)}
.content-box .pb .v3-capitulos a[aria-current="true"],.content-box .pb .v3-capitulos a:hover{color:var(--v3-perg)}
.content-box .pb .v3-sec a{color:inherit}
.content-box .pb .v3-hoje-imp img{height:80px}

/* ---------- conquistas + agenda lado a lado (um titulo so; o feed de hoje fica intacto) ---------- */
.v3-reino .v3-cab{margin-bottom:22px}
.v3-reino-grade{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:18px;align-items:stretch}
.v3-reino-grade > section{margin:0!important;display:flex;flex-direction:column;min-width:0}
.v3-reino-grade .section-head,.v3-reino-grade .v3-cab{display:none}
.v3-reino-grade > section > :last-child{flex:1}
.v3-reino .v3-hoje{grid-template-columns:1fr;height:100%;grid-template-rows:auto 1fr}
.v3-reino .v3-hoje > *{padding:22px}
.v3-reino .v3-boss-nome{font-size:21px}
.v3-reino .v3-hoje-imp{grid-template-columns:auto 1fr;column-gap:16px;align-content:center}
.v3-reino .v3-hoje-imp .v3-rot{grid-column:1/-1}
.v3-reino .v3-hoje-imp img{grid-row:2/5;width:72px;height:72px}
.v3-reino .v3-hoje-imp .v3-detalhe{grid-column:2}
.content-box .pb .v3-reino .v3-hoje-imp img{height:72px}
.content-box .pb .v3-reino h2{margin:0;font-weight:800;letter-spacing:.01em;color:var(--v3-perg)}
@media (max-width:1100px){.v3-reino-grade{grid-template-columns:1fr}}

/* ---------- acoes da barra (27/10): "Criar conta" em destaque, "Acessar conta" secundario; Jogar gratis fica so no banner ---------- */
.v3b-acessar{position:relative;display:flex;align-items:center;gap:10px;height:52px;padding:0 16px 0 6px;border-radius:10px;text-decoration:none;white-space:nowrap;
  font-family:var(--v3-f-titulo);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--v3-perg)!important;border:2px solid transparent;
  background:linear-gradient(180deg,#1d2f52,#0f1a31) padding-box,linear-gradient(160deg,#d9b25a,#5c4212 45%,#3a2a0c 60%,#a07423) border-box;
  box-shadow:0 3px 6px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,236,180,.14);transition:transform .2s,box-shadow .25s,color .2s}
.v3b-acessar-ic{width:38px;height:38px;border-radius:7px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#22365e,#0a1224 75%);box-shadow:inset 0 2px 5px rgba(0,0,0,.7),0 0 0 1px rgba(212,170,67,.35)}
.v3b-acessar-ic .ico{width:24px;height:24px;filter:drop-shadow(0 1px 1px #000);transition:transform .25s,filter .25s}
.v3b-acessar:hover{transform:translateY(-2px);color:#fff3d6!important;box-shadow:0 6px 12px rgba(0,0,0,.65),0 0 14px rgba(241,190,90,.3),inset 0 1px 0 rgba(255,236,180,.2)}
.v3b-acessar:hover .ico{transform:rotate(-18deg) scale(1.08);filter:drop-shadow(0 0 6px rgba(255,200,90,.8)) drop-shadow(0 1px 1px #000)}
.v3b-acessar:active{transform:translateY(0)}
.v3b-criar .v3b-jogar-ic{background:radial-gradient(circle at 50% 35%,#24365c,#0d1730 75%);box-shadow:0 0 0 2px #5c4212,inset 0 0 12px rgba(241,210,125,.35)}
.v3b-criar .v3b-jogar-ic .ico{filter:drop-shadow(0 0 6px rgba(255,210,120,.7))}
.v3b-criar .v3b-jogar-t small{white-space:nowrap}
/* ajuste de largura em 1440 com os botoes novos (Criar conta / Acessar conta) */
.v3b{gap:12px}
.v3b-it{width:80px}
.v3b-acoes{gap:10px}
.v3b-acessar{padding:0 13px 0 5px;gap:8px;font-size:11.5px}
.v3b-acessar-ic{width:36px;height:36px}
.v3b-criar{padding:0 18px 0 8px;gap:10px}
.v3b-criar .v3b-jogar-t b{font-size:15px}
.v3b-criar .v3b-jogar-t small{font-size:10.5px}

/* ---------- navegacao secundaria mais contida (27/10): slots ~10% menores, icones com o mesmo tratamento,
   bandeja mais discreta, hover/ativo com dourado suave. Orbe, Acessar conta e Criar conta nao mudam. ---------- */
.v3b-bandeja{gap:8px;padding:7px 10px 5px;background:linear-gradient(180deg,#09101f,#0d1629);box-shadow:inset 0 2px 6px rgba(0,0,0,.65),inset 0 -1px 0 rgba(255,236,180,.06),0 0 0 1px rgba(212,170,67,.16)}
.v3b-it{width:74px;gap:4px}
.v3b-slot{width:54px;height:54px;border-radius:9px;
  background:radial-gradient(circle at 50% 40%,#1f3256,#0d1730 70%) padding-box,linear-gradient(160deg,#c9a24f,#6b4d14 40%,#3a2a0c 62%,#a07a2c) border-box;
  box-shadow:0 2px 4px rgba(0,0,0,.6),inset 0 0 0 1px rgba(0,0,0,.55),inset 0 -6px 12px rgba(0,0,0,.4)}
.v3b-slot::before{inset:3px;background-size:7px 1.2px,1.2px 7px,7px 1.2px,1.2px 7px,7px 1.2px,1.2px 7px,7px 1.2px,1.2px 7px;opacity:.32}
.v3b-slot::after{background:linear-gradient(120deg,transparent 42%,rgba(255,240,200,.22) 50%,transparent 58%)}
/* mesmo tratamento para todos os icones: tamanho, sombra unica de baixo e saturacao */
.v3b-slot .ico{width:32px;height:32px;filter:saturate(.9) drop-shadow(0 1.5px 1px rgba(0,0,0,.8))}
.v3b-rot{font-size:10px;letter-spacing:.09em;color:#a9a391}
/* hover: sobe pouco, aro e cantoneiras acendem, brilho dourado curto */
.v3b-it:hover .v3b-slot,.v3b-it:focus-visible .v3b-slot{transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.6),0 0 10px rgba(241,190,90,.2),inset 0 0 12px rgba(241,210,125,.18)}
.v3b-it:hover .v3b-slot::before,.v3b-it:focus-visible .v3b-slot::before{opacity:.75}
.v3b-it:hover .ico,.v3b-it:focus-visible .ico{transform:scale(1.06);filter:saturate(1) drop-shadow(0 0 5px rgba(255,205,110,.55)) drop-shadow(0 1.5px 1px rgba(0,0,0,.8))}
.v3b-it:hover .v3b-rot,.v3b-it:focus-visible .v3b-rot{color:var(--v3-ouro-luz)}
/* ativo: carmesim mais escuro, pulso leve e gema menor */
.v3b-it[aria-current="page"] .v3b-slot{background:radial-gradient(circle at 50% 40%,#4a1724,#1d0e17 75%) padding-box,linear-gradient(160deg,#e9cf86,#b8892d 35%,#8a2836 65%,#d4aa43) border-box;animation:v3b-ativo-suave 3.2s ease-in-out infinite}
@keyframes v3b-ativo-suave{0%,100%{box-shadow:0 2px 4px rgba(0,0,0,.6),inset 0 0 8px rgba(208,72,90,.18)}50%{box-shadow:0 2px 4px rgba(0,0,0,.6),0 0 10px rgba(208,72,90,.3),inset 0 0 12px rgba(255,120,120,.22)}}
.v3b-it[aria-current="page"] .v3b-slot::before{opacity:.6}
.v3b-it[aria-current="page"] .ico{filter:saturate(1) drop-shadow(0 0 4px rgba(255,205,110,.4)) drop-shadow(0 1.5px 1px rgba(0,0,0,.8))}
.v3b-it[aria-current="page"] .v3b-rot{color:var(--v3-perg)}
.v3b-gema{right:12px;top:-2px;width:8px;height:8px;box-shadow:0 0 0 1.2px #e9cf86,0 0 5px rgba(208,72,90,.6)}
@media (prefers-reduced-motion:reduce){.v3b-it[aria-current="page"] .v3b-slot{animation:none!important}}

/* ---------- banner (27/10): mensagem, diferenciais reais, CTAs com nota, "Conheca o jogo" e blocos de experiencia ---------- */
.v3-hero h1{line-height:1}
.content-box .v3-hero h1{line-height:1}
.v3-hero-texto{gap:18px}
/* diferenciais: icone em slot (mesmo acabamento da barra) + texto curto */
.v3-difs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;width:100%}
.v3-difs li{display:flex;align-items:center;gap:10px;min-width:0;font-size:13.5px;line-height:1.3;color:var(--v3-texto-2)}
.v3-difs b{color:var(--v3-perg);font-weight:600}
.v3-difs small{display:block;font-size:11.5px;color:var(--v3-texto-3)}
.v3-dif-ic,.v3-passo-ic{flex:none;display:grid;place-items:center;border:1.5px solid transparent;
  background:radial-gradient(circle at 50% 40%,#1f3256,#0d1730 70%) padding-box,linear-gradient(160deg,#c9a24f,#6b4d14 40%,#3a2a0c 62%,#a07a2c) border-box;
  box-shadow:0 2px 4px rgba(0,0,0,.6),inset 0 -5px 10px rgba(0,0,0,.4)}
.v3-dif-ic{width:38px;height:38px;border-radius:8px}
.v3-dif-ic .ico{width:26px;height:26px;filter:saturate(.9) drop-shadow(0 1.5px 1px rgba(0,0,0,.8))}
/* CTAs: o tamanho do cliente sai do botao e vai para uma nota pequena embaixo */
.v3-acoes-hero{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px}
.v3-cta-col{display:grid;justify-items:center;gap:7px}
.v3-cta-nota{font-size:12px;color:var(--v3-texto-3)}
.v3-cta-nota b{color:var(--v3-ouro-luz);font-weight:600}
/* "Conheca o jogo": acao secundaria, menor que o Jogar gratis */
.v3-conheca{display:inline-flex;align-items:center;gap:10px;padding:5px 18px 5px 5px;border-radius:999px;text-decoration:none;white-space:nowrap;
  font-family:var(--v3-f-titulo);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--v3-perg)!important;
  background:rgba(10,17,33,.5);box-shadow:inset 0 0 0 1px rgba(212,170,67,.38);transition:box-shadow .25s,color .2s,background-color .25s}
.v3-conheca-ic{width:30px;height:30px;display:grid;place-items:center}
.v3-conheca-ic .ico{width:30px;height:30px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8));transition:transform .3s ease,filter .3s ease}
.v3-conheca:hover{color:#fff3d6!important;background:rgba(16,27,50,.75);box-shadow:inset 0 0 0 1px var(--v3-ouro-luz),0 0 14px rgba(241,190,90,.22)}
.v3-conheca:hover .ico{transform:scale(1.08);filter:drop-shadow(0 0 6px rgba(255,190,90,.6)) drop-shadow(0 1px 1px rgba(0,0,0,.8))}
/* blocos de experiencia: icone em slot no lugar do numero; altura igual a de antes */
.v3-passos{padding:14px 44px}
.v3-passos li{align-items:center}
.v3-passo-ic{width:42px;height:42px;border-radius:9px}
.v3-passo-ic .ico{width:28px;height:28px;filter:saturate(.9) drop-shadow(0 1.5px 1px rgba(0,0,0,.8))}
.v3-passos b{font-family:var(--v3-f-titulo);font-weight:800;font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--v3-perg);margin-bottom:2px}
.v3-passos span{font-size:13.5px;line-height:1.35}
@media (max-width:1100px){
  .v3-difs{grid-template-columns:1fr;gap:8px}
  .v3-dif-ic{width:34px;height:34px}
  .v3-dif-ic .ico{width:23px;height:23px}
}
@media (max-width:980px){.v3-passos{padding:14px 32px}}
@media (max-width:640px){
  .v3-acoes-hero{display:grid;width:100%;gap:12px}
  .v3-cta-col .v3-btn{width:100%}
  .v3-conheca{align-self:start}
  .v3-passos{padding:14px 18px}
}
@media (prefers-reduced-motion:reduce){.v3-conheca,.v3-conheca .ico{transition:none!important}}
/* diferenciais em coluna compacta: nao invadem os personagens da arte */
.v3-difs{grid-template-columns:1fr;gap:7px;width:auto}
.v3-dif-ic{width:32px;height:32px;border-radius:7px}
.v3-dif-ic .ico{width:22px;height:22px}
.v3-difs li{font-size:14px}
.v3-difs small{display:inline;font-size:12px}
/* celular: a barra quebra em linhas (orbe, acoes, slots rolando de lado); tooltip some */
@media (max-width:640px){
  .v3b{height:auto;flex-wrap:wrap;padding:10px 10px 12px;gap:10px;row-gap:10px}
  .v3b-orbe-w{flex:1 1 100%}
  .v3b-acoes{flex:1 1 100%;display:grid;grid-template-columns:auto 1fr;gap:8px;margin:0}
  .v3b-acessar{justify-content:center}
  .v3b-criar{grid-column:1/-1;justify-content:center;height:58px}
  .v3b-busca input[type=text]{right:auto;left:0}
  .v3b-bandeja{order:5;flex:1 1 100%;min-width:0;overflow-x:auto;justify-content:flex-start;margin:0;scrollbar-width:none}
  .v3b-bandeja::-webkit-scrollbar{display:none}
  .v3b-it{flex:none;width:66px}
  .v3b-tip{display:none}
}
@media (max-width:980px){.grid.v3-grid{grid-template-columns:minmax(0,1fr)}}
/* tres blocos (27/10): descricao maior e mais clara, respiro interno uniforme, mesma altura */
.v3-passos{padding:15px 44px;gap:28px}
.v3-passos li{gap:14px}
.v3-passos b{margin-bottom:3px}
.v3-passos span{font-size:14.5px;line-height:1.4;color:#d0d3db}
@media (max-width:980px){.v3-passos{gap:14px;padding:14px 32px}}
@media (max-width:640px){.v3-passos{padding:14px 18px}}

/* ---------- integracao com o site (27/10) ---------- */
/* logado: personagem principal + saldo de JC no lugar de Acessar/Criar conta */
.v3b-logado{padding-right:16px;text-transform:none;letter-spacing:0}
.v3b-avatar{overflow:hidden}
.v3b-avatar img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated;margin:-8px -6px 0 0}
.v3b-logado-t{display:grid;line-height:1.15}
.v3b-logado-t b{font-family:var(--v3-f-titulo);font-weight:800;font-size:13px;letter-spacing:.04em;color:var(--v3-perg);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v3b-logado-t small{font:600 12px var(--v3-f-texto);color:var(--v3-ouro-luz)}
/* servidor fora do ar: o ponto fica cinza */
.v3b-orbe-txt > span.v3b-offline{color:var(--v3-texto-3)}
.v3b-orbe-txt > span.v3b-offline::before{background:#6b7385;box-shadow:none}
.v3b-orbe-txt b{text-transform:uppercase}
/* a abertura e o 1o item da grade: corpo escuro emendado no painel do conteudo */
.v3-inicio .v3-hero{border-radius:var(--r,3px) var(--r,3px) 0 0}
.v3-vazio .v3-link{margin-top:4px}
.v3-secundarias .v3-vazio a.v3-link{display:inline-flex;padding:0;grid-template-columns:none}
.v3-secundarias .v3-vazio a.v3-link::after{content:"→";grid-row:auto;grid-column:auto;font-size:inherit;color:inherit}
.v3-grid .col-content .jota-home{margin-left:0;margin-right:0}
/* sem a busca na barra (27/10): no celular, Acessar conta ocupa a linha inteira */
@media (max-width:640px){.v3b-acessar{grid-column:1/-1}}

/* ---------- secoes da pagina inicial em blocos (27/10, opcao A aprovada pelo dono) ---------- */
.v3-grid .col-content .jota-home{background:#070c18;padding:18px 18px 22px}
.v3-grid .jota-home .content{display:grid;gap:18px}
.v3-grid .jota-home .content > section{margin:0!important;padding:34px 32px 36px;border-radius:14px;
  background:linear-gradient(180deg,#101c35 0%,#0c1528 100%);box-shadow:inset 0 0 0 1px rgba(181,185,196,.09),0 12px 26px -18px rgba(0,0,0,.9)}
.v3-grid .jota-home .content > section.v3-final{padding:64px 24px}
.v3-grid .jota-home .content > section.v3-sec-primeira{padding-top:34px}
@media (max-width:640px){.v3-grid .col-content .jota-home{padding:12px 10px 16px}.v3-grid .jota-home .content{gap:12px}.v3-grid .jota-home .content > section{padding:24px 16px 26px}}

/* ---------- tres blocos da abertura: colunas iguais com divisor fino (27/10) ---------- */
.v3-passos{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:16px 16px}
.v3-passos li{position:relative;padding:4px 28px}
.v3-passos li + li::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:1px;background:linear-gradient(180deg,transparent,rgba(212,170,67,.6),transparent)}
@media (max-width:980px){
  .v3-passos{grid-template-columns:1fr;gap:0;padding:6px 20px}
  .v3-passos li{padding:14px 4px}
  .v3-passos li + li::before{top:0;bottom:auto;left:0;right:0;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(212,170,67,.4),transparent)}
}

/* ---------- faixa dos tres blocos no mesmo formato dos blocos de baixo; sem a linha clara da emenda (27/10) ---------- */
.grid-inicio>.f2-inicio.v3-inicio{background:#070c18}
.v3-inicio .v3-passos{margin:18px 18px 12px;border:0;border-radius:14px;
  background:linear-gradient(180deg,#101c35 0%,#0c1528 100%);box-shadow:inset 0 0 0 1px rgba(181,185,196,.09),0 12px 26px -18px rgba(0,0,0,.9)}
.grid-inicio.v3-grid>.col-content>.content-box{border-top:0}
@media (max-width:640px){.v3-inicio .v3-passos{margin:12px 10px 8px}}

/* ---------- emenda abertura/conteudo sem fresta e arte que dissolve no fundo (27/10) ---------- */
/* o arredondamento de pixel abria uma linha de 1 px entre os dois paineis: o conteudo sobe 2 px por cima */
@media (min-width:981px){.grid-inicio.v3-grid>.col-content{margin-top:-2px}}
/* pe da abertura: a arte se dissolve na mesma cor da faixa de baixo, em vez de terminar seco */
.v3-inicio .v3-hero{background:radial-gradient(60% 90% at 80% 40%,#2a1d2a 0%,transparent 60%),radial-gradient(60% 80% at 10% 10%,#16264a 0%,transparent 70%),linear-gradient(180deg,#0d1730 0%,#070c18 100%)}
.v3-inicio .v3-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(7,12,24,0) 0%,rgba(7,12,24,.65) 55%,#070c18 100%)}
/* o fundo de pergaminho do painel de conteudo vazava 1 px na emenda em algumas larguras (1366, 1536@125%): na inicial ele e escuro */
.grid-inicio.v3-grid>.col-content>.content-box{background:#070c18}
/* a sombra-moldura dourada dos dois paineis escapava 1 px na emenda em alguns zooms: corte com folga e sobreposicao */
@media (min-width:981px){
  .grid-inicio.v3-grid>.col-content{margin-top:-4px}
  .grid-inicio.v3-grid>.f2-inicio{clip-path:inset(-14px -14px 1px -14px)}
  .grid-inicio.v3-grid>.col-content>.content-box{clip-path:inset(2px -14px -40px -14px)}
}

/* ---------- moldura fina nos dois paineis da inicial, igual a da foto do banner (27/10) ---------- */
.grid-inicio.v3-grid>.f2-inicio,.grid-inicio.v3-grid>.col-content>.content-box{border-color:transparent;box-shadow:0 0 0 1px var(--gold-deep,#8a6620),0 12px 30px rgba(0,0,0,.5)}
.grid-inicio.v3-grid>.f2-inicio>.corner,.grid-inicio.v3-grid>.col-content>.content-box>.corner{display:none}
@media (min-width:981px){
  .grid-inicio.v3-grid>.f2-inicio{border-radius:6px 6px 0 0}
  .grid-inicio.v3-grid>.col-content>.content-box{border-radius:0 0 6px 6px}
}
@media (max-width:980px){.grid-inicio.v3-grid>.f2-inicio,.grid-inicio.v3-grid>.col-content>.content-box{border-radius:6px}}
/* menu lateral da inicial com a mesma moldura fina (27/10) */
.v3-grid>.col-nav .panel{border-color:transparent;border-radius:6px;box-shadow:0 0 0 1px var(--gold-deep,#8a6620),0 10px 24px rgba(0,0,0,.45)}
.v3-grid>.col-nav .panel>.corner{display:none}

/* ---------- moldura fina em todos os paineis do site (27/10, pedido do dono): 1 px dourado como a foto do banner, sem as bolinhas ---------- */
.panel{border-color:transparent;border-radius:6px;box-shadow:0 0 0 1px var(--gold-deep,#8a6620),0 10px 24px rgba(0,0,0,.45)}
.panel>.corner{display:none!important}