/* grupo.css: home do grupo, programa IA na Operação, sobre e contato do grupo. Só tokens da marca. */
.ghero { position: relative; overflow: hidden; padding-block: var(--jx-esp-9); }
.ghero__inner { max-width: 880px; }
.ghero h1 { max-width: 16ch; }
.ghero__sub { margin-top: var(--jx-esp-5); font-size: var(--jx-c1); line-height: 1.45; color: var(--ink-64); max-width: 60ch; }
.ghero__cta { display: flex; flex-wrap: wrap; gap: var(--jx-esp-3); margin-top: var(--jx-esp-6); }

.portas { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--jx-esp-5); margin-top: var(--jx-esp-6); }
.porta { display: flex; flex-direction: column; gap: var(--jx-esp-3); padding: var(--jx-esp-6); }
.porta__k { font-size: var(--jx-rotulo); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--jx-marca-forte); }
.porta h3 { font-size: var(--jx-t4); }
.porta p { color: var(--ink-64); flex: 1; }
.porta__apoio { font-size: var(--jx-c3); color: var(--ink-64); }
.porta__apoio a { color: var(--jx-marca-forte); font-weight: 600; text-decoration: underline; }
@media (max-width: 980px) { .portas { grid-template-columns: 1fr; } }

.escada { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--jx-esp-5); margin-top: var(--jx-esp-6); counter-reset: degrau; }
.degrau { padding: var(--jx-esp-5) 0 0; border-top: 2px solid var(--jx-marca); }
.degrau h3 { font-size: var(--jx-t5); margin-bottom: var(--jx-esp-2); }
.degrau p { color: var(--ink-64); font-size: var(--jx-c2); }
.escada__fecho { margin-top: var(--jx-esp-6); font-size: var(--jx-c1); line-height: 1.45; max-width: 60ch; }
@media (max-width: 980px) { .escada { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .escada { grid-template-columns: 1fr; } }

.prova { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--jx-esp-5); margin-top: var(--jx-esp-6); }
.prova__card { display: flex; flex-direction: column; overflow: hidden; }
.prova__img { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; display: block; }
.prova__body { padding: var(--jx-esp-5); display: flex; flex-direction: column; gap: var(--jx-esp-2); flex: 1; }
.prova__cat { font-size: var(--jx-c3); color: var(--ink-64); }
.prova__body h3 { font-size: var(--jx-t5); line-height: 1.25; }
.prova__more { margin-top: auto; font-weight: 600; color: var(--jx-marca-forte); display: inline-flex; gap: 6px; align-items: center; }
.prova__all { margin-top: var(--jx-esp-5); }
@media (max-width: 980px) { .prova { grid-template-columns: 1fr; } }

.posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--jx-esp-5); margin-top: var(--jx-esp-6); }
.post { padding: var(--jx-esp-5); display: flex; flex-direction: column; gap: var(--jx-esp-2); }
.post__meta { font-size: var(--jx-c3); color: var(--ink-64); }
.post h3 { font-size: var(--jx-t5); line-height: 1.25; }
@media (max-width: 980px) { .posts { grid-template-columns: 1fr; } }

.comecar__links { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--jx-esp-4); margin-top: var(--jx-esp-6); }
.comecar__link { display: flex; align-items: center; justify-content: space-between; gap: var(--jx-esp-3); padding: var(--jx-esp-5); font-weight: 700; color: var(--ink); }
.comecar__link:hover { color: var(--jx-marca-forte); }
.comecar__wa { margin-top: var(--jx-esp-6); display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
@media (max-width: 980px) { .comecar__links { grid-template-columns: 1fr; } }

.pg__lista { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--jx-esp-5); margin-top: var(--jx-esp-6); }
.pg__item { padding: var(--jx-esp-5); }
.pg__item h3 { font-size: var(--jx-t5); margin-bottom: var(--jx-esp-2); }
.pg__item p { color: var(--ink-64); }
.pg__pendente { border: 1px dashed var(--jx-borda); padding: var(--jx-esp-4); color: var(--ink-64); font-size: var(--jx-c3); border-radius: var(--jx-raio-cartao); margin-top: var(--jx-esp-4); }
.numeros { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--jx-esp-5); margin-top: var(--jx-esp-6); }
.numero { padding: var(--jx-esp-5); }
.numero b { display: block; font-family: var(--font-display); font-size: var(--jx-t2); line-height: 1; color: var(--jx-marca-forte); margin-bottom: var(--jx-esp-2); font-variant-numeric: tabular-nums; }
.numero p { color: var(--ink); }
.numero small { display: block; margin-top: var(--jx-esp-2); color: var(--ink-64); font-size: var(--jx-c3); }
.pg__apoio { margin-top: var(--jx-esp-5); color: var(--ink-64); max-width: 70ch; }
@media (max-width: 980px) { .pg__lista, .numeros { grid-template-columns: 1fr; } }