/* Efeitos (efeitos.js). Só formas e posição; a cor vem de --confete de cada loja. */
.ef-mascara { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .08em; margin-bottom: -.08em; }
.ef-palavra { display: inline-block; will-change: transform; }
.ef-confete { position: fixed; inset: 0; pointer-events: none; z-index: 70; overflow: hidden; }
.ef-confete i { position: absolute; display: block; margin: -5px 0 0 -5px; }
.ef-tira { width: 6px; height: 12px; border-radius: 2px; background: var(--c); }
.ef-bola { width: 9px; height: 9px; border-radius: 50%; background: var(--c); }
.ef-estrela { width: 14px; height: 14px; background: var(--c); clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.ef-brilho { width: 12px; height: 12px; background: var(--c); clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%); }