/* estilo.css — Trem (#342). Só tokens do design system. */
.trem-cabeca { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.trem-cabeca h1 { margin: 0; font-size: 22px; }
.trem-sub { color: var(--muted); font-size: 12px; }
.trem-aviso { color: var(--muted); font-size: 12.5px; margin-bottom: 12px; }
.trem-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-bottom: 18px; }
.trem-titulo { font-size: 13px; margin: 0 0 8px; }
.trem-para-que { color: var(--muted); font-size: 13px; margin: 0 0 12px; max-width: 70ch; }