function mostrarModal(titulo, mensaje, redireccion, tipo = "error") {
  const overlay = document.createElement('div');
  overlay.classList.add('modal-overlay');

  const box = document.createElement('div');
  box.classList.add('modal-box');

  // Icono estilo SweetAlert2
  const icon = document.createElement('div');
  icon.classList.add('modal-icon', tipo);

  const title = document.createElement('h2');
  title.classList.add('modal-title');
  title.textContent = titulo;

  const message = document.createElement('p');
  message.classList.add('modal-message');
  message.textContent = mensaje;

  const button = document.createElement('button');
  button.classList.add('modal-button');
  button.textContent = 'Aceptar';
  button.onclick = () => {
    document.body.removeChild(overlay);
    if (redireccion) window.location.href = redireccion;
  };

  box.appendChild(icon);
  box.appendChild(title);
  box.appendChild(message);
  box.appendChild(button);
  overlay.appendChild(box);
  document.body.appendChild(overlay);
}
