/* Size for brand */
nav .navbar-brand
{
    font-size: xx-large;
}

/* Colors for brand */
nav .navbar-brand .blue
{
    color: #537fbe;
}
nav .navbar-brand .red
{
    color: #ea433b;
}
nav .navbar-brand .yellow
{
    color: #f5b82e;
}
nav .navbar-brand .green
{
    color: #2e944b;
}

table {
    background-color: transparent;
    margin-bottom: 1rem;
    width: 100%;
}

table th,
table td {
    padding: 0.75rem;
    vertical-align: middle;
}



.body-game {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #000; /* Ajusta el color de fondo según tus preferencias */
}




/*Éste es el original que venía de las filas de las tablas*/
/*
tbody tr:nth-of-type(odd) {
    background-color: rgba(174, 255, 160, 0.487)
}
*/

.table-green tbody tr:nth-of-type(odd) {
    background-color: rgba(174, 255, 160, 0.487)
}

.table-red tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 160, 160, 0.487)
}

.table-blue tbody tr:nth-of-type(odd) {
    background-color: rgba(160, 187, 255, 0.487)
}

.table-yellow tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 249, 160, 0.487)
}

.table-grey tbody tr:nth-of-type(odd) {
    background-color: rgba(61, 61, 61, 0.53)
}



.section {
    padding-bottom: 1rem;
    padding-left: 30rem;
    padding-right: 30rem;
    padding-top: 0.5rem;
}

.asection {
    padding-bottom: 1rem;
    padding-left: 20rem;
    padding-right: 20rem;
    padding-top: 0.5rem;
}

.bsection {
    padding-bottom: 1rem;
    padding-left: 15rem;
    padding-right: 15rem;
    padding-top: 0.5rem;
}

.seccblack {
    background-color: rgb(6, 6, 6);
    padding: 20px; /* Espacio interno */
    border-radius: 20px; /* Bordes redondeados */
}




/* .section:hover {
    background-color: #000000;
    transition: color 2s ease-in-out, background-color 0.15s ease-in-out;
} */


.text-red {
    color: red;
}

.wgreen {
    color: green;
}

.lred {
    color: red;
}

.text-white {
    color: rgb(255, 255, 255);
}



.small-image {
    width: 30px;
    height: auto;
}

.small2-image {
    width: 50px;
    height: auto;
}

.mid-image {
    width: 100px;
    height: auto;
}

.big-image {
    width: 500px;
    height: auto;
}



.iframe-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}


.iframe-container {
    /* Ajusta el ancho según tus preferencias */
    width: 600px;

    /* Ajusta la relación de aspecto según tus preferencias */
    padding-bottom: 35%; 
    position: relative;
    background-color: #000; /* Ajusta el color de fondo del contenedor según tus preferencias */
}



iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}



audio#gameAudio {
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 300px;
}



.team-info {
    display: flex;
    align-items: center; /* Alinea verticalmente los elementos en el centro */
    gap: 10px; /* Añade un pequeño espacio entre los elementos */
}

.team-form {
    margin: 0; /* Elimina los márgenes alrededor del formulario */
    display: inline-block; /* Hace que el formulario se muestre en línea con otros elementos */
}