/* Busca do topo no desktop: so a lupa numa pilula; abre para a direita ao passar o mouse ou clicar. */
.busca-lupa { position: relative; flex: none; width: 2.25rem; height: 2.25rem; }
.busca-lupa__caixa { position: absolute; left: 0; top: 0; z-index: 2; display: flex; align-items: center; width: 2.25rem; height: 2.25rem; overflow: hidden; border: 1px solid rgb(var(--sakura-rgb, 255 42 109) / 0.45); border-radius: 999px;
  background: var(--bg-panel, #120a18); transition: width .28s ease, background-color .2s, border-color .2s; }
.busca-lupa:hover .busca-lupa__caixa, .busca-lupa:focus-within .busca-lupa__caixa { width: 15rem; border-color: var(--sakura); box-shadow: 0 0 12px rgb(var(--sakura-rgb, 255 42 109) / 0.3); }
.busca-lupa__icone { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 2.15rem; height: 2.15rem; margin-left: -1px; color: var(--sakura); cursor: pointer; transition: text-shadow .2s, transform .2s; }
.busca-lupa:hover .busca-lupa__icone { text-shadow: 0 0 8px var(--sakura); }
.busca-lupa input { flex: 1; min-width: 0; appearance: none; -webkit-appearance: none; height: 100%; padding: 0 0.9rem 0 0.1rem; border: 0; background: transparent; color: var(--text); font-size: 0.875rem; outline: none; }
.busca-lupa input::placeholder { color: var(--text-muted); }
.busca-lupa__res { position: absolute; left: 0; top: 100%; z-index: 60; width: 20rem; max-width: 90vw; max-height: 70vh; margin-top: 0.3rem; overflow-y: auto; padding: 0.25rem 0;
  border: 1px solid rgb(var(--sakura-rgb, 255 42 109) / 0.5); border-radius: 0.6rem; background: var(--bg-panel, #120a18); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55); }
.busca-lupa__res[hidden] { display: none; }
@media (max-width: 1023px) { .busca-lupa { display: none; } }
.busca-lupa input::-webkit-search-cancel-button { display: none; }