/* v0.57 — Font Awesome local, guardado de íconos y hover público estable */

.investment-fa-svg {
  display: block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.investment-fa-svg path {
  fill: currentColor;
}

/* Vista pública: ícono suelto, más claro y sin cambiar a blanco al hover */
.page-investment .program-icon.investment-svg-badge,
.page-investment .investment-svg-badge {
  width: 74px;
  height: 74px;
  margin-bottom: 1.35rem;
  color: #514498 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  align-items: center;
  justify-content: flex-start;
  transform: none !important;
}

.page-investment .investment-svg-badge svg,
.page-investment .investment-svg-badge .investment-fa-svg {
  width: 3.65rem;
  height: 3.65rem;
  opacity: .88;
  filter: drop-shadow(0 14px 20px rgba(56, 49, 112, .10));
  transition: opacity .2s ease, filter .2s ease, transform .2s ease;
}

.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,
.page-investment .investment-route-card:hover .investment-fa-svg,
.page-investment .investment-route-card:focus-within .investment-fa-svg {
  opacity: 1;
  transform: translateY(-1px) scale(1.025);
  filter: drop-shadow(0 18px 25px rgba(56, 49, 112, .15));
}

/* Selector administrativo: Font Awesome como protagonista visual */
.investment-icon-current-visual,
.investment-icon-modal-choice-visual {
  color: #514498;
  background: transparent !important;
  box-shadow: none !important;
}

.investment-icon-current-visual svg,
.investment-icon-current-visual .investment-fa-svg {
  width: 3.35rem;
  height: 3.35rem;
  opacity: .9;
}

.investment-icon-current:hover .investment-icon-current-visual,
.investment-icon-current:focus-visible .investment-icon-current-visual {
  color: #1f7ea8;
}

.investment-icon-modal-gallery {
  grid-template-columns: repeat(auto-fill, minmax(138px, 1fr));
}

.investment-icon-modal-choice {
  min-height: 150px;
  padding: 1.05rem .6rem .9rem;
}

.investment-icon-modal-choice-visual {
  height: 82px;
}

.investment-icon-modal-choice-visual svg,
.investment-icon-modal-choice-visual .investment-fa-svg {
  width: 4rem;
  height: 4rem;
  opacity: .88;
  filter: drop-shadow(0 16px 22px rgba(56, 49, 112, .12));
}

.investment-icon-modal-choice-label {
  font-size: .74rem;
  line-height: 1.08;
  letter-spacing: -.01em;
}

.investment-icon-modal-choice:hover,
.investment-icon-modal-choice:focus-visible,
.investment-icon-modal-choice.is-selected {
  background: linear-gradient(135deg, #514498, #1f7ea8);
  border-color: rgba(82, 68, 151, .52);
  box-shadow: 0 18px 36px rgba(37, 49, 98, .14);
}

.investment-icon-modal-choice:hover .investment-icon-modal-choice-visual,
.investment-icon-modal-choice:focus-visible .investment-icon-modal-choice-visual,
.investment-icon-modal-choice.is-selected .investment-icon-modal-choice-visual,
.investment-icon-modal-choice:hover .investment-icon-modal-choice-label,
.investment-icon-modal-choice:focus-visible .investment-icon-modal-choice-label,
.investment-icon-modal-choice.is-selected .investment-icon-modal-choice-label {
  color: #fff;
}

@media (max-width: 760px) {
  .page-investment .investment-svg-badge svg,
  .page-investment .investment-svg-badge .investment-fa-svg {
    width: 3.1rem;
    height: 3.1rem;
  }
  .investment-icon-modal-gallery {
    grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
  }
  .investment-icon-modal-choice-visual svg,
  .investment-icon-modal-choice-visual .investment-fa-svg {
    width: 3.25rem;
    height: 3.25rem;
  }
}