/* Hub /funcionalidades — só o que não existe no site.css */

.hero h1{max-width:16ch}

/* fluxo em uma linha */
.fluxo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
.fluxo span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 18px;font-size:.92rem;font-weight:600}
.fluxo i{color:var(--cyan);font-style:normal;font-weight:700}

/* grupos de módulos */
.grupo{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:32px 0 14px}
.grupo:first-of-type{margin-top:0}

.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hub{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px 22px;text-decoration:none;color:inherit;display:block;transition:.2s}
.hub:hover{box-shadow:var(--sh-hover);transform:translateY(-2px);border-color:var(--blue)}
.hub b{display:block;font-weight:700;margin-bottom:6px;font-size:1.05rem}
.hub p{font-size:.92rem;color:var(--muted)}
.hub-arrow{display:inline-block;margin-top:12px;font-size:.86rem;font-weight:600;color:var(--blue-700)}

/* lista do que também existe */
.lista{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 24px}
.li{border-top:1px solid var(--line);padding-top:12px}
.li b{display:block;font-weight:700;font-size:.95rem;margin-bottom:2px}
.li span{font-size:.88rem;color:var(--muted)}

@media(max-width:1000px){.hub-grid,.lista{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hub-grid,.lista{grid-template-columns:1fr}}