/**
 * AXIONS — interacción (Fase 4: micro-motion suave, sin exagerar)
 * Respeta prefers-reduced-motion.
 */
:root {
  --ax-hover-surface: color-mix(in srgb, var(--axions-gold, #b89b6a) 7%, var(--bg-surface, #fff));
  --ax-hover-border: color-mix(in srgb, var(--axions-gold, #b89b6a) 42%, var(--border, #e4e4e7));
  --ax-active-surface: color-mix(in srgb, var(--axions-gold, #b89b6a) 12%, var(--bg-surface, #fff));
}

/* —— Admin / dashboard —— */
.dashboard-theme .bento-card:hover,
.dashboard-theme .core-module-card:hover,
.dashboard-theme .core-card:hover,
.dashboard-theme .service-card:hover,
.core-card:hover {
  border-color: var(--ax-hover-border);
  background-color: var(--ax-hover-surface);
  box-shadow: var(--shadow-md, 0 4px 16px rgba(15, 23, 42, 0.06));
  transform: translateY(-1px);
}

.dashboard-theme .core-module-card:active,
.dashboard-theme .bento-card.core-module-card:active,
.dashboard-theme .kanban-card:active {
  transform: translateY(0);
  opacity: 0.96;
  background-color: var(--ax-active-surface);
  border-color: var(--axions-gold, #b89b6a);
}

.ax-kpi-card:hover {
  border-color: var(--ax-hover-border);
  box-shadow: 0 4px 18px rgba(184, 155, 106, 0.14);
  transform: translateY(-1px);
}

.core-btn-primary:active,
.core-btn-secondary:active,
.ax-btn:active,
.go-btn-primary:not(:disabled):active,
.go-link-btn:active,
.fidel-btn:active,
.wifi-btn:not(:disabled):active,
.hub-familiar__btn:active,
.bl-btn-tpv:active,
.mesa-hub-btn:active,
.escudo-bridge__btn-google:active {
  transform: translateY(0);
  opacity: 0.92;
  filter: brightness(0.97);
}

.ax-star-btn:active {
  opacity: 0.75;
}

/* —— Carta Go —— */
.go-carta-tile:hover {
  border-color: var(--ax-hover-border);
  background-color: var(--ax-hover-surface);
}

.go-carta-tile:active,
.go-carta-card:active {
  border-color: var(--axions-gold, #b89b6a);
  background-color: var(--ax-active-surface);
}

.go-carta-card:hover {
  border-color: var(--ax-hover-border);
}

/* —— Carta admin tiles —— */
.carta-cat-tile:hover {
  border-color: var(--ax-hover-border);
  background-color: var(--ax-hover-surface);
}

.carta-cat-move:hover:not(:disabled) {
  background: color-mix(in srgb, var(--axions-gold, #b89b6a) 14%, var(--bg-muted, #f4f4f5));
  border-color: var(--ax-hover-border);
  color: var(--text-primary, #18181b);
}

.stock-picker__item:hover {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--axions-gold, #b89b6a) 35%, transparent);
}

.stock-picker__item:active {
  opacity: 0.9;
}

/* —— Go genérico —— */
.go-carta-tile,
.go-carta-card,
.carta-cat-tile,
.core-card,
.bento-card,
.core-module-card {
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    opacity 0.15s ease,
    transform 0.2s ease;
}

/* Logo / social: sin lift, solo opacidad */
.axions-brand-logo-wrap:hover,
.cf-logo-preview:hover {
  opacity: 0.92;
}

.hub-familiar__social a:hover {
  opacity: 0.85;
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-theme .bento-card:hover,
  .dashboard-theme .core-module-card:hover,
  .dashboard-theme .core-card:hover,
  .dashboard-theme .service-card:hover,
  .core-card:hover,
  .ax-kpi-card:hover {
    transform: none !important;
  }

  .go-carta-tile,
  .go-carta-card,
  .carta-cat-tile,
  .core-card,
  .bento-card,
  .core-module-card {
    transition: background-color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease !important;
  }
}