/* Detalhe ao lado (2026-11-06): favorecido, emenda, contrato e emendas do político, no site inteiro. Sempre na noite. */
.det-fundo { position: fixed; inset: 0; z-index: 90; background: rgba(2, 4, 8, .45); backdrop-filter: blur(2px); animation: det-f .25s both; }
@keyframes det-f { from { opacity: 0; } }
.det { position: fixed; z-index: 91; top: 12px; right: 12px; bottom: 12px; width: min(440px, calc(100vw - 24px)); overflow-y: auto; overscroll-behavior: contain;
  background: rgba(9, 12, 19, .98); color: #eef1f6; border: 1px solid rgba(245, 183, 10, .45); border-radius: 16px; padding: 16px 20px 22px;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .75), 0 0 0 6px rgba(245, 183, 10, .05); font-family: var(--f-texto, 'Inter Tight', sans-serif); scrollbar-width: thin; scrollbar-color: #2a3240 transparent; }
.det.entra { animation: det-entra .35s cubic-bezier(.2, .8, .2, 1) both; }
@keyframes det-entra { from { opacity: 0; translate: 30px 0; } }
.det a { color: #eef1f6; }
.det-topo { display: flex; align-items: center; gap: 10px; position: sticky; top: -16px; margin: -16px -20px 0; padding: 14px 20px 10px; background: rgba(9, 12, 19, .98); z-index: 2; }
.det-cap { flex: 1; margin: 0; font: 500 10.5px var(--f-dado, monospace); letter-spacing: .14em; text-transform: uppercase; color: #f5b70a; }
.det-cap::before { content: '● '; }
.det-bt { width: 32px; height: 32px; flex: none; border-radius: 50%; border: 1px solid #2a3240; background: #0e131c; color: #eef1f6; cursor: pointer; font-size: 14px; }
.det-bt:hover { border-color: #f5b70a; }
.det-nm { margin: 6px 0 0; font-size: 22px; line-height: 1.12; font-weight: 800; letter-spacing: -.03em; }
.det-nm a { text-decoration: none; } .det-nm a:hover { color: #f5b70a; }
.det-sub { margin: 6px 0 0; font: 400 11px var(--f-dado, monospace); color: #8b95a5; line-height: 1.5; }
.det-big { margin: 14px 0 0; font-size: 30px; font-weight: 800; letter-spacing: -.04em; color: #f5b70a; line-height: 1; }
.det-big small { font-size: 13px; color: #aeb5c0; font-weight: 500; letter-spacing: 0; margin-left: 8px; }
.det-simples { margin: 12px 0 0; font-size: 14px; line-height: 1.55; color: #c9cfd8; padding: 10px 12px; border-radius: 10px; background: #0e131c; border-left: 2px solid #f5b70a; }
.det-simples b { color: #eef1f6; }
.det-sec { margin-top: 18px; padding-top: 12px; border-top: 1px solid #1d2430; }
.det-sec.outra { border-top-style: dashed; }
.det-st { display: flex; justify-content: space-between; gap: 10px; margin: 0 0 8px; font: 500 10.5px var(--f-dado, monospace); letter-spacing: .12em; text-transform: uppercase; color: #f5b70a; }
.det-sec.outra .det-st { color: #cfd5df; }
.det-st i { font-style: normal; color: #6b7585; letter-spacing: .06em; text-align: right; }
.det-pq { margin: 0; font-size: 13px; line-height: 1.45; }
.det-pq b { display: block; color: #eef1f6; }
.det-pq span { display: block; color: #aeb5c0; }
.det-area { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: start; padding: 7px 0; border-bottom: 1px solid #121821; }
.det .v { font: 500 12px var(--f-dado, monospace); color: #f5b70a; white-space: nowrap; }
.det-sec.outra .v { color: #cfd5df; }
.det-l { list-style: none; margin: 0; padding: 0; }
.det-l > li { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; padding: 7px 0; border-bottom: 1px solid #121821; font-size: 13px; }
.det-l > li.foco { box-shadow: inset 2px 0 0 #f5b70a; padding-left: 8px; }
.det-l small { display: block; color: #7d8796; font-size: 11px; line-height: 1.4; margin-top: 1px; }
.det-cl > li { display: block; padding: 0; }
.det-cl button { all: unset; box-sizing: border-box; width: 100%; display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; padding: 8px 6px; border-radius: 8px; cursor: pointer; font-size: 13px; color: #eef1f6; }
.det-cl button:hover, .det-cl button:focus-visible { background: #121824; }
.det-cl button::after { content: '›'; grid-column: 3; color: #f5b70a; font-size: 18px; }
.det-cl button { grid-template-columns: 1fr auto 10px; }
.det-cl button[disabled]::after { content: ''; }
.det-barra { display: grid; grid-template-columns: 130px 1fr auto; gap: 10px; align-items: center; padding: 4px 0; font-size: 12.5px; }
.det-barra i { display: block; height: 6px; border-radius: 3px; background: linear-gradient(90deg, #f5b70a, #f5b70a88); width: var(--w); animation: det-b .6s cubic-bezier(.2, .8, .2, 1) both; transform-origin: left; }
@keyframes det-b { from { transform: scaleX(0); } }
.det-nota { margin: 8px 0 0; font-size: 11.5px; color: #8b95a5; line-height: 1.5; }
.det-nota b { color: #c9cfd8; }
.det-pe { margin: 18px 0 0; font-size: 10.5px; color: #5c6676; line-height: 1.5; }
.det-acoes { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.det-btn { display: inline-flex; align-items: center; font: 700 13px var(--f-texto, sans-serif); padding: 9px 14px; border-radius: 8px; background: #f5b70a; color: #111 !important; text-decoration: none; }
.det-btn.g { background: transparent; color: #eef1f6 !important; border: 1px solid #2a3240; font-weight: 600; }
[data-det] { cursor: pointer; }
.det-link { all: unset; cursor: pointer; border-bottom: 1px dotted #f5b70a; }
.det-link:hover { color: #f5b70a; }
@media (max-width: 640px) {
  .det { top: auto; left: 0; right: 0; bottom: 0; width: auto; max-height: 86svh; border-radius: 18px 18px 0 0; padding: 14px 16px 26px; }
  .det.entra { animation-name: det-sobe; }
  @keyframes det-sobe { from { opacity: .5; translate: 0 80px; } }
  .det-topo { margin: -14px -16px 0; padding: 12px 16px 8px; top: -14px; }
  .det-barra { grid-template-columns: 100px 1fr auto; }
}
@media (prefers-reduced-motion: reduce) { .det, .det-fundo, .det-barra i { animation: none !important; } }
