/* ==========================================================================
   mástersport · modals.css — Variante de modal informativo
   (diálogo de confirmación/aviso sin formulario, apoyado en ms-modal)
   ========================================================================== */

.ms-modal--info .ms-modal__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: var(--ms-radius-lg);
  flex-shrink: 0;
}

.ms-modal--info .ms-modal__icon .ms-icon {
  width: 22px;
  height: 22px;
}

.ms-modal--info .ms-modal__icon--brand   { background: var(--ms-brand-soft); color: var(--ms-brand); }
.ms-modal--info .ms-modal__icon--success { background: var(--ms-success-bg); color: var(--ms-success); }
.ms-modal--info .ms-modal__icon--warning { background: var(--ms-warning-bg); color: var(--ms-warning); }
.ms-modal--info .ms-modal__icon--danger  { background: var(--ms-danger-bg);  color: var(--ms-danger); }
.ms-modal--info .ms-modal__icon--info    { background: var(--ms-info-bg);    color: var(--ms-info); }
.ms-modal--info .ms-modal__icon--purple  { background: var(--ms-purple-bg);  color: var(--ms-purple); }

.ms-modal--info .ms-modal__header {
  align-items: flex-start;
}

.ms-modal--info .ms-modal__msg {
  font-size: var(--ms-fs-md);
  color: var(--ms-text-2);
  line-height: 1.55;
  margin-top: 10px;
}

.ms-modal--info .ms-modal__list {
  margin: 10px 0 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.ms-modal--info .ms-modal__list li::marker {
  color: var(--ms-brand);
}

.ms-modal--info .ms-modal__list {
  font-size: var(--ms-fs-md);
  color: var(--ms-text-2);
}