/* CRO Lab: faint growth line between sections */
.transicao {
  height: clamp(64px, 10vh, 110px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.transicao__linha {
  width: 100%;
  max-width: 1120px;
  height: 72px;
  display: block;
  opacity: 1;
}
.transicao__path {
  fill: none;
  stroke: #00F5C8;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.11;
  stroke-dasharray: 1400;
  stroke-dashoffset: 1400;
  transition: stroke-dashoffset 1.4s ease-out;
}
.transicao.is-in .transicao__path {
  stroke-dashoffset: 0;
}
.transicao__node {
  fill: #00F5C8;
  opacity: 0;
  transition: opacity 0.45s ease-out 1s;
}
.transicao.is-in .transicao__node {
  opacity: 0.18;
}
.transicao__ring {
  fill: none;
  stroke: #00F5C8;
  stroke-width: 1;
  opacity: 0;
  transition: opacity 0.45s ease-out 1.05s;
}
.transicao.is-in .transicao__ring {
  opacity: 0.12;
}
@media (max-width: 900px) {
  .transicao { height: clamp(48px, 8vh, 80px); }
  .transicao__linha { height: 56px; }
  .transicao__path { stroke-width: 1.2; opacity: 0.1; }
}
@media (prefers-reduced-motion: reduce) {
  .transicao__path,
  .transicao__node,
  .transicao__ring { transition: none; }
  .transicao__path { stroke-dashoffset: 0; }
  .transicao__node { opacity: 0.18; }
  .transicao__ring { opacity: 0.12; }
}