/* Carimbo (módulo 09, cores da gabinerys) + animações das 3 ilustrações. .viva = na tela; .carimbou = entrada; .carimbado = trava. */
:root { --carimbo-tam: 104px; --il-tam: 72px; }
.carimbo-il { display: grid; place-items: center; width: var(--carimbo-tam); height: var(--carimbo-tam); border-radius: 50%; overflow: hidden;
  background: var(--sombra); color: var(--luz); border: 2px dashed rgba(21,21,21,.5); rotate: -6deg;
  box-shadow: inset 0 0 0 5px var(--sombra), inset 0 0 0 6.5px rgba(242,239,235,.35); }
[data-carimbo]:nth-child(even) .carimbo-il { rotate: 5deg; }
.carimbou .carimbo-il { animation: carimba .55s cubic-bezier(.3,1.6,.5,1) both; animation-delay: calc(var(--i, 0) * 140ms); }
.carimbado .carimbo-il { animation: none; }
@keyframes carimba { 0% { scale: 1.6; opacity: 0; } 60% { scale: .92; opacity: 1; } 100% { scale: 1; } }
.il { width: var(--il-tam); height: var(--il-tam); overflow: visible; }
.il * { animation-play-state: paused !important; transform-box: fill-box; transform-origin: center; }
.viva .il * { animation-play-state: running !important; }

.bola-brilhos path { animation: cintila 2.4s ease-in-out infinite; }
.bola-brilhos .b2 { animation-delay: .8s; } .bola-brilhos .b3 { animation-delay: 1.6s; }
@keyframes cintila { 0%, 100% { opacity: .15; scale: .5; } 50% { opacity: 1; scale: 1.15; } }
.bola-reflexo { animation: reflete 4s ease-in-out infinite; }
@keyframes reflete { 0%, 100% { opacity: .4; } 50% { opacity: 1; } }

.lua-sombra { animation: fase 6s ease-in-out infinite alternate; }
@keyframes fase { from { transform: translateX(-30px); } to { transform: translateX(30px); } }
.lua-estrelas circle { animation: cintila 3s ease-in-out infinite; }
.lua-estrelas circle:nth-child(2) { animation-delay: 1s; } .lua-estrelas circle:nth-child(3) { animation-delay: 2s; }

.sol-raios { transform-origin: 40px 40px !important; transform-box: view-box !important; animation: girar 14s linear infinite; }
.sol-raios path { animation: pulsa 2s ease-in-out infinite; }
@keyframes pulsa { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }

@media (prefers-reduced-motion: reduce) { .il *, .carimbou .carimbo-il { animation: none !important; } }