/* Flechas de scroll entre secciones — solo escritorio */
.scroll-arrows {
  display: none;
}

@media (min-width: 1024px) {
  .scroll-arrows {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: fixed;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 55;
  }

  .scroll-arrow {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(34, 211, 238, 0.45);
    border-radius: 50%;
    background: rgba(5, 7, 11, 0.88);
    color: #22d3ee;
    cursor: pointer;
    backdrop-filter: blur(10px);
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
  }

  .scroll-arrow:hover:not(:disabled) {
    background: rgba(34, 211, 238, 0.15);
    border-color: rgba(34, 211, 238, 0.85);
    transform: scale(1.06);
  }

  .scroll-arrow:disabled,
  .scroll-arrow[hidden] {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }

  /* Evitar solaparse con WhatsApp en pantallas bajas */
  @media (max-height: 720px) {
    .scroll-arrows {
      top: auto;
      bottom: 100px;
      transform: none;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .scroll-arrow {
    transition: none;
  }
}