/* ==========================================================================
   Página institucional longa (T2) — herda tokens, base, components, servico.
   Reaproveita .servico-layout / .servico-indice / .servico-corpo do T4.
   ========================================================================== */

.pagina-hero{position:relative;min-height:320px;display:flex;align-items:center;color:var(--white)}
.pagina-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--teal-900),var(--teal-700))}
.pagina-hero-content{position:relative;z-index:1;padding-block:var(--space-7)}
.breadcrumb-inline{font-size:.8125rem;opacity:.8;margin-bottom:var(--space-3)}
.pagina-hero-content h1{font-size:clamp(1.75rem,1.4rem + 1.4vw,2.375rem);color:var(--white);margin:0 0 var(--space-3)}
.pagina-hero-content p{max-width:36rem;opacity:.94;margin:0}

.pagina-corpo section{scroll-margin-top:128px}

.colunas3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.coluna-destaque{background:var(--teal-50);border-left:4px solid var(--teal-500);border-radius:0 var(--radius-card) var(--radius-card) 0;padding:var(--space-4)}
.coluna-destaque strong{display:block;color:var(--teal-900);margin-bottom:6px}
.coluna-destaque p{margin:0;font-size:.9375rem}
@media (max-width:767px){ .colunas3-grid{grid-template-columns:1fr} }

.selo-card{
  display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-5);
  background:var(--gray-25);border:1px solid var(--gray-100);border-radius:var(--radius-card);
  padding:var(--space-4) var(--space-5);
}
.selo-circulo{
  flex-shrink:0;width:56px;height:56px;border-radius:50%;background:var(--teal-900);
  color:var(--white);display:flex;align-items:center;justify-content:center;
  font-size:.6875rem;font-weight:700;text-align:center;
}
.selo-card strong{color:var(--ink-900)}
.selo-card p{margin:2px 0 0;font-size:.9375rem;color:var(--ink-500)}

.destaque-numero-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-media);padding:var(--space-6);text-align:center}
.destaque-numero-valor{display:block;font-size:2rem;font-weight:600;color:var(--orange-700)}
.destaque-numero-card p{margin:var(--space-2) 0 0;color:var(--ink-500)}

.chips-grid{display:flex;gap:var(--space-3);flex-wrap:wrap}
.chip-item{background:var(--gray-25);border:1px solid var(--gray-100);border-radius:var(--radius-card);padding:10px 18px;font-weight:700;color:var(--ink-900)}

.proximos-passos{background:var(--gray-25);padding-block:var(--space-7);margin-top:var(--space-7)}
.proximos-passos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.proximo-passo-card{
  background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-card);
  padding:var(--space-5);font-family:var(--font-display);font-weight:700;color:var(--teal-700);
  text-align:center;
}
@media (max-width:767px){ .proximos-passos-grid{grid-template-columns:1fr} }