/* v0.56 — Hover refinado en rutas de inversión sin cambiar íconos a blanco */

.page-investment .investment-route-card {
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
  will-change: transform;
}

.page-investment .investment-route-card::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(circle at 86% 18%, rgba(82, 68, 151, .12), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,0), rgba(31,126,168,.055));
  transition: opacity .22s ease;
}

.page-investment .investment-route-card > * {
  position: relative;
  z-index: 1;
}

.page-investment .investment-route-card:hover,
.page-investment .investment-route-card:focus-within {
  transform: translateY(-5px);
  border-color: rgba(82, 68, 151, .34);
  box-shadow: 0 24px 48px rgba(29, 45, 85, .12);
}

.page-investment .investment-route-card:hover::after,
.page-investment .investment-route-card:focus-within::after {
  opacity: 1;
}

/* El ícono conserva su color institucional; no pasa a blanco en hover. */
.page-investment .investment-route-card:hover .investment-svg-badge,
.page-investment .investment-route-card:focus-within .investment-svg-badge {
  color: #514498 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page-investment .investment-route-card:hover .investment-svg-badge svg,
.page-investment .investment-route-card:focus-within .investment-svg-badge svg {
  filter: drop-shadow(0 18px 26px rgba(56, 49, 112, .14));
}

.page-investment .investment-route-card:hover .investment-svg-badge svg .tone-bg,
.page-investment .investment-route-card:focus-within .investment-svg-badge svg .tone-bg {
  opacity: .16 !important;
}

@media (prefers-reduced-motion: reduce) {
  .page-investment .investment-route-card {
    transition: border-color .18s ease, box-shadow .18s ease;
    will-change: auto;
  }
  .page-investment .investment-route-card:hover,
  .page-investment .investment-route-card:focus-within {
    transform: none;
  }
}