/* ============================================================
   THM — Transform Component (Sección Transformación: tu nueva realidad)
   ============================================================ */

.transform {
  background: var(--color-bg);
  position: relative;
}

.transform__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

/* Icono en caja con acento de éxito */
.transform__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(5, 150, 105, 0.08);
  border: 1px solid rgba(5, 150, 105, 0.2);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  margin-bottom: var(--space-1);
}

.transform__icon svg {
  color: var(--color-success);
}

.transform__card h3 {
  font-size: var(--text-xl);
  font-weight: var(--weight-semibold);
}

.transform__card p {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}