:root {
  --sapl-azul: #12355b;
  --sapl-azul-claro: #1f5a96;
  --sapl-verde: #1b7f4b;
  --sapl-fundo: #f4f6f9;
}

body { background: var(--sapl-fundo); }

.cabecalho { background: linear-gradient(120deg, var(--sapl-azul), var(--sapl-azul-claro)); color: #fff; }
.brasao {
  width: 56px; height: 56px; border-radius: 50%; display: inline-flex; align-items: center;
  justify-content: center; background: rgba(255,255,255,.15); font-size: 1.7rem;
}
.menu-principal { background: #fff; }
.menu-principal .nav-link { color: #334; font-weight: 500; white-space: nowrap; }
.menu-principal .nav-link.active, .menu-principal .nav-link:hover { color: var(--sapl-azul-claro); }
.menu-principal .nav-link.active { box-shadow: inset 0 -3px 0 var(--sapl-azul-claro); }

.rodape { background: var(--sapl-azul); color: #dfe7f1; }

.titulo-pagina { color: var(--sapl-azul); font-weight: 600; }
.card { border: 0; box-shadow: 0 1px 3px rgba(16, 40, 70, .08); }
.card-header { background: #fff; font-weight: 600; color: var(--sapl-azul); }

.indicador { border-left: 4px solid var(--sapl-azul-claro); }
.indicador .valor { font-size: 2rem; font-weight: 700; color: var(--sapl-azul); line-height: 1; }

.foto-parlamentar {
  width: 96px; height: 96px; object-fit: cover; border-radius: 50%;
  background: #dde5ef; color: var(--sapl-azul); font-weight: 700; font-size: 1.8rem;
  display: inline-flex; align-items: center; justify-content: center;
}
.foto-parlamentar.grande { width: 160px; height: 160px; font-size: 3rem; }
.foto-parlamentar.pequena { width: 40px; height: 40px; font-size: .9rem; }
.card-parlamentar { transition: transform .15s; }
.card-parlamentar:hover { transform: translateY(-3px); }

.linha-tempo { list-style: none; padding-left: 0; position: relative; }
.linha-tempo::before { content: ""; position: absolute; left: 9px; top: 4px; bottom: 4px; width: 2px; background: #cfd8e3; }
.linha-tempo li { position: relative; padding-left: 32px; margin-bottom: 1.1rem; }
.linha-tempo li::before {
  content: ""; position: absolute; left: 3px; top: 5px; width: 14px; height: 14px;
  border-radius: 50%; background: #fff; border: 3px solid var(--sapl-azul-claro);
}
.linha-tempo li:first-child::before { background: var(--sapl-azul-claro); }

.barra { height: 10px; border-radius: 5px; background: var(--sapl-azul-claro); }
.ementa { white-space: pre-line; }
.texto-norma { white-space: pre-line; font-family: Georgia, serif; line-height: 1.7; }

@media print {
  .cabecalho, .menu-principal, .rodape, .no-print { display: none !important; }
  body { background: #fff; }
  .card { box-shadow: none; }
}

.faixa-demo { background: #fff4d6; color: #6b4e00; border-bottom: 1px solid #f0dca0; }
.faixa-demo a { color: #6b4e00; font-weight: 600; }
.card-acesso { cursor: pointer; background: #fff; }
.card-acesso:focus-visible { outline: 3px solid var(--sapl-azul-claro); }
.icone-perfil {
  width: 44px; height: 44px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center;
  background: #e6eef8; color: var(--sapl-azul-claro); font-size: 1.3rem;
}