/* Catálogo integrado na estrutura visual existente. */
.catalogo-familias { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.catalogo-familias .hub-card { cursor: default; padding-bottom: 18px; }
.catalogo-ilustracao { width: 100%; height: 150px; border-radius: 10px; color: var(--hub-cor); background: rgba(0,0,0,.14); }
.catalogo-botao { display: inline-flex; justify-content: center; margin-top: auto; padding: 10px 14px; border: 1px solid var(--hub-cor); border-radius: 8px; color: #e8edf4; text-decoration: none; font-size: .85rem; font-weight: 700; }
.catalogo-botao:hover { background: rgba(255,255,255,.08); }
.catalogo-voltar { display: inline-block; color: #75d4ff; margin: 18px 0; }
.catalogo-vazio { margin: 24px 0; padding: 28px; border: 1px solid #2a3342; border-radius: 14px; max-width: 760px; background: #121822; }
.catalogo-vazio h2 { font-size: 1.1rem; color: #e8edf4; margin-bottom: 10px; }
.catalogo-vazio p { color: #9aa6b6; line-height: 1.6; }
.catalogo-botao:focus-visible, .catalogo-voltar:focus-visible, .nav-item:focus-visible { outline: 3px solid #75d4ff; outline-offset: 4px; }
body[data-theme="claro"] .catalogo-botao { color: #1c2430; border-color: #1e88e5; }
body[data-theme="claro"] .catalogo-ilustracao { background: #edf3f8; color: #246d9b; }
body[data-theme="claro"] .catalogo-vazio { background: #fff; border-color: #1e88e5; }
body[data-theme="claro"] .catalogo-vazio h2 { color: #1c2430; }
body[data-theme="claro"] .catalogo-vazio p { color: #5b6878; }
body[data-theme="claro"] .catalogo-voltar { color: #126cae; }
@media (max-width: 1100px) { .catalogo-familias { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .catalogo-familias { grid-template-columns: 1fr; } }