/* Estilos específicos para la tabla de puntos acumulados */
.tabla {
  background-color: #f9f9f9;
  margin-bottom: 20px;
}

.tabla th,
.tabla td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

.tabla th {
  background-color: #f2f2f2;
}

#data-table {
  background-color: #f9f9f9;
  margin-bottom: 20px;
}

#data-table th,
#data-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

#data-table th {
  background-color: #f2f2f2;
}

#formulario-contenedor {
    margin: 20px auto; /* Asegura un margen uniforme */
     margin-top: 20px; /* Espacio para ajustar debajo del encabezado */
    text-align: center; /* Centra el formulario */
    max-width: 600px; /* Ajusta el ancho máximo del formulario */
}

h2 { /* Cambia este selector por el del texto "Acumulador de puntos" */
    margin-bottom: 20px; /* Espacio adicional debajo del encabezado */
}

#formulario-contenedor {
    position: relative; /* Asegura que el formulario esté dentro del flujo del documento */
}