/* Topo do hub de Eventos + Ferramentas fora das semanas (bloco 2.1). Mockup:
   docs/mockups/eventos/eventos-topo-ferramentas.html. O "caminho" reaproveita .hn-caminho da Home (home-nova.css). */
#page-eventos .evt-topo{max-width:none}
#page-eventos .evt-topo > p{max-width:640px}
.evt-caminho{margin-top:26px}
.evt-caminho li{grid-row:span 3;row-gap:8px}
.evt-topo h1 .hl{color:var(--or)}
.evt-caminho h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 0}
.evt-caminho p{margin:0}
.evt-caminho b{color:var(--t-hi)}
.evt-caminho .evt-vip .hn-n{border-color:var(--gold,#e3b341);color:var(--gold,#e3b341)}
.evt-ir{justify-self:start;font-weight:700;font-size:15px;color:var(--or);text-decoration:none;cursor:pointer}
.evt-ir:hover,.evt-ir:focus-visible{text-decoration:underline;text-underline-offset:4px}
.evt-caminho .evt-vip .evt-ir{color:var(--gold,#e3b341)}
/* Ciclo de Recarga + Ferramentas VIP lado a lado, abaixo das 4 semanas */
.evt-fora{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:16px;align-items:stretch;margin-top:8px}
@media (max-width:900px){.evt-fora{grid-template-columns:1fr}}
.evt-fora .evt-bloco{border:1px solid var(--border);border-radius:16px;background:var(--card,#141a25);padding:18px;margin:0}
.evt-fora .evt-bloco .hub-group-head{border-bottom:0;padding-bottom:0;margin-bottom:12px;display:grid;gap:6px}
.evt-bloco-kicker{font:600 15px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--or)}
.evt-fora .evt-bloco .hub-group-title{font:800 20px var(--display);letter-spacing:0;text-transform:none;color:var(--t-hi)}
.evt-fora .evt-bloco .hub-group-sub{color:var(--t-mid);font-size:15px}
.evt-ferr{border-color:rgba(227,179,65,.35)!important;background:linear-gradient(180deg,rgba(227,179,65,.07),transparent 55%),var(--card,#141a25)!important}
.evt-ferr .evt-bloco-kicker{color:var(--gold,#e3b341)}
#page-eventos.eventos-hub-mode .evt-fora .subtabs{padding:0;background:transparent;border:0;box-shadow:none}
#page-eventos.eventos-hub-mode .evt-ferr .events-ferramentas{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
#page-eventos.eventos-hub-mode .evt-ferr .subtab{gap:8px;min-height:150px}
.evt-ferr-nome{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:700}
.evt-ferr-desc{color:var(--t-mid);font-size:15px;font-weight:500;line-height:1.45}
.evt-ferr-ir{margin-top:auto;color:var(--gold,#e3b341);font-weight:700;font-size:15px}
#page-eventos.eventos-hub-mode .evt-ferr .subtab[data-sub2="trincaRecarga"]::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e3b341' stroke-width='1.8' stroke-linecap='round'><circle cx='6' cy='12' r='3'/><circle cx='18' cy='6' r='3'/><circle cx='18' cy='18' r='3'/><path d='M8.6 10.7l6.8-3.4M8.6 13.3l6.8 3.4'/></svg>")}
#page-eventos.eventos-hub-mode .evt-ferr .subtab[data-sub2="fukurokumaru"]::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e3b341' stroke-width='1.8' stroke-linecap='round'><circle cx='12' cy='12' r='4'/><path d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M4.9 19.1L7 17M17 7l2.1-2.1'/></svg>")}
/* destaque rápido quando um passo desce até a semana ou os combos */
@keyframes evt-pisca{0%{box-shadow:0 0 0 0 rgba(255,122,47,.0)}30%{box-shadow:0 0 0 3px var(--or-line,rgba(255,122,47,.35))}100%{box-shadow:0 0 0 0 rgba(255,122,47,0)}}
.evt-destaque{animation:evt-pisca 1.6s ease-out;border-radius:16px}
@media (prefers-reduced-motion:reduce){.evt-destaque{animation:none}}