/* Ajustes exclusivos da pagina Recursos: mantem o visual original com menos volume. */
.resources-page .resource-coming-soon {
  margin-left: 10px;
  padding: 5px 9px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(200, 241, 53, .24);
  border-radius: 999px;
  color: #c8f135;
  background: rgba(200, 241, 53, .08);
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
  vertical-align: middle;
}

.resources-page .resource-orbit .orbit-track {
  position: absolute;
  z-index: 3;
  inset: 6%;
  border-radius: 50%;
  pointer-events: none;
  animation: dooki-orbit 40s linear infinite;
  transform: rotate(var(--start));
  will-change: transform;
}

.resources-page .resource-orbit .orbit-card {
  position: absolute;
  top: 50%;
  left: 100%;
  min-width: 132px;
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(200, 241, 53, .22);
  border-radius: 12px;
  color: #c8f135;
  background: #111416;
  box-shadow: 0 15px 35px rgba(0, 0, 0, .3);
  transform: translate(-50%, -50%) rotate(calc(0deg - var(--start)));
  animation: dooki-orbit-card 40s linear infinite;
}

.resources-page .resource-orbit .orbit-card img,
.resources-page .resource-orbit .orbit-card svg {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  object-fit: contain;
  opacity: .9;
}

.resources-page .resource-orbit .orbit-card svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.resources-page .resource-orbit .orbit-card b {
  color: #e8edf3;
  font-size: 12px;
}

@keyframes dooki-orbit {
  to { transform: rotate(calc(var(--start) + 360deg)); }
}

@keyframes dooki-orbit-card {
  from { transform: translate(-50%, -50%) rotate(calc(0deg - var(--start))); }
  to { transform: translate(-50%, -50%) rotate(calc(-360deg - var(--start))); }
}

@media (prefers-reduced-motion: reduce) {
  .resources-page .resource-orbit .orbit-track,
  .resources-page .resource-orbit .orbit-card { animation: none; }
}

@media (max-width: 650px) {
  .resources-page .resource-orbit .orbit-card { min-width: 102px; padding: 10px; }
  .resources-page .resource-orbit .orbit-card b { font-size: 9px; }
  .resources-page .resource-orbit .orbit-card img,
  .resources-page .resource-orbit .orbit-card svg { width: 11px; height: 11px; flex-basis: 11px; }
}

@media (min-width: 961px) {
  .resources-page .sub-hero {
    min-height: 550px;
    padding: 48px 0 66px;
    gap: 68px;
  }

  .resources-page .resource-orbit {
    height: 430px;
  }

  .resources-page .proof-row {
    min-height: 92px;
  }

  .resources-page .section-heading {
    width: min(1120px, calc(100% - 48px));
    padding: 108px 0 52px;
  }

  .resources-page .resource-list {
    width: min(1120px, calc(100% - 48px));
  }

  .resources-page .resource-list > article {
    min-height: 500px;
    margin-bottom: 14px;
    padding: 44px;
    gap: 54px;
    border-radius: 22px;
  }

  .resources-page .resource-copy h2 {
    margin: 15px 0;
    font-size: 34px;
  }

  .resources-page .resource-copy > p {
    font-size: 14px;
    line-height: 1.65;
  }

  .resources-page .resource-copy li {
    margin-top: 9px;
  }

  .resources-page .resource-demo {
    min-height: 310px;
    border-radius: 17px;
  }

  .resources-page .menu-preview {
    max-width: 300px;
    padding: 22px;
  }

  .resources-page .order-preview {
    padding: 20px;
  }

  .resources-page .chat-preview {
    padding: 42px 28px;
  }

  .resources-page .metric-preview {
    padding: 35px;
  }

  .resources-page .metric-preview > div {
    height: 155px;
    margin-top: 28px;
  }

  .resources-page .page-cta {
    min-height: 430px;
    margin-top: 105px;
    padding: 66px;
  }
}

@media (min-width: 651px) and (max-width: 960px) {
  .resources-page .sub-hero {
    min-height: 570px;
    padding: 64px 0 62px;
  }

  .resources-page .resource-orbit {
    height: 430px;
  }

  .resources-page .section-heading {
    padding: 105px 0 52px;
  }

  .resources-page .resource-list > article {
    padding: 42px;
    gap: 32px;
    border-radius: 22px;
  }

  .resources-page .resource-demo {
    min-height: 315px;
  }

  .resources-page .page-cta {
    min-height: 430px;
    margin-top: 105px;
    padding: 65px;
  }
}