/* Estilos de toda la página */
body {
  font-family: Arial, sans-serif; /* tipo de letra */
  background-color: white;  /* color de fondo */
  color: #222;                    /* color de texto por defecto */
  margin: 0;                      /* sin espacio exterior */
  padding: 20px;                  /* 20px de espacio interior */
}

/* Títulos */
h1 {
  color: #8B4513;                 /* café */
}

/* Párrafos */
p {
  font-size: 18px;                /* tamaño de letra */
}
/* Tabla del mercado */
table {
  border-collapse: collapse;   /* une los bordes de las celdas en una sola línea */
  width: 100%;                 /* la tabla ocupa todo el ancho disponible */
  margin-top: 20px;            /* 20px de espacio arriba de la tabla */
}

/* Celdas de encabezado y de datos */
th, td {
  border: 1px solid #ccc;      /* borde gris claro de 1px, línea sólida */
  padding: 10px;               /* espacio interior de cada celda */
  text-align: left;            /* texto alineado a la izquierda */
}

/* Solo los encabezados */
th {
  background-color: black;   /* fondo negro */
  color: white;                /* texto blanco */
}