/* =========================================================
   SerformanceP — MINIATURA DE ARTISTA SEM FOTO (Acervo 1.13)
   Desenho de Isaac no Claude Design: o glitch vira regra.
   A silhueta é cortada em 4 faixas horizontais e cada faixa
   desliza no eixo X; a cabeça (faixa 1) nunca se move.
   Só os dois tons esmaecidos. Variação por ID % 6 (v1 a v6).
   ========================================================= */
.sp-avatar {
	--sp-c1: 54%; --sp-c2: 63%; --sp-c3: 72%;
	--sp-g2: 6%;  --sp-g3: -3%; --sp-g4: 10%;
	position: relative; display: block; width: 100%; aspect-ratio: 1 / 1; overflow: hidden;
}
.sp-avatar__faixa { position: absolute; inset: 0; }
.sp-avatar__faixa--1 { clip-path: inset(0 0 calc(100% - var(--sp-c1)) 0); }
.sp-avatar__faixa--2 { clip-path: inset(var(--sp-c1) 0 calc(100% - var(--sp-c2)) 0); transform: translateX(var(--sp-g2)); }
.sp-avatar__faixa--3 { clip-path: inset(var(--sp-c2) 0 calc(100% - var(--sp-c3)) 0); transform: translateX(var(--sp-g3)); }
.sp-avatar__faixa--4 { clip-path: inset(var(--sp-c3) 0 0 0); transform: translateX(var(--sp-g4)); }
.sp-avatar__disco { position: absolute; inset: 0; border-radius: 50%; background: var(--sp-mudo-claro, #F7E9EA); overflow: hidden; }
.sp-avatar__cabeca { position: absolute; left: 34%; top: 22%; width: 32%; aspect-ratio: 1 / 1; border-radius: 50%; background: var(--sp-mudo-medio, #D69EA4); }
.sp-avatar__ombros { position: absolute; left: 20%; top: 60%; width: 60%; height: 50%; border-radius: 50% 50% 0 0 / 60% 60% 0 0; background: var(--sp-mudo-medio, #D69EA4); }
.sp-avatar--v1 { --sp-c1: 54%; --sp-c2: 63%; --sp-c3: 72%; --sp-g2: 6%;   --sp-g3: -3%;  --sp-g4: 10%; }
.sp-avatar--v2 { --sp-c1: 48%; --sp-c2: 58%; --sp-c3: 80%; --sp-g2: -8%;  --sp-g3: 4%;   --sp-g4: -2%; }
.sp-avatar--v3 { --sp-c1: 60%; --sp-c2: 66%; --sp-c3: 74%; --sp-g2: 10%;  --sp-g3: -6%;  --sp-g4: 3%; }
.sp-avatar--v4 { --sp-c1: 42%; --sp-c2: 48%; --sp-c3: 70%; --sp-g2: -4%;  --sp-g3: 8%;   --sp-g4: -8%; }
.sp-avatar--v5 { --sp-c1: 56%; --sp-c2: 70%; --sp-c3: 76%; --sp-g2: 3%;   --sp-g3: -10%; --sp-g4: 5%; }
.sp-avatar--v6 { --sp-c1: 64%; --sp-c2: 68%; --sp-c3: 86%; --sp-g2: -12%; --sp-g3: 6%;   --sp-g4: -4%; }