/* Sustituye las entradas al cargar por entradas al llegar a cada sección. */
.explore-card,
#products .card,
#combos .combo,
.reference-crew,
.business-page .business-service {
  animation: none;
}

:is(.primary, .header-contact, .card-cta, .jump-links a, .filters button, #reset) {
  transition: transform .2s ease, background-color .2s ease,
    border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

@media (hover: hover) and (pointer: fine) {
  :is(.primary, .header-contact, .card-cta, .jump-links a):hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px -12px #edc46a80;
  }
  :is(.explore-card, #products .card, #combos .combo):focus-within {
    transform: translateY(-6px);
    border-color: var(--ink, var(--gold));
  }
}

:is(.primary, .header-contact, .card-cta, .jump-links a, .filters button, #reset):active {
  transform: translateY(1px);
}

/* Evitar que los efectos de hover queden pegados después de tocar en celular. */
@media (hover: none) {
  .explore-card:hover,
  #products .card:hover,
  #combos .combo:hover,
  .reference-crew:hover,
  .business-page .business-grid .business-service:hover,
  .business-contact:hover {
    transform: none;
  }
  .card:hover .platform-logo,
  .card:hover .platform-wordmark,
  .explore-card:hover .explore-icons,
  #combos .combo:hover .combo-platforms,
  .reference-crew:hover .crew-icon,
  .business-service:hover > .service-laptop,
  .business-service:hover > .crm-preview,
  .business-contact:hover .business-contact-art {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  :is(.primary, .header-contact, .card-cta, .jump-links a, .filters button, #reset),
  .card, .platform-logo, .platform-wordmark, .card-cta span,
  .explore-go, .explore-go span, .crew-icon, .service-copy a span {
    transition: none;
  }
  :is(.primary, .header-contact, .card-cta, .jump-links a, .filters button, #reset):active,
  :is(.primary, .header-contact, .card-cta, .jump-links a):hover,
  #products .card:hover, #products .card:focus-within,
  .card:hover .platform-logo, .card:hover .platform-wordmark,
  .card-cta:hover span, .explore-card:focus-within, #combos .combo:focus-within,
  .explore-card:hover .explore-go span { transform: none; }
}