/* Home do Hub: abertura e vitrine de produtos. */
.home-abertura { background: var(--cor-marinho); color: #E2E8F0; }
.home-abertura h1 { color: #fff; max-width: 40rem; }
.home-abertura__texto { margin-top: 1rem; max-width: 40rem; font-size: 1.125rem; }

.home-vitrine h2 { margin-bottom: 1.5rem; }
.home-grade { list-style: none; padding: 0; display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); }

.cartao {
    position: relative; height: 100%; padding: 1.5rem; background: #fff;
    border: 1px solid var(--cor-borda); border-radius: var(--raio);
}
.cartao:hover { border-color: var(--cor-azul); }
.cartao__categoria { font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--cor-azul); }
.cartao__titulo { margin-block: 0.4rem 0.6rem; }
.cartao__titulo a { color: var(--cor-marinho); text-decoration: none; }
.cartao__titulo a::after { content: ""; position: absolute; inset: 0; } /* o cartão inteiro vira clicável */
.cartao__texto { color: var(--cor-ardosia); font-size: 0.9875rem; }
.cartao__acao { margin-top: 1rem; font-weight: 700; color: var(--cor-azul); }