/* Rips · botões de papel ilustrado (rips-papel.js desenha o papel em SVG dentro do botão).
   Os seletores repetem .papel para ganhar das regras antigas do .pc-btn (ilha neon, tilt 3D, skew)
   sem !important, que mataria as animações de entrada. */
html body .papel.papel.papel[data-papel] {
  position: relative;
  isolation: isolate;
  border: 0;
  background: none;
  box-shadow: none;
  filter: none;
  transform: none;
  -webkit-tap-highlight-color: transparent;
}
html body .papel.papel.papel[data-papel]::before,
html body .papel.papel.papel[data-papel]::after,
html body .papel.papel.papel[data-papel] .pc-btn__luz { display: none; }
.papel > .papel__svg { position: absolute; left: 0; top: 0; overflow: visible; z-index: -1; pointer-events: none; }
.papel__txt { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 0.45em; pointer-events: none; will-change: transform; mix-blend-mode: multiply; }
.papel-sa { fill: #000; fill-opacity: 0.55; }
html body .papel.papel.papel[data-papel]:focus-visible { outline: none; }
.papel:focus-visible .papel__txt { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.25em; }

/* botão quadrado de ícone */
html body .papel.papel.papel[data-papel-ic] { width: 2.75em; height: 2.75em; padding: 0; }

/* abas da loja: espaço para a sombra e para a escolhida subir e inclinar sem ser cortada */
html body .loja__cats:has(.papel) { padding: 0.55rem 0.5rem 0.8rem 0.3rem; gap: 0.35rem; }
html body .loja__cat.papel { padding: 0.7em 1.05em; }