/* Estabilização de primeira pintura e composição visual do portal +Elo. */
html.catalog-pending .orbit-card,
html.catalog-pending .product-card,
html.catalog-pending .coming-card {
  visibility: hidden !important;
}

html.catalog-pending[data-product-page] body {
  visibility: hidden !important;
}

html.catalog-ready .orbit-card,
html.catalog-ready .product-card,
html.catalog-ready .coming-card {
  transition: opacity .16s ease, transform .2s ease, box-shadow .2s ease;
}

/* Mantém o FaroBella visualmente ligado ao núcleo em todas as larguras. */
@media (min-width: 761px) {
  .connection-one {
    top: 100px;
    left: 170px;
    width: 120px;
    transform: rotate(56deg);
    background: linear-gradient(90deg, rgba(139, 104, 215, .45), var(--violet), rgba(139, 104, 215, .8));
  }
}

@media (max-width: 760px) {
  .connection-one {
    top: 70px;
    left: 140px;
    width: 100px;
    transform: rotate(70deg);
    background: linear-gradient(90deg, rgba(139, 104, 215, .45), var(--violet), rgba(139, 104, 215, .8));
  }
}

/* Desktop: mantém folga real entre o núcleo +Elo e o card TchêMova. */
@media (min-width: 981px) {
  .ecosystem-visual {
    min-height: 520px;
  }

  .orbit-tchemova {
    top: 178px;
    right: -92px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.catalog-ready .orbit-card,
  html.catalog-ready .product-card,
  html.catalog-ready .coming-card {
    transition: none;
  }
}