/* ACTIVA SITE V3 · SISTEMA VISUAL GLOBAL · 2026-07-22 */

:is(
  .card,
  .proof,
  .skill-card,
  .matrix > div,
  .flow-step,
  .status-item,
  .map-card,
  .quad,
  .ledger-row,
  .gov-card,
  .session,
  .target-card,
  .teacher-single-card,
  .enrollment-card,
  .signup-card,
  .checkline,
  .decision-node,
  .insight-card,
  .signal-list > div,
  .option,
  .metric,
  .tool-tab,
  .enrollment-steps > div
) {
  border-color: rgba(243, 111, 33, 0.25);
  background: linear-gradient(
    145deg,
    rgba(75, 104, 126, 0.18),
    rgba(255, 255, 255, 0.035) 56%,
    rgba(50, 183, 170, 0.022)
  );
  box-shadow:
    inset 3px 0 0 rgba(243, 111, 33, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition:
    transform 0.38s cubic-bezier(0.22, 0.61, 0.36, 1),
    border-color 0.38s ease,
    background 0.38s ease,
    box-shadow 0.38s ease,
    color 0.38s ease;
}

:is(
  .card,
  .proof,
  .skill-card,
  .matrix > div,
  .flow-step,
  .status-item,
  .map-card,
  .quad,
  .ledger-row,
  .gov-card,
  .session,
  .target-card,
  .teacher-single-card,
  .enrollment-card,
  .signup-card,
  .checkline,
  .decision-node,
  .insight-card,
  .signal-list > div,
  .option,
  .metric,
  .tool-tab,
  .enrollment-steps > div
):hover {
  transform: translateY(-4px);
  border-color: rgba(243, 111, 33, 0.68);
  background: linear-gradient(
    135deg,
    rgba(243, 111, 33, 0.13),
    rgba(255, 255, 255, 0.055) 58%,
    rgba(50, 183, 170, 0.035)
  );
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.22),
    0 0 28px rgba(243, 111, 33, 0.075),
    inset 3px 0 0 rgba(243, 111, 33, 0.82);
}

:is(
  .command-shell,
  .cockpit,
  .strategy-table,
  .library-shell,
  .sinapsis-shell,
  .program-shell
) {
  border-color: rgba(243, 111, 33, 0.24);
  background:
    radial-gradient(
      circle at 78% 18%,
      rgba(50, 183, 170, 0.075),
      transparent 34%
    ),
    linear-gradient(180deg, rgba(7, 16, 29, 0.96), rgba(10, 24, 38, 0.88));
  box-shadow:
    0 26px 68px rgba(0, 0, 0, 0.27),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

:is(.tool-tab, .option, .skill-card, .status-item):focus-visible {
  outline: 2px solid rgba(243, 111, 33, 0.55);
  outline-offset: 3px;
}

@media (hover: none) {
  :is(
    .card,
    .proof,
    .skill-card,
    .matrix > div,
    .flow-step,
    .status-item,
    .map-card,
    .quad,
    .ledger-row,
    .gov-card,
    .session,
    .target-card,
    .teacher-single-card,
    .enrollment-card,
    .signup-card,
    .checkline,
    .decision-node,
    .insight-card,
    .signal-list > div,
    .option,
    .metric,
    .tool-tab,
    .enrollment-steps > div
  ):hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(
    .card,
    .proof,
    .skill-card,
    .matrix > div,
    .flow-step,
    .status-item,
    .map-card,
    .quad,
    .ledger-row,
    .gov-card,
    .session,
    .target-card,
    .teacher-single-card,
    .enrollment-card,
    .signup-card,
    .checkline,
    .decision-node,
    .insight-card,
    .signal-list > div,
    .option,
    .metric,
    .tool-tab,
    .enrollment-steps > div
  ) {
    transition: none !important;
  }
}