/* Páginas por ramo (gerar-nichos.mjs). Usa os tokens de estilo.css. */
.nicho .topo-linha { justify-content: space-between; }
.nicho .zap-flutuante { display: flex; }
.recursos-nicho { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: .8rem; margin: 1.6rem 0 2rem; }
.recursos-nicho div { display: flex; gap: .7rem; align-items: center; padding: 1rem 1.1rem; background: var(--cartao);
  border: 1px solid var(--borda); border-radius: var(--raio); font-weight: 600; box-shadow: var(--sombra); }
.recursos-nicho b { display: grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: 50%;
  background: color-mix(in srgb, var(--ok) 15%, transparent); color: var(--ok); }
.centro { text-align: center; }
.suave { color: var(--suave); }
.preco-nicho { display: grid; grid-template-columns: 1.3fr 1fr; gap: 2rem; align-items: center; }
.destaque-nicho { display: inline-block; padding: .6rem 1rem; border-radius: 10px; font-weight: 700;
  background: color-mix(in srgb, var(--primaria) 12%, transparent); color: var(--primaria); }
.cartao-preco { display: grid; gap: .8rem; justify-items: center; text-align: center; padding: 2rem 1.5rem;
  background: var(--cartao); border: 2px solid var(--primaria); border-radius: var(--raio); box-shadow: var(--sombra); }
.cartao-preco strong { font-size: 2.6rem; letter-spacing: -.02em; }
.cartao-preco small { font-size: 1rem; color: var(--suave); font-weight: 500; }
.quem { max-width: 760px; text-align: center; }
.quem p { font-size: 1.1rem; line-height: 1.7; }
@media (max-width: 760px) {
  .preco-nicho { grid-template-columns: 1fr; }
  .nicho .topo .botao { padding: .55rem .9rem; font-size: .9rem; }
}