/* Logo PW Estúdio — mesma animação do logo-animada.svg, com classes prefixadas (pw-) */
.pw-logo .pw-ch, .pw-logo .pw-main, .pw-logo .pw-flash { transform-box: fill-box; transform-origin: center; }
.pw-logo .pw-ch { opacity: 0; mix-blend-mode: screen; }

/* parado (sem a classe .liga) o logo já aparece pronto; com .liga toca a abertura */
.pw-logo .pw-main use {
  fill: #bababa; fill-opacity: 1;
  stroke: #424242; stroke-width: 3; stroke-linejoin: miter;
  stroke-dasharray: 1; stroke-dashoffset: 0;
}
.pw-logo.liga .pw-main use {
  animation: pw-draw 1.5s cubic-bezier(.65,0,.25,1) both, pw-fillOn .6s 1.5s step-end forwards, pw-edge .8s 1.9s ease both;
}
@keyframes pw-draw { from { stroke-dashoffset: 1; fill-opacity: 0; stroke: #f2f2f2; } to { stroke-dashoffset: 0; fill-opacity: 0; stroke: #f2f2f2; } }
@keyframes pw-fillOn { 0% { fill-opacity: 1; } 15% { fill-opacity: 0; } 30% { fill-opacity: .8; } 45% { fill-opacity: .1; } 60%, 100% { fill-opacity: 1; } }
@keyframes pw-edge { from { stroke: #f2f2f2; } to { stroke: #424242; } }

.pw-logo.liga .pw-ch-r { animation: pw-gR 6s 2.4s step-end infinite; }
.pw-logo.liga .pw-ch-c { animation: pw-gC 6s 2.4s step-end infinite; }
.pw-logo.liga .pw-main { animation: pw-gM 6s 2.4s step-end infinite; }
.pw-logo .pw-flash { opacity: 0; }
.pw-logo.liga .pw-flash { animation: pw-fl 6s 2.4s step-end infinite; }
.pw-logo .pw-scan { opacity: 0; }
.pw-logo.liga .pw-scan { animation: pw-scan 6s 2.4s linear infinite; }

@keyframes pw-gR {
  0% { opacity: 0; transform: none; clip-path: inset(0); }
  19% { opacity: .9; transform: translate(-8px,1px); clip-path: inset(6% 0 58% 0); }
  20% { opacity: .9; transform: translate(6px,-2px); clip-path: inset(42% 0 30% 0); }
  21% { opacity: .9; transform: translate(-4px,0); clip-path: inset(72% 0 4% 0); }
  22% { opacity: 0; transform: none; clip-path: inset(0); }
  54% { opacity: .9; transform: translate(-12px,2px); clip-path: inset(0 0 60% 0); }
  55.5% { opacity: .9; transform: translate(10px,-1px); clip-path: inset(30% 0 35% 0); }
  57% { opacity: .9; transform: translate(-6px,3px); clip-path: inset(60% 0 10% 0); }
  58.5% { opacity: .9; transform: translate(14px,0); clip-path: inset(15% 0 50% 0); }
  60% { opacity: .9; transform: translate(-9px,-2px); clip-path: inset(45% 0 20% 0); }
  61.5% { opacity: 0; transform: none; clip-path: inset(0); }
  80% { opacity: .9; transform: translate(5px,0); clip-path: inset(20% 0 55% 0); }
  81% { opacity: .9; transform: translate(-5px,1px); clip-path: inset(65% 0 8% 0); }
  82%, 100% { opacity: 0; transform: none; clip-path: inset(0); }
}
@keyframes pw-gC {
  0% { opacity: 0; transform: none; clip-path: inset(0); }
  19% { opacity: .9; transform: translate(7px,-1px); clip-path: inset(30% 0 45% 0); }
  20% { opacity: .9; transform: translate(-6px,2px); clip-path: inset(0 0 75% 0); }
  21% { opacity: .9; transform: translate(5px,1px); clip-path: inset(55% 0 15% 0); }
  22% { opacity: 0; transform: none; clip-path: inset(0); }
  54% { opacity: .9; transform: translate(11px,-2px); clip-path: inset(40% 0 25% 0); }
  55.5% { opacity: .9; transform: translate(-12px,1px); clip-path: inset(5% 0 70% 0); }
  57% { opacity: .9; transform: translate(8px,-3px); clip-path: inset(25% 0 40% 0); }
  58.5% { opacity: .9; transform: translate(-10px,2px); clip-path: inset(70% 0 5% 0); }
  60% { opacity: .9; transform: translate(6px,1px); clip-path: inset(10% 0 60% 0); }
  61.5% { opacity: 0; transform: none; clip-path: inset(0); }
  80% { opacity: .9; transform: translate(-6px,1px); clip-path: inset(50% 0 25% 0); }
  81% { opacity: .9; transform: translate(4px,-1px); clip-path: inset(10% 0 70% 0); }
  82%, 100% { opacity: 0; transform: none; clip-path: inset(0); }
}
@keyframes pw-gM {
  0% { transform: none; clip-path: inset(0); }
  19% { transform: translate(4px,0) skewX(-4deg); clip-path: inset(0 0 20% 0); }
  20% { transform: translate(-3px,1px); clip-path: inset(15% 0 0 0); }
  21% { transform: translate(1px,-1px) skewX(3deg); clip-path: inset(0); }
  22% { transform: none; clip-path: inset(0); }
  54% { transform: translate(-6px,3px) skewX(5deg); clip-path: inset(0 0 12% 0); }
  55.5% { transform: translate(7px,-2px); clip-path: inset(18% 0 0 0); }
  57% { transform: translate(-4px,-3px) skewX(-6deg); clip-path: inset(0); }
  58.5% { transform: translate(5px,2px); clip-path: inset(0 0 30% 0); }
  60% { transform: translate(-3px,1px) skewX(3deg); clip-path: inset(8% 0 0 0); }
  61.5% { transform: none; clip-path: inset(0); }
  80% { transform: translate(-3px,0) skewX(2deg); clip-path: inset(0 0 10% 0); }
  81% { transform: translate(2px,1px); clip-path: inset(0); }
  82%, 100% { transform: none; clip-path: inset(0); }
}
@keyframes pw-fl { 0% { opacity: 0; } 54% { opacity: .85; } 55% { opacity: 0; } 58.5% { opacity: .4; } 59.2% { opacity: 0; } 100% { opacity: 0; } }
@keyframes pw-scan {
  0% { opacity: 0; transform: translateY(0); } 66% { opacity: 0; transform: translateY(0); }
  70% { opacity: .7; transform: translateY(40px); } 96% { opacity: .5; transform: translateY(360px); }
  100% { opacity: 0; transform: translateY(380px); }
}
@media (prefers-reduced-motion: reduce) {
  .pw-logo .pw-main use, .pw-logo.liga .pw-main use { animation: none; fill-opacity: 1; stroke: #424242; stroke-dashoffset: 0; }
  .pw-logo.liga .pw-ch, .pw-logo.liga .pw-main, .pw-logo.liga .pw-flash, .pw-logo.liga .pw-scan { animation: none; }
}