/* O atendente da loja (lib/atendente.ts): as cores vêm de --at-pele,
   --at-camisa e --at-cabelo; respira, pisca e mexe a boca enquanto fala. */
.at { display: block; width: 100%; overflow: visible; }
.at-pele { fill: var(--at-pele); }
.at-pele-2 { fill: color-mix(in oklch, var(--at-pele), black 14%); }
.at-traco-pele { stroke: color-mix(in oklch, var(--at-pele), black 32%); fill: none; stroke-width: 2.4; stroke-linecap: round; }
.at-camisa { fill: var(--at-camisa); }
.at-camisa-2 { fill: color-mix(in oklch, var(--at-camisa), black 22%); }
.at-s-camisa { stroke: var(--at-camisa); }
.at-s-camisa-2 { stroke: color-mix(in oklch, var(--at-camisa), black 22%); }
.at-s-pele { stroke: var(--at-pele); }
.at-s-manga { stroke: color-mix(in oklch, var(--at-camisa), black 10%); }
.at-cabelo { fill: var(--at-cabelo); }
.at-s-cabelo { stroke: var(--at-cabelo); fill: none; }
.at-s-cabelo-luz { stroke: color-mix(in oklch, var(--at-cabelo), white 22%); fill: none; }
.at-sobrancelha { stroke: color-mix(in oklch, var(--at-cabelo), black 15%); fill: none; stroke-linecap: round; }
.at-corpo { animation: at-respira 3.6s ease-in-out infinite; }
.at-feliz .at-corpo { animation: at-pula 0.9s cubic-bezier(.3, .6, .4, 1) infinite; }
.at-olhos { transform-box: fill-box; transform-origin: center; animation: at-pisca 4.4s infinite; }
.at-olhos.at-parado-olho { animation: none; }
.at-boca-aberta { opacity: 0; }
.at-falando .at-boca-aberta { animation: at-fala 0.34s infinite; }
.at-falando .at-boca-fechada { animation: at-fala 0.34s infinite reverse; }
.at-aponta { transform-origin: 214px 238px; animation: at-aponta 1.6s ease-in-out infinite; }
.at-quieto .at-corpo, .at-quieto .at-olhos { animation: none; }
@keyframes at-respira { 50% { transform: translateY(1.6px); } }
@keyframes at-pula { 0%, 100% { transform: translateY(0); } 40% { transform: translateY(-9px); } }
@keyframes at-pisca { 0%, 93%, 100% { transform: scaleY(1); } 96% { transform: scaleY(.08); } }
@keyframes at-fala { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
@keyframes at-aponta { 50% { transform: rotate(-5deg); } }