/* ==========================================================================
   "Encontre o brinde ideal" com busca inteligente (js/brindes-busca-ia.js). Carrega depois de /css/brindes.css e usa
   as mesmas variáveis e peças (cartão, etiqueta, esqueleto). Prefixo: bia-.
   ========================================================================== */

/* a busca rola a página até os resultados: sem esta folga, o menu fixo cobria o aviso "Você buscou…" */
#brindes{scroll-margin-top:92px}

/* ---------- a caixa enquanto procura ---------- */
.bia-status{display:none;align-items:center;gap:10px;margin-top:14px;min-height:34px;font-size:13.5px;font-weight:800;color:var(--blue-dark)}
.bv-busca.bia-carregando .bia-status{display:flex}
.bv-busca.bia-carregando .bv-exemplos{display:none}
.bv-busca.bia-carregando .bv-busca-campo{border-color:rgba(0,71,187,.45);background:linear-gradient(100deg,#fff 30%,var(--soft-blue) 50%,#fff 70%);background-size:300% 100%;animation:bia-brilho 1.6s ease-in-out infinite}
.bv-busca.bia-carregando .bv-busca-campo input{color:#475467}
.bv-busca.bia-carregando .bv-busca-campo .btn{position:relative;color:transparent;transform:none;cursor:progress}
.bv-busca.bia-carregando .bv-busca-campo .btn::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:bia-gira .7s linear infinite}
.bia-pulso{flex:none;width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 0 rgba(0,71,187,.45);animation:bia-pulso 1.3s ease-out infinite}
@keyframes bia-gira{to{transform:rotate(360deg)}}
@keyframes bia-brilho{0%{background-position:100% 0}100%{background-position:0 0}}
@keyframes bia-pulso{0%{box-shadow:0 0 0 0 rgba(0,71,187,.45)}100%{box-shadow:0 0 0 10px rgba(0,71,187,0)}}

/* ---------- selo discreto e explicação ---------- */
.bia-selo{display:inline-flex;align-items:center;gap:6px;flex:none;padding:3px 9px 3px 8px;border-radius:999px;border:1px solid rgba(0,71,187,.22);background:#fff;color:var(--blue);font-size:10.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;white-space:nowrap}
.bia-selo::before{content:"";width:9px;height:9px;background:currentColor;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.bia-explica{font-family:var(--f-title);font-size:17px;line-height:1.3;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.bia-buscou{flex-basis:100%;font-size:13.5px;color:#475467;overflow-wrap:anywhere}
.bv-entendi.bia-entendi{gap:8px 10px;padding:14px 16px}

/* ---------- resultado agrupado ---------- */
.bv-layout.bia-agrupado{grid-template-columns:minmax(0,1fr)}
.bv-layout.bia-agrupado .bv-filtros{display:none}
.bia-painel{display:grid;gap:30px}
.bia-topo{display:grid;gap:14px;padding:18px 20px;border-radius:22px;background:var(--soft-blue);border:1px solid rgba(0,71,187,.14)}
.bia-fala{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.bia-topo .bia-explica{font-size:clamp(18px,2.1vw,23px)}
.bia-etiquetas{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bia-chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:5px 8px 5px 13px;border-radius:999px;background:#fff;border:1px solid rgba(0,71,187,.25);color:var(--blue-dark);font:800 13px var(--f-text);cursor:pointer;transition:background .15s,border-color .15s}
.bia-chip:hover{border-color:var(--blue)}
.bia-chip:focus-visible,.bia-ver-lista:focus-visible,.bia-grupo-ver:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.bia-chip-x{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--soft-blue);color:var(--blue);font-size:15px;line-height:1}
.bia-ver-lista{margin-left:4px;font-size:13.5px;font-weight:800;color:#475467;text-decoration:underline;text-underline-offset:3px}
.bia-ver-lista:hover{color:var(--blue)}
.bia-grupo{display:grid;gap:14px;min-width:0}
.bia-grupo-cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--line)}
.bia-grupo-cab h2{font-family:var(--f-title);font-size:clamp(21px,2.4vw,27px);line-height:1.1;letter-spacing:-.04em}
.bia-grupo-ver{white-space:nowrap}
.bia-grupo-ver::after{content:"→";margin-left:2px}
.bia-grupo .bia-skel{grid-template-columns:repeat(4,minmax(0,1fr))}
.bia-nota{margin-top:-8px}

@media(max-width:1180px){
  .bia-grupo .bia-skel{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bia-grade > li:nth-child(n+4),.bia-skel > li:nth-child(n+4){display:none}
}
@media(max-width:760px){
  .bia-grupo .bia-skel,.bia-grupo .bia-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bia-grade > li:nth-child(n+4),.bia-skel > li:nth-child(n+4){display:block}
  .bia-painel{gap:24px}
  .bia-topo{padding:14px;border-radius:18px}
  .bia-chip{min-height:44px;padding-left:14px}
  .bia-ver-lista{display:inline-flex;align-items:center;min-height:44px;margin-left:0}
  .bia-grupo-cab{align-items:center}
  .bia-grupo-ver{min-height:44px;display:inline-flex;align-items:center}
}
@media(prefers-reduced-motion:reduce){
  .bv-busca.bia-carregando .bv-busca-campo,.bia-pulso{animation:none}
  .bv-busca.bia-carregando .bv-busca-campo .btn::after{animation-duration:1.6s}
}
@media print{.bia-status,.bia-chip-x,.bia-ver-lista{display:none!important}}