/* /pacotes/hub-pacotes.css -- Hub de Pacotes (2026-09-25, mockup aprovado: docs/mockups/pacotes/hub-de-pacotes.html).
   No hub (#page-pacotes.pacotes-hub-mode) somem as abas e as subpáginas; fora dele some o hub e aparece o "Voltar". */
#page-pacotes:not(.pacotes-hub-mode) .pct-hub{display:none;}
#page-pacotes.pacotes-hub-mode .pacotes-tabs,
#page-pacotes.pacotes-hub-mode .subpage,
#page-pacotes.pacotes-hub-mode .pct-voltar{display:none !important;}

.pct-hub{display:grid;gap:18px;margin-top:4px;}

.pct-hub-busca{position:relative;display:flex;align-items:center;gap:10px;background:var(--s-800,#141a25);border:1px solid var(--line-hi,#3a4759);border-radius:12px;padding:0 14px;color:var(--t-low,#6b7686);}
.pct-hub-busca:focus-within{border-color:var(--or);}
.pct-hub-busca svg{flex:0 0 auto;}
.pct-hub-busca input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--t-hi,#f0f3f7);font:15px 'Inter',sans-serif;padding:12px 0;}
.pct-hub-busca kbd{font:500 11px 'IBM Plex Mono',monospace;color:var(--t-mid,#a7b0bd);border:1px solid var(--line,#29313d);border-radius:6px;padding:1px 6px;}
.pct-hub-resultados{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:var(--s-850,#0f131c);border:1px solid var(--line-hi,#3a4759);border-radius:12px;padding:6px;display:grid;gap:2px;max-height:360px;overflow-y:auto;box-shadow:0 18px 40px rgba(0,0,0,.45);}
.pct-hub-achado{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:0;border-radius:8px;padding:9px 10px;color:var(--t-hi,#f0f3f7);font:14px 'Inter',sans-serif;cursor:pointer;}
.pct-hub-achado:hover,.pct-hub-achado:focus-visible{background:var(--s-700,#1a2130);outline:0;}
.pct-hub-tipo{flex:0 0 auto;min-width:74px;font:500 10.5px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--or);}
.pct-hub-nada{padding:12px;color:var(--t-mid,#a7b0bd);font-size:14px;}

.pct-hub-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;}
.pct-hub-card{display:flex;flex-direction:column;text-align:left;padding:0;background:var(--s-850,#0f131c);border:1px solid rgba(227,179,65,.45);border-radius:13px;overflow:hidden;color:inherit;font:inherit;cursor:pointer;transition:transform .15s,border-color .15s;}
.pct-hub-card:hover,.pct-hub-card:focus-visible{transform:translateY(-2px);border-color:var(--gold,#e3b341);outline:0;}
.pct-hub-arte{position:relative;aspect-ratio:2/1;max-width:100%;display:grid;place-items:center;border-bottom:1px solid rgba(227,179,65,.45);overflow:hidden;}
.pct-hub-arte::before{content:"";position:absolute;inset:0;background:var(--g);}
.pct-hub-arte img{position:relative;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55));}
.pct-hub-falta{position:absolute;right:8px;bottom:6px;font:500 9.5px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.pct-hub-corpo{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;flex:1;}
.pct-hub-nome{font:700 16px 'Archivo','Inter',sans-serif;color:var(--t-hi,#f0f3f7);}
.pct-hub-desc{font-size:13px;color:var(--t-mid,#a7b0bd);}
.pct-hub-rodape{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px;}
.pct-hub-chip{font:500 11px 'IBM Plex Mono',monospace;color:var(--or);background:var(--or-wash);border:1px solid var(--or-line);border-radius:999px;padding:2px 9px;white-space:nowrap;}
.pct-hub-abrir{font:600 12.5px 'Inter',sans-serif;color:var(--or);white-space:nowrap;}

.pct-hub-destaque{border:1px solid rgba(255,122,47,.32);border-radius:13px;background:linear-gradient(135deg,rgba(255,122,47,.10),transparent 70%);padding:16px;display:grid;gap:12px;}
.pct-hub-destaque-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;}
.pct-hub-destaque-head h3{margin:0;font:700 17px 'Archivo','Inter',sans-serif;}
.pct-hub-destaque-head span{color:var(--t-mid,#a7b0bd);font-size:12.5px;}
.pct-hub-caixas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;}
.pct-hub-caixa{display:flex;align-items:center;gap:10px;text-align:left;background:var(--s-850,#0f131c);border:1px solid var(--line,#29313d);border-radius:10px;padding:10px 12px;color:inherit;font:inherit;cursor:pointer;}
.pct-hub-caixa:hover,.pct-hub-caixa:focus-visible{border-color:rgba(255,122,47,.5);outline:0;}
.pct-hub-caixa img{width:34px;height:34px;flex:0 0 auto;}
.pct-hub-caixa .n{display:block;font-weight:600;font-size:13px;line-height:1.3;}
.pct-hub-caixa .v{display:block;font:500 11.5px 'IBM Plex Mono',monospace;color:#ff7a2f;font-variant-numeric:tabular-nums;}

@media (prefers-reduced-motion:reduce){.pct-hub-card{transition:none}.pct-hub-card:hover{transform:none}}