/* Tela inicial do Lite: navegação simples, sem efeitos decorativos. */
.hub{
    min-height:100vh;
    min-height:100dvh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:48px 24px;
    background:#fafafa;
    color:#202124;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.hub-inner{ width:100%; max-width:600px; }
.hub-marca{ display:flex; flex-direction:column; align-items:flex-start; gap:0; margin-bottom:32px; text-align:left; }
.hub-marca img{ width:124px; max-width:100%; height:auto; margin-bottom:32px; }
.hub-marca h1{ font-family:inherit; font-size:32px; font-weight:600; line-height:1.2; letter-spacing:-1px; margin:0 0 12px; }
.hub-marca p{ font-size:15px; line-height:1.6; color:#62666d; margin:0; }
.hub-acoes{ display:flex; flex-direction:column; gap:0; background:#fff; border:1px solid #e4e5e7; border-radius:12px; overflow:hidden; }
.hub-card{ display:flex; align-items:center; gap:18px; padding:24px; border:0; border-bottom:1px solid #ececee; border-radius:0; background:transparent; box-shadow:none; color:#202124; text-decoration:none; transition:background .15s ease; }
.hub-card:last-child{ border-bottom:0; }
.hub-card:hover,.hub-card:focus-visible{ transform:none; box-shadow:none; background:#f5f6f7; }
.hub-card:focus-visible{ outline:2px solid #202124; outline-offset:-3px; }
.hub-card[hidden]{ display:none; }
.hub-card .ico{ flex-shrink:0; display:grid; place-items:center; width:24px; height:24px; border-radius:0; background:none; color:#62666d; font-size:22px; }
.hub-card .ico svg{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.hub-card .txt{ flex:1; min-width:0; }
.hub-card .txt strong{ display:block; font-family:inherit; font-size:17px; font-weight:600; line-height:1.4; margin-bottom:6px; }
.hub-card .txt span{ display:block; color:#62666d; font-size:14px; line-height:1.6; }
.hub-card .seta{ color:#94979c; font-size:20px; transition:none; }
.hub-card:hover .seta{ color:#202124; transform:none; }
.hub-sair{ display:block; margin:24px 0 0 auto; min-height:44px; padding:10px 12px; border:0; border-radius:6px; background:transparent; color:#62666d; font-family:inherit; font-size:14px; font-weight:500; cursor:pointer; }
.hub-sair:hover{ color:#202124; background:#ececee; }
.hub-sair:focus-visible{ outline:2px solid #202124; outline-offset:2px; }
#hub-sem-acesso{ padding:24px; border:1px solid #e4e5e7; border-radius:12px; color:#62666d; font-size:15px; line-height:1.6; }
.hub-acoes:has(.hub-card):not(:has(.hub-card:not([hidden]))){ display:none; }
@media(max-width:480px){
    .hub{ padding:32px 20px; }
    .hub-marca h1{ font-size:28px; }
    .hub-card{ padding:20px 16px; gap:14px; }
    .hub-card .txt strong{ font-size:16px; }
}
@media(prefers-reduced-motion:reduce){ .hub-card{ transition:none; } }