/* Traço e movimento das ilustrações (ilustras.js). Movimento por tempo; pausa fora da tela vem do carimbo.css (!important). */
.il { fill: none; stroke: var(--copia); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.il .pl { fill: var(--palco-claro); stroke: none; }
.il * { transform-box: fill-box; }
.carimbo-il { --carimbo-tam: 92px; --il-tam: 62px; }

.hf-corpo { transform-origin: 50% 100%; animation: hf-mira 4.6s ease-in-out infinite alternate; }
.hf-feixe { fill: rgba(244,240,231,.18); stroke: none; transform-origin: 70% 0; animation: hf-varre 4.6s ease-in-out infinite alternate; }
@keyframes hf-mira { from { rotate: -10deg; } to { rotate: 10deg; } }
@keyframes hf-varre { from { rotate: -10deg; opacity: .55; } 50% { opacity: 1; } to { rotate: 10deg; opacity: .55; } }

.cm-flash { animation: cm-flash 3.2s steps(1) infinite; }
.cm-brilho { stroke: var(--palco-claro); opacity: 0; animation: cm-brilho 3.2s ease-out infinite; }
.cm-obt { transform-origin: 50% 50%; animation: cm-obt 3.2s ease-in-out infinite; }
@keyframes cm-flash { 0%, 86% { fill: none; } 88%, 94% { fill: var(--copia); } }
@keyframes cm-brilho { 0%, 86% { opacity: 0; } 89% { opacity: 1; } 100% { opacity: 0; } }
@keyframes cm-obt { 0%, 84% { scale: 1; } 88% { scale: .2; } 94%, 100% { scale: 1; } }

.cb-mov { transform-origin: 50% 0; animation: cb-balanca 3.4s ease-in-out infinite alternate; }
.cb-roupa { fill: rgba(244,240,231,.12); }
@keyframes cb-balanca { from { rotate: -7deg; } to { rotate: 7deg; } }

.cq-braco { transform-origin: 2% 100%; animation: cq-bate 2.8s cubic-bezier(.7,0,.3,1) infinite; }
@keyframes cq-bate { 0%, 55% { rotate: -16deg; } 68%, 100% { rotate: 0deg; } }

.lp-mov { animation: lp-anda 6s ease-in-out infinite; }
@keyframes lp-anda { 0%, 100% { translate: 0 0; } 25% { translate: -12px -8px; } 50% { translate: -10px 6px; } 75% { translate: 2px -4px; } }

.bl-p { fill: var(--copia); stroke: none; animation: bl-pula 1.4s ease-in-out infinite; }
.bl-2 { animation-delay: .18s; } .bl-3 { animation-delay: .36s; }
@keyframes bl-pula { 0%, 60%, 100% { translate: 0 0; opacity: .5; } 30% { translate: 0 -4px; opacity: 1; } }

.pr-c1, .pr-c2, .pr-c3 { transform-origin: 50% 0; }
.pr-c1 { animation: pr-mexe 3s ease-in-out infinite alternate; }
.pr-c2 { animation: pr-mexe 3.6s ease-in-out infinite alternate-reverse; }
.pr-c3 { animation: pr-mexe 4.2s ease-in-out infinite alternate; }
@keyframes pr-mexe { from { rotate: -5deg; } to { rotate: 5deg; } }

.rl-gira { transform-origin: 50% 50%; animation: rl-gira 5s linear infinite; }
.rl-fita { stroke-dasharray: 4 3; animation: rl-fita 1.2s linear infinite; }
@keyframes rl-gira { to { rotate: 360deg; } }
@keyframes rl-fita { to { stroke-dashoffset: -14; } }