*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    margin: 2rem;
}

table {
  width: 100%;
  border-collapse: collapse; /* Colapsar los bordes de las celdas */
  margin-top: 20px; /* Espacio superior para separar de otros elementos */
  font-family: sans-serif; /* Fuente legible */
  font-size: 0.9em; /* Tamaño de fuente moderado */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra sutil para elevación */
  border-radius: 5px; /* Bordes ligeramente redondeados */
  overflow: hidden; /* Para que el border-radius funcione correctamente con el contenido */
  border: 1px solid #ddd; /* Borde general de la tabla */
}

thead {
  background-color: #f2f2f2; /* Fondo gris claro para los encabezados */
  color: #333; /* Color de texto oscuro para los encabezados */
  font-weight: bold; /* Texto en negrita para destacar los encabezados */
}

th, td {
  padding: 12px 15px; /* Espaciado interno para las celdas */
  text-align: left; /* Alineación del texto a la izquierda por defecto */
  border-bottom: 1px solid #ddd; /* Línea divisoria entre filas */
}

tbody tr:nth-child(even) {
  background-color: #f9f9f9; /* Fondo ligeramente diferente para filas pares (opcional para legibilidad) */
}

tbody tr:hover {
  background-color: #e0e0e0; /* Resaltado al pasar el ratón sobre la fila (opcional) */
  cursor: text; /* Cambiar el cursor al pasar el ratón (opcional para interactividad) */
}

/* Estilos específicos para la columna de importe (ejemplo) */
td:nth-child(10), /* Suponiendo que 'importe' es la décima columna */
td:nth-child(11) { /* Suponiendo que 'impuesto' es la undécima columna */
  text-align: right; /* Alinear los valores numéricos a la derecha */
}

th:nth-child(10),
th:nth-child(11) {
  text-align: right; /* Alinear los encabezados correspondientes a la derecha */
}