/* cena "tem" (app/cenas/tem.js): dica do palco e o realce do item da lista que está na frente do prato */
#o-que-tem .cena-palco { -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
#o-que-tem .cena-palco .dica-cena {
  position: absolute; left: 12px; right: 12px; bottom: 6px; margin: 0; text-align: center; pointer-events: none;
  font: 500 14px/1.2 var(--fonte); letter-spacing: .02em; color: var(--tinta); opacity: .72;
}
/* item ativo: um bloco chapado atrás do texto (sem sombra), o título em creme e a seta que avança */
#o-que-tem .paineis > li { position: relative; isolation: isolate; }
#o-que-tem .paineis > li::before {
  content: ""; position: absolute; z-index: -1; inset: 3px -14px 1px; border-radius: 16px; background: var(--escuro);
  opacity: 0; scale: .97 1; transition: opacity .25s var(--suave), scale .45s var(--mola);
}
#o-que-tem .paineis > li.ativo::before { opacity: .62; scale: 1 1; }
#o-que-tem .paineis > li.ativo a::after { translate: 6px 0; }
#o-que-tem .paineis > li.ativo b { color: var(--branco); }