/*
body {
  font-family: Arial, sans-serif;
  margin: 20px;
}
*/

/* Opcional: distribuir las cajas de texto lado a lado en pantallas anchas */
textarea {
  width: 45%;
  margin: 5px;
  font-family: monospace; /* monospace útil si se compara código */
}

/* Estilo para el contenedor de resultado */
#result {
  margin-top: 20px;
  padding: 10px;
  /* Preservar espacios y saltos de línea en el resultado para formatear código */
  white-space: pre-wrap;
  font-family: monospace;
  border: 1px solid #ccc;
}

/* Resaltar inserciones (texto agregado) en verde */
ins {
  background-color: #d4fcbc; /* verde claro de fondo */
  color: #000;              /* texto negro para contraste */
  text-decoration: none;    /* quitar subrayado predeterminado de <ins> */
}

/* Resaltar eliminaciones (texto removido) en rojo */
del {
  background-color: #fbb6c2; /* rojo/rosado claro de fondo */
  color: #000;
  text-decoration: line-through; /* texto tachado para eliminaciones */
}
