/* Guia da Transparência · componentes da camada nova, na paleta governamental (tokens de styles.css) */
.money,.stat strong,.cmp-cell strong,.histo-val{font-variant-numeric:tabular-nums}

/* 3D mais presente: inclinação maior e profundidade nos elementos internos */
.tilt{transform:perspective(800px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateZ(0)}
.tilt:hover{box-shadow:0 22px 50px rgba(7,29,65,.22)}
.stat.tilt .ico-wrap{transform:translateZ(36px)}
.stat.tilt strong{transform:translateZ(24px)}
.stat{transform-style:preserve-3d}
.live.tilt{transform-style:preserve-3d}
.live.tilt h3{transform:translateZ(22px)}

/* cabeçalho: atalho de busca */
.kbd{display:inline-flex;align-items:center;gap:2px;font:700 .72rem/1 var(--font);color:var(--muted);border:1px solid var(--gray-20);border-bottom-width:2px;border-radius:6px;padding:4px 6px;background:var(--surface);white-space:nowrap}
.header-search .kbd{margin:0}
.header-search .ac{left:auto;right:0;width:min(720px,calc(100vw - 32px));top:calc(100% + 10px)}

/* abas: nunca cortar o texto */
.tab{flex:none}

/* ============ HOME (painel gov + cubo 3D) ============ */
.hero-gov .hero-grid{padding:56px 48px 70px}
.hero-gov h1{font-size:clamp(2.3rem,5.4vw,3.9rem)}
.hero-copy .kicker{letter-spacing:.01em}
.bigsearch{position:relative;z-index:60;max-width:640px}
.hero:has(.bigsearch .ac){z-index:20;overflow:visible}
.bigsearch-label{display:block;margin:0 0 8px;color:#fff;font-size:.86rem;font-weight:700;letter-spacing:.01em}
.bigsearch-box{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid transparent;border-radius:16px;padding:8px 10px 8px 20px;box-shadow:0 18px 44px rgba(0,0,0,.28);transition:border-color .2s,box-shadow .2s,transform .2s}
.bigsearch-box:focus-within{border-color:var(--yellow);transform:translateY(-2px);box-shadow:0 24px 54px rgba(0,0,0,.34)}
.bigsearch-box .ico{width:22px;height:22px;color:var(--primary)}
.bigsearch-box input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:1.12rem;padding:12px 0;color:var(--gray-80)}
.bigsearch-help{margin:9px 2px 0!important;color:#dbe7f7!important;font-size:.78rem!important;line-height:1.45!important;text-wrap:pretty}
.hint{margin-top:14px;color:#cfdcf2;font-size:.86rem;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hint a{color:#fff;font-weight:700}
.hint .kbd{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.3)}
.hint-search{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#fff;font:700 inherit;padding:0;cursor:pointer;text-decoration:underline;text-underline-position:from-font;text-decoration-thickness:from-font}
.hint-search:focus-visible{outline:2px solid var(--yellow);outline-offset:4px;border-radius:3px}
.modules{grid-template-columns:repeat(4,1fr)}

/* lista de sugestões (autocomplete) */
.ac{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-3);overflow:hidden;max-height:min(520px,64vh);overflow-y:auto;overscroll-behavior:contain;animation:acIn .16s ease-out;color:var(--text)}
@keyframes acIn{from{opacity:0;transform:translateY(-4px)}}
.ac-status{padding:9px 14px;color:var(--muted);font-size:.76rem;background:var(--gray-2);border-bottom:1px solid var(--line)}
.ac-row{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:9px 14px;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer;border-bottom:1px solid var(--gray-5)}
.ac-row:last-child{border-bottom:0}
.ac-row[aria-selected="true"],.ac-row:hover{background:var(--blue-5);box-shadow:inset 4px 0 var(--primary)}
.ac-row:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}
.ac-row img{width:38px;height:46px;border-radius:6px;object-fit:cover;background:var(--blue-10);flex:none}
.ac-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--blue-5);color:var(--primary);flex:none}
.ac-icon .ico{width:21px;height:21px}
.ac-copy{display:block;min-width:0;flex:1}
.ac-row strong{display:block;font-weight:700;color:var(--blue-80)}
.ac-row small{display:block;margin-top:2px;color:var(--muted);font-size:.78rem;line-height:1.35;text-wrap:pretty}
.ac-row mark{background:var(--yellow-10);color:var(--blue-80);border-radius:3px;padding:0 1px}
.ac-row .go{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:.76rem;font-weight:700;color:var(--primary);white-space:nowrap}
.ac-row .go .ico{width:15px;height:15px}
.ac-head{padding:8px 14px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);background:var(--blue-5)}
.ac-empty{display:grid;gap:5px;padding:20px;color:var(--muted)}
.ac-empty strong{color:var(--text)}
.ac-loading{display:flex;align-items:center;gap:10px;padding:22px;color:var(--muted)}

/* paleta de busca global (Ctrl+K) */
.search-open{overflow:hidden}
.palette-back{position:fixed;inset:0;background:rgba(7,29,65,.6);backdrop-filter:blur(5px);z-index:150;display:flex;justify-content:center;align-items:flex-start;padding:8vh 16px 16px;animation:fade .15s}
.palette{width:min(720px,100%);background:var(--surface);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden;animation:acIn .18s ease-out;border-top:4px solid var(--primary)}
.palette-in{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}
.palette-in:focus-within{box-shadow:inset 0 -3px var(--primary)}
.palette-in .ico{width:20px;height:20px;color:var(--primary)}
.palette-in input{flex:1;border:0;outline:none;font-size:1.1rem;background:transparent;min-width:0;color:var(--text)}
.palette-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:12px;background:var(--gray-2);color:var(--text);cursor:pointer}
.palette-close:hover{background:var(--blue-5);color:var(--primary)}
.palette-close:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.palette-list{max-height:min(520px,64vh);overflow-y:auto;overscroll-behavior:contain}
.palette-foot{display:flex;gap:14px;padding:10px 16px;border-top:1px solid var(--line);font-size:.76rem;color:var(--muted);flex-wrap:wrap;background:var(--gray-2)}

/* em linguagem simples */
.plain{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:var(--blue-5);border:1px solid var(--blue-20);border-left:5px solid var(--primary);border-radius:var(--radius);padding:14px 16px;margin:12px 0 18px;font-size:.92rem}
.plain .ico{color:var(--primary);width:20px;height:20px;margin-top:2px}
.plain b{display:block;font-size:.88rem;letter-spacing:.01em;color:var(--primary);margin-bottom:3px}
.plain p{margin:0}
.term{border-bottom:1px dotted var(--muted);cursor:help}

/* votações do deputado */
.vote-strip{margin:4px 0 22px;background:linear-gradient(135deg,var(--blue-80),var(--blue-70));color:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-2)}
.vote-strip-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.vote-strip-stats>div{padding:14px 18px;border-right:1px solid rgba(255,255,255,.15);min-width:0}
.vote-strip b{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;opacity:.8;font-weight:700}
.vote-strip strong{font-size:1.35rem;font-weight:900}
.vote-strip-explain{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;background:rgba(0,0,0,.16);border-top:1px solid rgba(255,255,255,.18)}
.vote-strip-explain>div{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:8px 14px;min-width:0}
.vote-strip-explain small{line-height:1.45;opacity:.9}
.vote-strip .linkish{color:var(--yellow);padding:8px 4px;flex:none;display:inline-flex;align-items:center;gap:6px}
.chip-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:18px 0 12px}
.chip-btn.on{background:var(--primary);color:#fff}
.vote-list{display:grid;gap:10px}
.vote-item{border:1px solid var(--line);border-left:4px solid var(--blue-20);border-radius:var(--radius);padding:14px 16px;background:var(--surface);transition:border-color .2s,transform .2s,box-shadow .2s}
.vote-item:hover{border-left-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-2)}
.vote-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:.82rem;color:var(--muted);font-weight:600}
.vote-desc{margin:8px 0;font-weight:600;color:var(--blue-80);line-height:1.45}
[data-theme="contrast"] .vote-desc{color:#fff}
.vote-facts{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:.86rem}
.vote-facts b.chip{margin-left:6px}
.vote-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:.84rem}

/* sobre os dados */
.prose{margin:8px 0 0;padding-left:20px;line-height:1.65}
.prose li{margin:0 0 10px}
.glossary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0}
.glossary>div{padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.glossary dt{font-weight:800;font-size:1.05rem;color:var(--blue-80)}
.glossary dd{margin:4px 0 0;color:var(--muted)}
[data-theme="contrast"] .glossary dt{color:#fff}
.drawer-body .dsec h3+p{margin-top:0}

@media (max-width:1080px){.modules{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
  .hero-gov .hero-grid{padding:30px 20px 60px}
  .bigsearch-box input{font-size:1rem}
  .header-search input,.palette-in input{font-size:16px}
  .palette-back{padding:3vh 10px 10px}
  .palette{border-radius:14px}
  .palette-in{padding:10px 12px}
  .palette-list{max-height:70vh}
  .ac-row .go{display:none}
  .ac-row{padding:10px 12px}
  .ac-row small{font-size:.76rem}
  .glossary{grid-template-columns:1fr}
  .modules{grid-template-columns:1fr 1fr;gap:10px}
  .module{padding:14px;min-height:0}
  .module p{display:block}
  .vote-strip-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vote-strip-stats>div{border-bottom:1px solid rgba(255,255,255,.15)}
  .vote-strip-explain{align-items:flex-start;flex-direction:column;gap:8px}
  .vote-strip-explain>div{grid-template-columns:1fr}
}
@media (max-width:420px){.modules{grid-template-columns:1fr}.module p{display:block}}
[data-theme="contrast"] .bigsearch-box,[data-theme="contrast"] .ac,[data-theme="contrast"] .palette{background:#000;border-color:#fff}
[data-theme="contrast"] .bigsearch-box input{color:#fff}
[data-theme="contrast"] .ac-row[aria-selected="true"],[data-theme="contrast"] .ac-row:hover,[data-theme="contrast"] .ac-head,[data-theme="contrast"] .ac-icon,[data-theme="contrast"] .palette-close{background:#111;color:#fff}

/* ---------- ajuste fino para celular: números inteiros e letras legíveis ---------- */
.stat strong,.summary .stat strong,.money,.histo-val,.chip{white-space:nowrap}
.footer-links a,.menu a{white-space:nowrap}
@media (max-width:760px){
  .stat{flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
  .stat>div:last-child{min-width:0;width:100%}
  .stat strong,.summary .stat strong{font-size:clamp(1.05rem,4.9vw,1.4rem);line-height:1.15}
  .stat small{font-size:.8rem;line-height:1.35;display:block}
  .histo{overflow-x:auto;overflow-y:hidden;gap:6px;padding-bottom:6px;scroll-snap-type:x proximity}
  .histo-col{min-width:66px;scroll-snap-align:start}
  .histo-col small{font-size:.72rem}
  .histo-val{font-size:.76rem}
  .page-head h1{font-size:clamp(1.6rem,7.4vw,2.2rem)}
  .section-head h2{font-size:clamp(1.2rem,5.6vw,1.5rem)}
  body{font-size:1rem}
}
@media (max-width:360px){
  .stat strong,.summary .stat strong{font-size:1rem}
}

/* ---------- Busca do Guia (2026-10): linhas são links, melhor resultado com atalhos, contagem nas bases e tela cheia no celular ---------- */
.ac-item{border-bottom:1px solid var(--line)}
.ac-item:last-child{border-bottom:0}
.ac-item .ac-row{border-bottom:0}
a.ac-row{text-decoration:none;color:inherit;-webkit-tap-highlight-color:rgba(19,81,180,.12);touch-action:manipulation}
a.ac-row:visited{color:inherit}
.ac-row:active{background:var(--blue-10)}
.ac-conta{flex:none;margin-left:auto;padding:3px 9px;border-radius:999px;background:var(--blue-5);color:var(--blue-80);font-weight:800;font-size:.78rem;font-variant-numeric:tabular-nums}
.ac-conta+.go{margin-left:10px}
.ac-head{display:flex;align-items:center;gap:6px}
.ac-head .ico{width:14px;height:14px}
.ac-head-melhor{background:var(--yellow-10,#fff5c2);color:var(--blue-80)}
.ac-melhor{background:linear-gradient(180deg,var(--blue-5),transparent 85%)}
.ac-melhor .ac-row{min-height:74px}
.ac-melhor .ac-row strong{font-size:1.06rem}
.ac-melhor .ac-row img{width:46px;height:56px}
.ac-acoes{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px 68px}
.ac-acao{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:6px 12px;border-radius:999px;border:1px solid var(--blue-10);background:var(--surface);color:var(--primary);font-size:.8rem;font-weight:700;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.ac-acao .ico{width:15px;height:15px}
.ac-acao:hover,.ac-acao:active,.ac-acao:focus-visible{background:var(--blue-5);border-color:var(--primary)}
.ac-status{display:flex;align-items:center;gap:8px}
.ac-girando{width:13px;height:13px;border-radius:50%;border:2px solid var(--blue-10);border-top-color:var(--primary);animation:acGira .7s linear infinite;flex:none}
@keyframes acGira{to{transform:rotate(360deg)}}
.palette-back{z-index:1000}
.palette{display:flex;flex-direction:column;max-height:calc(100vh - 12vh)}
.palette-list{flex:1 1 auto;min-height:0}
.palette-voltar{display:none}
.palette-limpa,.palette-voltar{place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer}
.palette-limpa{display:grid}
.palette-limpa[hidden]{display:none}
.palette-limpa:hover,.palette-voltar:hover{background:var(--gray-2);color:var(--primary)}
.palette-chips{display:flex;gap:6px;overflow-x:auto;padding:8px 14px;border-bottom:1px solid var(--line);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.palette-chips::-webkit-scrollbar{display:none}
.palette-chips[hidden]{display:none}
.palette-chip{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:inherit;font-size:.82rem;font-weight:700;color:var(--text);cursor:pointer;touch-action:manipulation}
.palette-chip small{font-weight:600;color:var(--muted)}
.palette-chip[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:#fff}
.palette-chip[aria-pressed="true"] small{color:rgba(255,255,255,.8)}
/* Nada fica por cima da busca: o banner do rodapé some enquanto ela está aberta */
body.search-open .rb,body:has(.palette-back) .rb{display:none!important}
.header-search input[readonly]{cursor:pointer}
@media (max-width:760px),(pointer:coarse){
  .header-search .search-shortcut{display:none}
  .bigsearch-box input[readonly]{cursor:pointer}
  .palette-back{padding:0;align-items:stretch;justify-content:stretch;background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;bottom:auto;height:100vh;height:100dvh;animation:none;overscroll-behavior:contain}
  .palette{width:100%;max-width:none;height:100%;max-height:none;border-radius:0;border-top:0;box-shadow:none;animation:none}
  .palette-in{gap:2px;padding:6px 6px 6px 2px;border-bottom:1px solid var(--line);background:var(--surface)}
  .palette-in>.ico{display:none}
  .palette-voltar{display:grid;color:var(--primary)}
  .palette-close{display:none}
  .palette-in input{font-size:17px;padding:10px 4px}
  .palette-list{max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
  .palette-foot{display:none}
  .palette .ac-row{min-height:62px;padding:10px 14px}
  .palette .ac-row .go{display:none}
  .palette .ac-acoes{padding:0 12px 12px 66px}
  .palette .ac-status{padding:10px 14px}
}
@media (max-width:420px){.palette .ac-acoes{padding-left:14px}}
[data-theme="contrast"] .palette-chip,[data-theme="contrast"] .ac-acao{background:#000;color:#fff;border-color:#fff}
[data-theme="contrast"] .palette-chip[aria-pressed="true"]{background:#fff;color:#000}
[data-theme="contrast"] .ac-melhor,[data-theme="contrast"] .ac-head-melhor{background:#000;color:#ff0}
.palette-in,.palette-chips,.palette-foot{flex:none}
.palette-in input::-webkit-search-cancel-button,.palette-in input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
@media (max-width:760px),(pointer:coarse){
  .palette .ac-acoes{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-right:14px}
  .palette .ac-acoes::-webkit-scrollbar{display:none}
  .palette .ac-acao{flex:none}
  .palette-limpa:hover{background:transparent}
}
/* Celular: enquanto se digita numa caixa de busca de qualquer página, o banner do rodapé não cobre as sugestões */
body.digitando .rb{display:none!important}

/* ---------- app (PWA): convite discreto e passo a passo de instalação ---------- */
.app-convite{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:270;display:flex;align-items:center;gap:10px;max-width:520px;margin:0 auto;padding:10px 8px 10px 12px;background:var(--surface,#fff);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 40px -12px rgba(7,29,65,.45);animation:acIn .25s ease-out}
.app-convite img{width:44px;height:44px;border-radius:12px;flex:none}
.app-convite-txt{flex:1;min-width:0;display:grid;line-height:1.3}
.app-convite-txt strong{font-size:.92rem;color:var(--blue-80)}
.app-convite-txt span{font-size:.78rem;color:var(--muted)}
.app-convite .btn{flex:none}
.app-convite-x{display:grid;place-items:center;width:40px;height:40px;flex:none;border:0;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer}
.app-convite-x .ico{width:18px;height:18px}
body:has(.app-convite) .rb{display:none!important}
.app-ajuda{position:fixed;inset:0;z-index:1100;display:grid;place-items:end center;padding:12px;background:rgba(7,29,65,.55);animation:fade .15s}
.app-ajuda-card{width:min(460px,100%);margin-bottom:env(safe-area-inset-bottom);padding:22px 20px 18px;background:var(--surface,#fff);color:var(--text);border-radius:20px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.app-ajuda-card img{border-radius:16px}
.app-ajuda-card h2{margin:10px 0 4px;font-size:1.2rem;color:var(--blue-80)}
.app-ajuda-card p{margin:0 0 12px;color:var(--muted);font-size:.9rem}
.app-ajuda-card ol{margin:0 0 16px;padding-left:1.3em;text-align:left;display:grid;gap:8px;font-size:.92rem}
.app-ajuda-card .btn{width:100%;justify-content:center}
.utility-app[hidden]{display:none}
.no-app .utility-app{display:none!important}
[data-theme="contrast"] .app-convite,[data-theme="contrast"] .app-ajuda-card{background:#000;color:#fff;border-color:#fff}

/* ---------- Fase 3 de UX: título em pergunta e "Em poucas palavras" ---------- */
.page-head .ph-etiqueta{margin:0 0 6px!important;font-size:.8rem!important;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--primary)!important}
.poucas-palavras{margin:-6px 0 22px;padding:16px 18px;border-radius:16px;background:var(--blue-5);border-left:5px solid var(--primary);color:var(--text)}
.poucas-palavras .pp-rot{margin:0 0 6px;font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--primary)}
.poucas-palavras p:not(.pp-rot){margin:0 0 8px;font-size:1.02rem;line-height:1.55;max-width:760px}
.poucas-palavras p:last-child{margin-bottom:0}
.poucas-palavras b{color:var(--blue-80)}
[data-theme="contrast"] .poucas-palavras{background:#000;border-color:#ff0}
[data-theme="contrast"] .poucas-palavras b{color:#ff0}