body{
    background-color: #011627;
    color: white;
}
a{
    color: white;
    text-decoration: none;
}
.card_login{
    background-color: #011627;
    color: white;
    border: 1px solid #032847;
    border-radius: 10px;
}
.encabezado{
    background-color: #06375f;
    color: white;
}
.alternar:hover{
    background-color: #06375f;
    cursor: pointer;
}
.alternarOro:hover{
    background-color: #b7a206;
    cursor: pointer;
}
.alternarPlata:hover{
    background-color: #696967;
    cursor: pointer;
}
.alternarBronce:hover{
    background-color: #d5802c;
    cursor: pointer;
}
.text_8px{
    font-size: 8px;
}
.text_10px{
    font-size: 10px;
}
.text_20px{
    font-size: 20px;
}
.text_30px{
    font-size: 30px;
}

.card_dashboard{
    background-color: #011627;
    color: white;
    border: 1px solid #032847;
    border-radius: 10px;
    padding: 20px;
}
.card_dashboard_continente{
    background-color: #011627;
    color: white;
    border: 1px solid #032847;
    border-radius: 10px;
    padding: 20px;
}
.card_dashboard_continente:hover{
    background-color: #255073;
    cursor: pointer;
}

.card_dashboard_mini{
    background-color: #011627;
    color: white;
    border: 1px solid #032847;
    border-radius: 10px;
    padding: 10px;
}
.card_dashboard_mini:hover{
    background-color: #255073;
    cursor: pointer;
}
.card_dashboard_oro{
    background-color: #f4d24a;
    cursor: pointer;
    color: black; 
    border-radius: 10px;   
}
.card_dashboard_plata{
    background-color: #bab9b6;
    cursor: pointer;
    color: black; 
    border-radius: 10px;   
}
.card_dashboard_bronce{
    background-color: #f6a95c;
    cursor: pointer;
    color: black; 
    border-radius: 10px;   
}

.img_logout{
    width: 50px;
    height: 50px;
}
.icono_mini{
    width: 35px;
    height: 35px;
}
.icono_mini_super{
    width: 15px;
    height: 15px;
}

#tabla_juegos_hoy td{
    vertical-align: middle !important;
    padding: 0px;
    height:10vh;
    border: 0px;
}
#tabla_juegos_hoy td .btn{
    height:100px;
}
.amarilloVerde{
    background-color: yellow;
    color: green;
    width: 100%;
    height: 35px;
    font-size: 20px;
    border-radius: 5px;
    text-align: center;
}
.banderas{
    width: 35px;
    height: 35px;
}
.bordeado{
    border: 5px solid #032847;
    border-radius: 5px;
    padding: 5px;
}
#posiciones{
    background-color: #011627;
    color: white;
}
#puntuaciones td{
    height: 15px;
}

.ncar{
    background-color: #666666;
    color: red;
}
.el_usuario{
    background-color: #255073;
    color: white;
}
.bordeBajo{
    border-bottom: 1px solid #032847;
}
.icono_100por{
    width: 100%;
    height: auto;
}
.redondeado{
    border-radius: 50%;
}
.amarillo{
    background-color: yellow;
}
.btn100por{
    width: 100%;
}
.gana{
    background-color: blue;
    color: white;
    border-radius: 5px;
}
.ganador{
    background-color: green;
    color: white;
    border-radius: 5px;
}
.empate{
    background-color: orange;
    color: black;
    border-radius: 5px;
}
.pierde{
    background-color: red;
    color: white;
    border-radius: 5px;
}
.posicion1{
    background-color: #006400; color: white;
}
.posicion2{
    background-color: #228B22; color: white;
}
.posicion3{
    background-color: #32CD32; color: white;
}
.pts_hoy{
    background-color: blue; color: white;
}
#columna{
    width: 5%;
}
#columna10{
    width: 3%;
}
#columna46{
    width: 1.5%;
}
#columnaL8{
    width: 4%;
}
#columnaL16{
    width: 3%;
}
#columnaL17{
    width: 3%;
}
#columnaL20{
    width: 3%;
}
#columnaL34{
    width: 2%;
}
#columnaL38{
    width: 1.5%;
}
#columnaLIGA20{
    width: 2.5%;
}
#columnaLIGA30{
    width: 1.8%;
}
#columnaLIGA32{
    width: 1.8%;
}
#columnaLIGA34{
    width: 1.8%;
}
.clasificado1 {
    background-color: #004080; /* Azul oscuro */
    color: white;
}

.clasificado2 {
    background-color: #1E90FF; /* Azul más claro (DodgerBlue) */
    color: white;
}
.max-pts1 {
    background-color: #efe3a1 !important; /* Dorado */
    color: #000;
    border-radius: 5px;
}
.max-pts2 {
    background-color: #f7b05f !important; /* Dorado */
    color: #000;
    border-radius: 5px;
}

#pc { display: none; }
#celular { display: block; }
#pc1 { display: none; }
#celular1 { display: block; }
.cnombreliga{
    height: 50px;
}

@media (min-width: 992px) { /* lg en Bootstrap */
    #pc { display: block; }
    #celular { display: none; }
    #pc1 { display: block; }
    #celular1 { display: none; }
}

@media (max-width: 576px) { 
    .ocultocelular { display: none; }
}

@media (max-width: 992px) { 
    .ocultocelular { display: none; }
}