body, html {
    font-family: Arial, sans-serif;
    margin: 0;
    height: 100%;
    overflow: hidden;
    background-color: #000000; /* Fondo oscuro para mayor contraste */
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; /* Fondo detrás de la tabla */
}

.contenedor-tabla {
    position: relative;
    z-index: 2; /* Asegura que la tabla esté al frente */
    padding: 20px;
    max-width: calc(100% - 40px);
    margin: auto;
    overflow: auto; /* Habilita barras de desplazamiento cuando el contenido excede la altura máxima */
}

.tabla-responsiva {
    overflow-x: auto;
}

.tabla-responsiva img, .tabla-responsiva video, .tabla-responsiva .otro-contenido-grande {
    max-width: 100%;
    height: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    background-color: rgba(255, 255, 255, 0.2); /* Fondo semi-transparente para la tabla */
    color: #FFFFFF; /* Texto blanco para contraste */
    margin: 20px 0; /* Espaciado alrededor de la tabla */
}

th, td {
    padding: 12px;
    text-align: left;
}

th {
    background-color: rgba(0, 0, 0, 0.5); /* Fondo más oscuro para los encabezados */
    color: #FFFFFF;
}

tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); /* Líneas sutiles entre filas */
}

tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.1); /* Alternar el color de fondo para las filas */
}

@media screen and (max-width: 600px) {
    .contenedor-tabla {
        padding: 10px;
    }

    table {
        margin: 10px 0;
    }

    th, td {
        padding: 8px;
    }

    th {
        background-color: rgba(0, 0, 0, 0.5); /* Ajusta para mantener consistencia */
    }

    tr {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
}


.anonymous-pro-regular {
  font-family: "Anonymous Pro", monospace;
  font-weight: 400;
  font-style: normal;
}

.anonymous-pro-bold {
  font-family: "Anonymous Pro", monospace;
  font-weight: 700;
  font-style: normal;
}

.anonymous-pro-regular-italic {
  font-family: "Anonymous Pro", monospace;
  font-weight: 400;
  font-style: italic;
}

.anonymous-pro-bold-italic {
  font-family: "Anonymous Pro", monospace;
  font-weight: 700;
  font-style: italic;
}