/* =========================================================
   ICONS IN STATIC CARDS
   Home — Service Overview
   ========================================================= */

.service-overview-card {
  position: relative;
  overflow: visible;
  min-height: 220px;
  padding-bottom: 3.5rem;
  background: none;
  backdrop-filter: blur(20px);
}

.service-overview-card h3,
.service-overview-card p {
  position: relative;
  z-index: 2;
  max-width: calc(100% - 72px);
}

.service-overview-card__icon {
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 72px;
  height: 72px;
  overflow: visible;
  pointer-events: none;
  z-index: 3;
}

.service-overview-card__icon .service-shell {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 170px;
  height: 170px;
  transform: translate(-55%, -55%) scale(0.60);
  transform-origin: center center;
  pointer-events: none;
  filter: drop-shadow(0 6px 10px rgba(8, 14, 24, 0.10));
  z-index: 3;
}

.service-overview-card__icon .service-shell__frame {
  position: absolute;
  inset: 0;
  border-radius: 26px 10px 26px 10px;
  background: transparent;
  box-shadow: none;
}

/* opzionale: un minimo di aria in più alle card lunghe */
.service-overview-card--strategic p,
.service-overview-card--operations p,
.service-overview-card--analytics p {
  max-width: calc(100% - 82px);
}

@media (max-width: 900px) {
  .service-overview-card {
    min-height: 200px;
    padding-bottom: 3.25rem;
  }

  .service-overview-card h3,
  .service-overview-card p {
    max-width: calc(100% - 64px);
  }

  .service-overview-card__icon {
    right: 6px;
    bottom: 6px;
    width: 60px;
    height: 60px;
  }

  .service-overview-card__icon .service-shell {
    transform: translate(-50%, -50%) scale(0.34);
  }
}

@media (max-width: 640px) {
  .service-overview-card {
    min-height: auto;
    padding-bottom: 1.75rem;
  }

  .service-overview-card h3,
  .service-overview-card p {
    max-width: 80%;
    z-index: 2;
  }

  .service-overview-card__icon {
    width: 52px;
    height: 52px;
    right: 4px;
    bottom: 4px;
    opacity: 0.92;
  }

  .service-overview-card__icon .service-shell {
    transform: translate(-60%, -60%) scale(0.50);
  }
}