/* Pílulas editoriais e motores preservam a cor de cada contexto. */
.motor-badge,
#planos.pricing--app .motor-badge {
  --motor-size: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  padding: 6px 10px;
  border-radius: 8px;
  line-height: 1.3;
  white-space: normal;
  box-sizing: border-box;
}
.hero__badge.motor-badge { --motor-size: 28px; }
.motor-badge > .motor-badge__text {
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  background: none;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
}
.motor-icon {
  --motor-cycle: 160ms;
  --motor-spin: 560ms;
  --motor-shake: .4px;
  --motor-pulley-origin: 685px 1028px;
  display: block;
  width: var(--motor-size, 26px);
  height: var(--motor-size, 26px);
  min-width: var(--motor-size, 26px);
  max-width: var(--motor-size, 26px);
  flex: 0 0 var(--motor-size, 26px);
  overflow: visible;
  opacity: 1;
  filter: grayscale(1);
  pointer-events: none;
  transform-origin: 50% 70%;
  animation: motor-icon-vibration var(--motor-cycle) linear infinite;
}
.motor-icon[data-motor="evolution"] { --motor-cycle: 160ms; --motor-spin: 560ms; --motor-shake: .4px; --motor-pulley-origin: 685px 1028px; }
.motor-icon[data-motor="v8"] { --motor-cycle: 110ms; --motor-spin: 420ms; --motor-shake: .18px; --motor-pulley-origin: 420px 1008px; }
.motor-icon[data-motor="l6"] { --motor-cycle: 100ms; --motor-spin: 440ms; --motor-shake: .1px; --motor-pulley-origin: 185px 990px; }
.motor-icon[data-motor="v4"] { --motor-cycle: 116ms; --motor-spin: 380ms; --motor-shake: .22px; --motor-pulley-origin: 853px 918px; }
.motor-icon[data-motor="mono"] { --motor-cycle: 180ms; --motor-spin: 620ms; --motor-shake: .45px; --motor-pulley-origin: 695px 994px; }
.motor-badge > .motor-icon,
#planos.pricing--app .motor-badge > .motor-icon,
.site-language summary > .motor-icon {
  width: var(--motor-size, 26px);
  height: var(--motor-size, 26px);
  min-width: var(--motor-size, 26px);
  max-width: var(--motor-size, 26px);
  flex: 0 0 var(--motor-size, 26px);
  opacity: 1;
}
.site-language summary > .motor-icon { --motor-size: 28px; }
.motor-icon .motor-icon__pulley {
  transform-box: view-box;
  transform-origin: var(--motor-pulley-origin);
  animation: motor-icon-pulley var(--motor-spin) linear infinite;
}
.motor-icon[data-engine-paused],
.motor-icon[data-engine-paused] .motor-icon__pulley { animation-play-state: paused; }
@keyframes motor-icon-vibration {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(var(--motor-shake), calc(var(--motor-shake) * -.5)) rotate(.08deg); }
  50% { transform: translate(calc(var(--motor-shake) * -1), calc(var(--motor-shake) * .5)) rotate(-.08deg); }
  75% { transform: translate(calc(var(--motor-shake) / 3), 0) rotate(.03deg); }
}
@keyframes motor-icon-pulley { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .motor-icon,
  .site-language summary > .motor-icon,
  .motor-icon .motor-icon__pulley { animation: none; }
}
