.aviso-wrapper {
  min-width: 0;
}

.aviso {
  padding: 12px 14px;
  border-left: 3px solid transparent;
  border-radius: 0 8px 8px 0;
  font-size: 15px;
}

.aviso__enlace {
  display: inline-block;
  margin-top: 16px;
  color: var(--mp-sky-600);
  text-decoration: none;
}

.aviso__enlace:hover,
.aviso__enlace:active {
  color: var(--mp-sky-700);
  text-decoration: underline;
}

.aviso__enlace:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-ring-offset);
  border-radius: var(--radius-small);
}

.aviso--info {
  color: var(--mp-status-neutral-700);
  background-color: var(--mp-surface-tint-blue);
  border-left-color: var(--mp-neutral-600);
}

.aviso--exito {
  color: var(--mp-status-success-700);
  background-color: var(--mp-status-success-100);
  border-left-color: var(--mp-status-success-700);
}

.aviso--advertencia {
  color: var(--mp-status-warning-700);
  background-color: var(--mp-status-warning-100);
  border-left-color: var(--mp-status-warning-700);
}

.aviso--referencia {
  color: var(--mp-status-neutral-700);
  background-color: var(--mp-neutral-0);
  border: var(--border-hairline) solid var(--mp-border-default);
  border-left: 3px solid var(--mp-tan-500);
  padding: 26px 28px;
}

.aviso--peligro {
  color: var(--mp-status-danger-700);
  background-color: var(--mp-status-danger-100);
  border-left-color: var(--mp-status-danger-700);
}