/* Menu de aplicativos: azul perolado, ícones táteis e detalhes deslizantes. */
body:has(#hub:not([hidden])){background:linear-gradient(180deg,#0b1d364d,#0b1d3670),url('../assets/hub-cortinas-azul.webp') center top/cover no-repeat fixed,#18375c}
#hub{width:min(670px,100%);padding:calc(24px + var(--safe-t)) 24px calc(24px + var(--safe-b));color:#f5f3e9;font-family:var(--font)}
#hub .hubTopo{min-height:44px;gap:12px;display:flex;justify-content:space-between;align-items:center}
#hub .marca{font-size:17px;letter-spacing:-.5px;font-weight:650;display:flex;align-items:center;gap:8px}
#hub .naipe{color:#f2d99d;font-size:25px}
#hub .perfilChip{border:1px solid #d4e7ff30;background:#d2e2f017;color:#e5e9ef;border-radius:14px;padding:10px 12px;font-size:12px}
#hub .hubBoasVindas{margin:24px 0 16px}#hub h1{font:500 14px var(--font);color:#cddbed}
#hub .carteira{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;margin:0 0 26px;position:relative}
#hub .saldo,#hub .saldo.strass{background:none;border:0;box-shadow:none;text-align:left;padding:0;min-width:0;min-height:65px;border-radius:10px}
#hub .saldo small{font-size:12px;color:#cfdbeb}#hub .saldo strong{font-family:var(--font);font-size:clamp(24px,5vw,32px);font-weight:700;color:#fff3d7;letter-spacing:-.8px;display:block;margin:4px 0}
#hub .saldo.strass{text-align:right}#hub .saldo.strass strong{font-size:22px;color:#f0d89d}#hub .moedaNota{font-size:10px;color:#c4d1e2}
#hub .dica{z-index:8;position:absolute;top:100%;left:0;right:0;padding:16px;background:#203c5c;border:1px solid #b7cdec55;color:#eef1f7;border-radius:16px;box-shadow:0 12px 24px #06172d55}
#hub .hubSecao{margin:0 0 20px}#hub .hubSecao h2{font:650 21px var(--font);letter-spacing:-.6px;margin:0 0 5px}#hub .hubSecao>span{color:#c5d5e5;font-size:12px}
#hub .maquinas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}
#hub .maquina{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0;background:none;border:0;border-radius:18px;box-shadow:none;overflow:visible}
#hub .maquina::before,#hub .maquina::after{display:none}#hub .maquina img,#hub .maquina img.cobre{width:min(100%,112px);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 7px 7px #091e3b66);border-radius:0;padding:0;background:none;transition:transform .2s}
#hub .maquinaInfo{display:block;text-align:center;min-width:0}#hub .maquinaInfo strong{font:500 12px/1.35 var(--font);color:#f2f4fa;display:block;max-width:135px;min-height:33px}
#hub .hubEspacos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 0;padding:14px 12px 12px;background:linear-gradient(130deg,#d7e8ff24,#a8bfd910);border:1px solid #d2e5ff35;border-radius:26px;box-shadow:inset 0 1px #fff2}
#hub .larCard,#hub .cofreCard,#hub .hubPerfilApp{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:4px;margin:0;padding:0;border:0;background:none;box-shadow:none;min-width:0;color:#eff4fc;text-align:center}
#hub .larMini{width:78px;height:78px;font-size:0;background:transparent url('../assets/icones-premium/minha-casa.webp') center/contain no-repeat}
#hub .cofreCardMilo,#hub .hubPerfilApp img{width:78px;height:78px;object-fit:contain;animation:none;filter:drop-shadow(0 5px 4px #10213a44)}
#hub .larCardTexto{flex:0}#hub .larCardTexto strong,#hub .hubPerfilApp strong{font:500 11px/1.4 var(--font);color:#f2f4fa}#hub .larCardTexto small,#hub .hubEspacos .seta{display:none}
#hub .acumulado{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;margin:20px 0 0;padding:12px 0;background:none;border-radius:0;box-shadow:none;border-bottom:1px solid #cee0ff20;text-align:left}
#hub .acumulado::before,#hub .acumulado::after,#hub .acumuladoLuzes,#hub .acumulado>span{display:none}#hub .acumulado small,#hub .acumulado small span{font:400 11px var(--font);letter-spacing:0;text-transform:none;color:#cad5e5}#hub .acumulado strong{font:650 16px var(--font);color:#e8d39d;animation:none;text-shadow:none}
#hub .letreiro{font-size:10px;height:30px;margin:10px 0 0;background:none;border:0;color:#c7d6e7;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}#hub .letreiroItem b,#hub .letreiroItem strong{color:#edddb7}#hub .letreiroItem::before{content:'• '}
#hub .parar{min-height:44px;margin:10px auto 0;color:#e0e6ef;font-size:12px}#hub .hubRodape{font-size:10px;text-align:center;color:#c2cee0;margin:12px 0 0}
#hub button:active{transform:scale(.94)}#hub button:focus-visible{outline:3px solid #f2d79c;outline-offset:5px}
.hubDetalhe{position:fixed;inset:0 0 0 auto;width:min(470px,100%);height:100dvh;max-height:100dvh;max-width:100%;margin:0;padding:calc(22px + env(safe-area-inset-top)) 28px calc(28px + env(safe-area-inset-bottom));border:0;border-left:1px solid #d1e6ff44;background:radial-gradient(ellipse at 10% 0%,#c0e0ff55,transparent 50%),linear-gradient(155deg,#4b6f96,#193352 75%);color:#f3f1e8;overflow-y:auto;box-shadow:-25px 0 80px #06182c66;font-family:var(--font)}
.hubDetalhe[open]{display:flex;flex-direction:column;align-items:center;animation:hubDesliza .4s cubic-bezier(.2,.8,.2,1)}.hubDetalhe::backdrop{background:#06132199;backdrop-filter:blur(7px)}
.hubDetalheVoltar{align-self:flex-start;min-height:44px;border-radius:12px;padding:8px 12px;background:#c1dcff18;color:#f0dfb9;font-size:14px}
#hubDetalheArte{width:min(56vw,210px);aspect-ratio:1;object-fit:contain;margin:30px 0 18px;filter:drop-shadow(0 18px 18px #071b3b55)}
.hubDetalheSelo{font-size:11px;letter-spacing:.12em;color:#efd99f}.hubDetalhe h2{font-size:30px;line-height:1.1;text-align:center;letter-spacing:-.7px;margin:14px 0}.hubDetalhe p{font-size:15px;line-height:1.65;text-align:center;color:#d2dded;max-width:320px;margin:0 0 22px}#hubDetalhePreco{font-size:13px;color:#f3dfa9;background:#fff1;padding:8px 13px;border-radius:20px;margin-bottom:30px}
#hubDetalheEntrar{flex-shrink:0;width:100%;min-height:58px;margin-top:auto;border-radius:18px;background:linear-gradient(130deg,#f8e6b5,#d9b879);box-shadow:0 4px 0 #8a713f;color:#253d40;font-weight:750;font-size:17px}.hubDetalhe small{font-size:11px;color:#becce1;margin-top:20px}.hubDetalhe button:active{transform:translateY(2px)}
@keyframes hubDesliza{from{transform:translateX(100%)}to{transform:none}}
@media(min-width:700px){#hub .maquina img{width:115px}#hub .maquinas{gap:28px 40px}#hub .hubEspacos{margin-top:32px}#hub .hubBoasVindas{margin-top:30px}}
@media(max-width:350px){#hub{padding-left:16px;padding-right:16px}#hub .maquinas{gap:18px 10px}#hub .marca{font-size:15px}#hub .maquinaInfo strong{font-size:11px}#hub .hubEspacos{padding:10px 5px}#hub .larMini,#hub .cofreCardMilo,#hub .hubPerfilApp img{width:66px;height:66px}}
@media(prefers-reduced-motion:reduce){.hubDetalhe[open],#hub *{animation:none!important;transition:none!important}}