/* AutomaFiscal — consulta de município, sobre o sistema v2 (pagina.css) */

.consulta-topo{padding-bottom:var(--e16)}
.consulta-topo .arco-solto{position:absolute;z-index:1;right:-120px;bottom:-180px;width:560px;color:var(--verde);opacity:.35;pointer-events:none}
.consulta-grade{display:grid;gap:var(--e8);padding-top:var(--e12);align-items:start}
@media (min-width:1000px){.consulta-grade{grid-template-columns:1.05fr 1fr;gap:var(--e12);padding-top:var(--e16)}}
.consulta-texto .titulo{font-size:clamp(38px,5.4vw,64px)}
.consulta-texto .lide{margin-top:var(--e6)}

/* cartão de busca: branco, flutuando sobre o escuro */
.busca-coluna{display:flex;flex-direction:column;gap:var(--e4);min-width:0}
.cartao.busca{background:#fff;color:var(--tinta);box-shadow:var(--sombra-flutua);display:flex;flex-direction:column;gap:var(--e3)}
.cartao.busca label{font-family:var(--display);font-weight:800;font-size:var(--t-lg);color:var(--tinta)}
.dica{margin:0;font-size:var(--t-xs);color:var(--apoio);line-height:1.5}

.campo{position:relative}
.campo .lupa{position:absolute;left:var(--e4);top:50%;transform:translateY(-50%);color:var(--apoio);pointer-events:none}
.campo input{width:100%;min-height:56px;padding:0 var(--e4) 0 48px;border:2px solid var(--filete);border-radius:var(--r-pill);
  font:400 17px/1.2 var(--corpo);color:var(--tinta);background:var(--painel-claro);outline:none;
  transition:border-color var(--m-out) var(--m-ease),box-shadow var(--m-out) var(--m-ease),background var(--m-out)}
.campo input::placeholder{color:#6B7D76}
.campo input:focus{border-color:var(--verde);background:#fff;box-shadow:0 0 0 4px rgba(14,127,99,.16)}

.sugestoes{position:absolute;z-index:10;left:0;right:0;top:calc(100% + var(--e2));margin:0;padding:var(--e2);list-style:none;
  background:#fff;border-radius:var(--r-md);box-shadow:var(--sombra-flutua);max-height:320px;overflow:auto;border:1px solid var(--filete)}
.sugestoes li{display:flex;justify-content:space-between;align-items:center;gap:var(--e3);min-height:44px;padding:0 var(--e3);
  border-radius:var(--r-sm);cursor:pointer;color:var(--tinta);font-size:var(--t-sm)}
.sugestoes li[aria-selected="true"]{background:var(--menta-clara)}
.sugestoes .uf{font-family:var(--mono);font-size:12px;color:var(--apoio)}

.vazio{display:flex;flex-direction:column;gap:var(--e2);margin-top:var(--e2)}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--e2)}
.chips button{min-height:44px;padding:0 var(--e4);border-radius:var(--r-pill);border:1px solid var(--filete);background:var(--painel-claro);
  font:600 var(--t-xs) var(--corpo);color:var(--verde-texto);cursor:pointer;
  transition:background var(--m-in) var(--m-ease),border-color var(--m-in) var(--m-ease),transform var(--m-in) var(--m-ease)}
.chips button:hover{background:var(--menta-clara);border-color:rgba(14,127,99,.3)}
.chips button:active{transform:scale(.97)}
.chips button:focus-visible{outline:3px solid var(--verde);outline-offset:2px}

/* a resposta: cartão com faixa de cor e ícone, nunca só a cor */
.resposta{position:relative;background:#fff;color:var(--tinta);border-radius:var(--r-md);padding:var(--e6) var(--e6) var(--e6) calc(var(--e6) + 6px);
  box-shadow:var(--sombra-flutua);overflow:hidden}
.resposta::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--verde)}
.resposta.talvez::before{background:#C98A16}
.resposta.nada::before{background:var(--coral)}
.resposta .veredito{display:flex;align-items:center;gap:var(--e3);margin:0 0 var(--e3);font-family:var(--display);font-weight:800;font-size:var(--t-lg);line-height:1.25}
.resposta .veredito::before{content:"";flex:none;width:32px;height:32px;border-radius:50%;background:var(--menta-clara) center/18px no-repeat;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A5C48' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4 4 10-10'/%3E%3C/svg%3E")}
.resposta.talvez .veredito{color:var(--ambar)}
.resposta.talvez .veredito::before{background-color:#FBEFD5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A5E0A' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 17h.01'/%3E%3C/svg%3E")}
.resposta.nada .veredito{color:var(--coral)}
.resposta.nada .veredito::before{background-color:#F8E1E1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A32E2E' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E")}
.resposta .corpo{margin:0 0 var(--e3);font-size:var(--t-md);line-height:1.55;color:var(--tinta)}
.resposta .detalhe{margin:0 0 var(--e6);font-family:var(--mono);font-size:12px;color:var(--apoio)}
.resposta .btn{background:var(--verde);color:#fff;box-shadow:0 10px 30px -12px rgba(14,127,99,.7)}
.resposta .btn .seta{background:#fff;color:var(--verde)}

.nav ul a[aria-current="page"]{color:#fff;background:rgba(231,240,236,.08)}

@media (max-width:719px){
  .consulta-topo .arco-solto{width:360px;right:-140px;bottom:-140px}
  .cartao.busca{padding:var(--e6)}
  .resposta{padding:var(--e4) var(--e4) var(--e4) calc(var(--e4) + 6px)}
  .resposta .btn{width:100%;justify-content:space-between}
}

/* overflow:hidden deixa o foco do campo rolar o painel para o lado; clip não */
.painel{overflow:clip}