/* Eliminar scroll y hacer que ocupe toda la ventana */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden; /* Elimina el scroll */
	background-color: #000000;
}

.responsive-img {
	max-width: 100%;
	height: auto;
}


/* Estilo para la tabla de rankings */
.rankingTable {
    width: 80%; /* Ancho de la tabla al 80% del contenedor */
    font-size: 14px; /* Tamaño de fuente */
    border-collapse: collapse; /* Colapso de bordes de celda */
}

.rankingTable th,
.rankingTable td {
    padding: 2px; /* Espaciado interno de celda */
}

/* Estilo para intercalar colores rojo y azul en filas de la tabla */
.rankingTable tr:nth-child(even) {
    background-color: #10100f; /* Rojo para filas pares */
}

.rankingTable tr:nth-child(odd) {
    background-color: #373635; /* Azul para filas impares */
}

.rankingTable {
	max-height: 500px; /* Altura adaptable */
	overflow-y: auto;
	overflow-x: hidden; /* Evitar scroll horizontal */
	width: 100%;
}

/* Estilo para las columnas de la tabla */
.rankingHeader {
    padding: 8px; /* Espaciado interno de celda */
    white-space: nowrap; /* Evita el desplazamiento horizontal */
    user-select: none; /* Evita la selección de texto al pasar el cursor */
}

.background-style {
    background-image: url(../files/left-bg.gif);
    background-position: left 50%;
    background-repeat: repeat-y;
}

.inner-table {
    background-color: #000000;
}

.left-section,
.right-section {
    width: 50%;
}

.left-content {
    background-image: url(../files/bot-left-bg.gif);
}

.left-logo,
.right-logo {
    width: 90px;
}

.blizzard-logo img {
    width: 117px;
    height: 52px;
}

.right-content {
    background-image: url(../files/bot-right-bg.gif);
}

.small-link {
    font-size: smaller;
}

.left-column {
    width: 5px;
    background-position: left 50%;
    background-image: url(../files/left-bg.gif);
    background-repeat: repeat-y;
}

.right-column {
    width: 5px;
}

.inner-table {
    background-color: #000000;
}

.inner-table td {
    padding: 10px;
}

.inner-table img {
    display: block;
    margin: 0 auto;
}



/* Estilos para la tabla de juegos */
.games-table {
    width: 100%;
    border-collapse: collapse;
}

.games-table td {
    padding: 0;
    vertical-align: top;
}

.game {
    background-position: left 50%;
    background-repeat: repeat;
}

.game img {
    display: block;
    margin: 0 auto;
}

.game-name {
    text-align: center;
}

.game-menu {
    z-index: 100;
    visibility: hidden;
    width: 111px;
    position: absolute;
}