/* A imagem original reserva o espaço exato da marca, inclusive durante a carga. */
.eixo__logocard { position: relative; }
.eixo__logocard .eixo-motion__art {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 300px;
  height: auto;
  overflow: visible;
  visibility: hidden;
  pointer-events: none;
}
.eixo__logocard[data-motion-ready="true"] > img { visibility: hidden; }
.eixo__logocard[data-motion-ready="true"] .eixo-motion__art { visibility: visible; }
.eixo-motion__intro, .eixo-motion__idle, .eixo-motion__focus { transform-box: view-box; }
.eixo-motion__intro, .eixo-motion__idle, .eixo-motion__river { animation-play-state: paused !important; }
.eixo__logocard[data-motion-run="true"] .eixo-motion__intro,
.eixo__logocard[data-motion-run="true"] .eixo-motion__idle,
.eixo__logocard[data-motion-run="true"] .eixo-motion__river { animation-play-state: running !important; }
.eixo-motion__focus { transition: transform 580ms cubic-bezier(.22,.72,.2,1); }

/* Democracia: as duas vozes alternam a fala, sem mover a assinatura branca. */
[data-motion-entered="true"] .eixo-motion__voice-in--0 { animation: eixo-voz-entrada .95s cubic-bezier(.2,.72,.2,1) both; }
[data-motion-entered="true"] .eixo-motion__voice-in--1 { animation: eixo-voz-entrada .95s .14s cubic-bezier(.2,.72,.2,1) both; }
[data-motion-entered="true"] .eixo-motion__voice--0 { animation: eixo-voz-esquerda 4s 1.05s ease-in-out infinite; }
[data-motion-entered="true"] .eixo-motion__voice--1 { animation: eixo-voz-direita 4s 1.05s ease-in-out infinite; }
[data-motion-interacting="true"] .eixo-motion__voice-focus--0 { transform: translate(-12px,-6px) scaleY(1.06); }
[data-motion-interacting="true"] .eixo-motion__voice-focus--1 { transform: translate(12px,6px) scaleY(1.06); }
@keyframes eixo-voz-entrada {
  0% { transform: scaleY(.28); }
  64% { transform: scaleY(1.08); }
  100% { transform: scaleY(1); }
}
@keyframes eixo-voz-esquerda {
  0%,100% { transform: translateY(0) scaleY(1); }
  15% { transform: translateY(-6px) scaleY(.38); }
  31% { transform: translateY(2px) scaleY(1.08); }
  48% { transform: translateY(6px) scaleY(.66); }
  66% { transform: translateY(0) scaleY(1.02); }
  82% { transform: translateY(-4px) scaleY(.46); }
}
@keyframes eixo-voz-direita {
  0%,100% { transform: translateY(0) scaleY(1); }
  15% { transform: translateY(4px) scaleY(.9); }
  32% { transform: translateY(6px) scaleY(.42); }
  49% { transform: translateY(-2px) scaleY(1.08); }
  67% { transform: translateY(-6px) scaleY(.36); }
  84% { transform: translateY(0) scaleY(1.04); }
}

/* Ciência: órbitas em rotação contínua, atrás das letras imóveis. */
[data-motion-entered="true"] .eixo-motion__atom-in { animation: eixo-atomo-entrada 1.1s cubic-bezier(.2,.72,.2,1) both; }
[data-motion-entered="true"] .eixo-motion__atom { animation: eixo-atomo-orbita 11.5s linear infinite; }
[data-motion-interacting="true"] .eixo-motion__atom-focus { transform: rotate(8deg) scale(1.07); }
.eixo-motion__electron { opacity: 1; }
@keyframes eixo-atomo-entrada {
  0% { transform: rotate(-28deg) scale(.91); }
  100% { transform: rotate(0) scale(1); }
}
@keyframes eixo-atomo-orbita {
  from { transform: rotate(0); }
  to { transform: rotate(360deg); }
}

/* Meio ambiente: a corrente inteira ondula, com luz contínua dentro das margens. */
[data-motion-entered="true"] .eixo-motion__water { animation: eixo-agua-ondula 4.8s ease-in-out infinite; }
[data-motion-interacting="true"] .eixo-motion__water-focus { transform: translateY(-6px) rotate(.7deg); }
@keyframes eixo-agua-ondula {
  0%,100% { transform: translate(0,0) rotate(0) scaleY(1); }
  25% { transform: translate(-6px,-12px) rotate(-1.1deg) scaleY(1.035); }
  50% { transform: translate(0,0) rotate(0) scaleY(1); }
  75% { transform: translate(6px,12px) rotate(1.1deg) scaleY(.97); }
}
.eixo-motion__river {
  fill: none;
  stroke: #f3fff4;
  stroke-linecap: round;
  stroke-width: 13;
  stroke-dasharray: 210 790;
  opacity: 0;
  transition: stroke-width 400ms ease;
}
[data-motion-entered="true"] .eixo-motion__river--idle {
  animation: eixo-rio-fluxo var(--river-period,4.2s) var(--river-delay,0s) linear infinite;
}
[data-motion-interacting="true"] .eixo-motion__river--response { animation: eixo-rio-resposta 2.2s linear both; }
[data-motion-interacting="true"] .eixo-motion__river { stroke-width: 16; }
@keyframes eixo-rio-fluxo {
  from { stroke-dashoffset: 1000; opacity: .8; }
  to { stroke-dashoffset: 0; opacity: .8; }
}
@keyframes eixo-rio-resposta {
  0% { stroke-dashoffset: 1000; opacity: 0; }
  8%,90% { opacity: .9; }
  100% { stroke-dashoffset: 0; opacity: 0; }
}

@media (max-width:980px) { .eixo__logocard .eixo-motion__art { max-width: 260px; } }
@media (prefers-reduced-motion:reduce) {
  .eixo-motion__intro, .eixo-motion__idle, .eixo-motion__focus { animation: none !important; transform: none !important; transition: none !important; }
  .eixo-motion__river { animation: none !important; opacity: 0 !important; }
  .eixo-motion__electron { visibility: hidden; }
}