/* Central de ajuda */

.hero{text-align:center;padding-bottom:clamp(52px,7vw,80px)}
.hero h1{max-width:16ch;margin:0 auto}
.hero-sub{margin-left:auto;margin-right:auto;max-width:58ch}

/* campo de busca */
.busca{
  margin:30px auto 0;max-width:520px;display:flex;align-items:center;gap:12px;
  background:#fff;border-radius:999px;padding:4px 4px 4px 20px;
  box-shadow:0 1px 2px rgba(16,24,40,.05),0 18px 36px -20px rgba(11,27,58,.6);
}
.busca svg{color:var(--muted);flex-shrink:0}
.busca input{
  flex:1;border:0;background:transparent;padding:15px 18px 15px 0;
  font-family:inherit;font-size:1rem;color:var(--ink);
}
.busca input:focus{outline:none}
.busca input::placeholder{color:var(--muted)}

/* canais de atendimento */
.canais{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.canal{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px 24px}
.canal-ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.canal-ic.bot{background:rgba(47,107,255,.12);color:var(--blue-700)}
.canal-ic.wa{background:rgba(37,211,102,.16);color:#0E7A3C}
.canal-ic.sys{background:rgba(217,145,20,.14);color:#9A6608}
.canal b{display:block;font-size:1.08rem;font-weight:700;margin-bottom:7px}
.canal p{font-size:.94rem;color:var(--muted);margin-bottom:16px}
.canal .btn{margin-top:2px}

/* blocos por tema */
.temas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,32px)}
.tema h3{
  font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--blue-700);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line);
}
/* usada pela busca: vence qualquer outra regra de display */
.is-hid{display:none !important}

.sem-resultado{
  margin-top:28px;text-align:center;color:var(--muted);font-size:.98rem;
  background:#fff;border:1px dashed var(--line);border-radius:14px;padding:26px;
}

@media(max-width:900px){
  .canais{grid-template-columns:1fr}
  .temas{grid-template-columns:1fr}
}

/* resultados da busca */
.busca{position:relative}
.busca-resultados{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 10px);
  z-index:50;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 20px 42px -18px rgba(11,27,58,.55);
  overflow:hidden;
  text-align:left;
}
.busca-resultados[hidden]{display:none}
.busca-resultados-topo{
  padding:12px 18px 9px;
  color:var(--muted);
  font-size:.76rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  border-bottom:1px solid var(--line);
}
.busca-resultado{
  display:block;
  width:100%;
  border:0;
  background:#fff;
  text-align:left;
  padding:12px 18px;
  cursor:pointer;
  font-family:inherit;
}
.busca-resultado:hover{background:var(--tile)}
.busca-resultado-titulo{
  display:block;
  color:var(--ink);
  font-size:.92rem;
  font-weight:600;
  line-height:1.35;
}
.busca-resultado-tema{
  display:block;
  margin-top:3px;
  color:var(--blue-700);
  font-size:.76rem;
}
.busca-mais{
  padding:10px 18px 13px;
  color:var(--muted);
  font-size:.78rem;
  border-top:1px solid var(--line);
}
.busca-sem-resultado{
  padding:20px 18px 18px;
  text-align:left;
}
.busca-sem-resultado strong{
  display:block;
  color:var(--ink);
  font-size:.95rem;
  margin-bottom:4px;
}
.busca-sem-resultado span{
  display:block;
  color:var(--muted);
  font-size:.88rem;
  margin-bottom:14px;
}
.busca-sem-resultado .btn{
  padding:9px 17px;
  font-size:.84rem;
}
.busca-destaque{animation:buscaDestaque 1.2s ease}
@keyframes buscaDestaque{
  0%,100%{box-shadow:none}
  25%,70%{box-shadow:0 0 0 3px rgba(34,211,238,.35)}
}
@media(max-width:600px){
  .busca-resultados{
    position:fixed;
    left:20px;
    right:20px;
    top:145px;
  }
}