*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	scrollbar-width: thin;
	position: relative;
	--color1: #1a1b41;
    --color2: #6290c3;
}
body{
    background: #e2e2e2;
}
#pantalla{
    position: relative;
	width: 100%;
	font-family: ProximaSoft-Bold, sans-serif;
}#error3{
    margin-top: -1.5rem;
    margin-left: 1.5rem;
    position: absolute;
    font-size: .9rem;
    color: red;
    display: none;
}#error2{
    margin-top: .5rem;
    width: 100%;
    float: left;
    font-size: .9rem;
    color: red;
    display: none;
    z-index: 100;
    text-align: center;
    justify-content: center;
    align-items: center;
}#error{
    z-index: 100;
	position: absolute;
	color: #f2f2f2;
	top: 0;
	right: 0;
	width: auto;
	height: 1.5rem;
	background: #262626;
	text-align: center;
  	align-items: center;
  	padding: .75rem 1rem;
  	margin-top: .15rem;
  	border-left: .25rem solid #c2c2c2;
  	display: none;
}#error_copy{
    z-index: 100;
	position: absolute;
	color: #f2f2f2;
	top: 0;
	right: 0;
	width: auto;
	height: 1.5rem;
	background: #262626;
	text-align: center;
  	align-items: center;
  	padding: .75rem 1rem;
  	margin-top: .15rem;
  	border-left: .25rem solid #c2c2c2;
  	display: none;
}#error4{
    margin-top: -1.5rem;
    margin-left: 1.75rem;
    position: absolute;
    font-size: .9rem;
    color: red;
    display: none;
}#error5{
    margin-top: -1.5rem;
    margin-left: 1.75rem;
    position: absolute;
    font-size: .9rem;
    color: red;
    display: none;
}

#btn-modal-msj{
    display: none;
}.container-modal-msj{
    position: relative;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0; left: 0;
    background-color: rgba(144, 148, 150, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}
#btn-modal-msj:checked ~ .container-modal-msj{
    display: flex;
}.content-modal-msj{
    padding: 1.2rem;
    background-color: #f2f2f2;
    border-radius: .5rem;
    position: relative;
}
.cerrar-modal-msj{
    width:100%;
    height: 100vh;
    position: absolute;
    top:0; left: 0;
    z-index: -1;
}
    .content-modal-msj #modal-msj{
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem;
        width: 20rem;
        height: 2.5rem;
        margin-bottom: .5rem;
        background: #fff;
    }
        #modal-msj img{
            float: left;
            margin-top: -.5rem;
            margin-left: -.5rem;
            width: 3.5rem;
            height: 3.5rem;
            -webkit-clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
            clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
        }
        #modal-msj p{
            float: left;
            margin-left: .5rem;
            margin-top: .6rem;
            font-weight: 600;
        }
    #content-modal-msj2{
        width: 20rem;
        height: 20rem;
        float: left;
        background: #fff;
        padding-bottom: .25rem;
        font-size: 1rem;
        color: #262626;
        overflow: hidden;
        display: flex;
        flex-direction: column-reverse;
    }
    #content-modal-msj-scroll{
        width: 100%;
    	overflow: auto;
        scrollbar-width: thin;
        display: flex;
        flex-direction: column-reverse;
    }
        #content-modal-msj-scroll p{
            float: left;
        }
        #content-modal-msj-scroll .chat_text{
            width: calc(100% - 1rem);
            height: auto;
            float: left;
            padding: .05rem .25rem;
            text-align: left;
            align-items: center;
            justify-content: left;
            position: relative;
        }#content-modal-msj-scroll .chat_text span{
            margin-right: 2rem;
            font-weight: 600;
            margin-left: .15rem;
            margin-right: .15rem;
            width: auto;
            float: left;
        }
        #content-modal-msj-scroll .active{
            margin-right: .15rem;
            float: right;
            display: flex;
            text-align: right;
            align-items: right;
            justify-content: right;
        }
    .content-modal-msj input{
        width: 16rem;
        float: left;
        border: 0;
        padding: .5rem;
        margin-top:.25rem;
    }
    .content-modal-msj botton{
        cursor: pointer;
        width: 2rem;
        float: left;
        background: #262626;
        border: 0;
        padding: .25rem .5rem;
        margin-top:.25rem;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
    }


#btn-modal-1v1{
    display: none;
}.container-modal-1v1{
    position: relative;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0; left: 0;
    background-color: rgba(144, 148, 150, 0.8);
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    z-index: 100;
}
#btn-modal-1v1:checked ~ .container-modal-1v1{
    display: none;
}.content-modal-1v1{
    width: 60%;
    overflow: auto;
    background-color: #f2f2f2;
    border-radius: 1rem;
    position: relative;
    padding-bottom: 1rem;
}.cerrar-modal-1v1{
    width:100%;
    height: 100vh;
    position: absolute;
    top:0; left: 0;
    z-index: -1;
}
#desafio-config1{
    width: 50%;
    height: 100%;
    float: left;
}#desafio-config2{
    margin-top: -4rem;
    width: 50%;
    height: 100%;
    float: left;
}
.content-modal-1v1 h1{
    color: #262626;
    padding: 1.5rem;
    margin-bottom: .25rem;
}.content-modal-1v1 form label{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    margin: .5rem 0;
}.content-modal-1v1 form input{
    width: 3rem;
    height: 1.25rem;
    z-index: 10;
}.content-modal-1v1 form select{
    width: 12rem;
    margin-right: .25rem;
    height: 2rem;
    float: left;
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    padding: .25rem .25rem;
}.content-modal-1v1 form button{
    border: 0;
    border-radius: .2rem;
    background: #262626;
    color: #f2f2f2;
    margin: 1rem 1.5rem;
    width: 30%;
    margin-left: 35%;
    font-weight: 600;
    height: 1.25rem;
    float: left;
    padding: 1.25rem;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}.content-modal-1v1 form #info-d{
    width: 100%;
    padding: .25rem 0;
    float: left;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background: #56aa57;
    margin-top: .5rem;
    margin-bottom: .5rem;
}.content-modal-1v1 form #info-d p{ float: left; color: #f2f2f2; margin: .5rem; }
.content-modal-1v1 form #info-d h3{ color: #f2f2f2; margin-left: .25rem; font-size: 1.4rem; }

#btn-modal-desafio{
    display: none;
}.container-modal-desafio{
    position: relative;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0; left: 0;
    background-color: rgba(144, 148, 150, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}
#btn-modal-desafio:checked ~ .container-modal-desafio{
    display: none;
}.content-modal-desafio{
    overflow: auto;
    background-color: #f2f2f2;
    border-radius: 1rem;
    position: relative;
    padding-bottom: 1rem;
}.cerrar-modal-desafio{
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0; left: 0;
    z-index: -1;
}
.content-modal-desafio h1{
    color: #262626;
    padding: 1.5rem;
    margin-bottom: .25rem;
}.content-modal-desafio form label{
    width: 100%;
    height: auto;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    margin: .5rem 0;
}.content-modal-desafio form input{
    margin-left: 5%;
    height: auto;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
}.content-modal-desafio form p{
    white-space: nowrap; 
    margin-left: 5%;
    float: left;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}.content-modal-desafio form button{
    border: 0;
    border-radius: .2rem;
    background: #262626;
    color: #f2f2f2;
    margin: 1rem 1.5rem;
    width: 30%;
    margin-left: 35%;
    font-weight: 600;
    height: 1.25rem;
    float: left;
    padding: 1.25rem;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}.content-modal-desafio form a{
    text-decoration: none;
    border: 0;
    border-radius: .2rem;
    background: #aa5656;
    color: #f2f2f2;
    font-weight: 600;
    font-size: .85rem;
    margin: 0rem 1.5rem;
    width: 28%;
    margin-left: 35%;
    height: 1.25rem;
    float: left;
    padding: .6rem .25rem;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


#btn-modal-desafioe{
    display: none;
}.container-modal-desafioe{
    position: relative;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0; left: 0;
    background-color: rgba(144, 148, 150, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}
#btn-modal-desafioe:checked ~ .container-modal-desafioe{
    display: none;
}.content-modal-desafioe{
    padding: 1.2rem;
    background-color: #f2f2f2;
    border-radius: .5rem;
}.content-modal-desafioe h1, h6{
    margin-top: .5rem;
	display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;

}.content-modal-desafioe #lista_t_p{
    width: 100%;
    height: 25rem;
}#pruebas{
	width: 100%;
	height: 100%;
	float: left;
	border-top-left-radius: .2rem;
}
#pruebas input{
	display: flex;
	text-align: center;
  	align-items: center;
  	justify-content: center;
	margin-left: .25rem;
	margin-right: .25rem;
}#pruebas label{
	display: flex;
	text-align: center;
  	align-items: center;
  	justify-content: center;
	margin-bottom: .5rem;
}#pruebas img{
	width: 40%;
	height: 40%;
	margin: 0rem .5rem 0rem .5rem;
	margin-bottom: 1rem;
	border-radius: .2rem;
}#pruebas img:hover{
    position: relative;
    transition: 1s;
    transform: scale(2.5);
}#pruebas #actualizar_p{
    margin: 1rem 3rem;
    float: left;
	display: flex;
	text-align: center;
  	align-items: center;
  	justify-content: center;
}#pruebas #actualizar_p p{
	float: left;
	display: flex;
	text-align: center;
  	align-items: center;
  	justify-content: center;
}#pruebas #actualizar_p input[type=number]{
	display: flex;
	text-align: center;
  	align-items: center;
  	justify-content: center; float: left; width: 1.5rem;
  	border-radius: .2rem;
  	border: 0;
  	color: #262626;
  	background: #E2E9DB;
  	padding: .25rem;
}#actualizar_p input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
#pruebas button{
	background: #262626;
	border: 0;
	color: #f2f2f2;
	padding: .25rem;
	float: left;
	border-radius: .2rem;
	margin-left: .75rem;
	font-weight: 600;
	cursor: pointer;
}#pruebas h3{
	display: flex;
	text-align: center;
  	align-items: center;
  	justify-content: center;
}#pruebas .img_f{
	width: 1.5rem;
	display: flex;
	text-align: center;
    align-items: center;
    justify-content: center; margin: 1rem;
}
.cerrar-modal-desafioe{
    width:100%;
    height: 100vh;
    position: absolute;
    top:0; left: 0;
    z-index: -1;
}



#btn-modal{
    display: none;
}.container-modal{
    position: relative;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0; left: 0;
    background-color: rgba(144, 148, 150, 0.8);
    display: none;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    z-index: 100;
}
#btn-modal:checked ~ .container-modal{
    display: flex;
}.content-modal{
    max-width: 600px;
    max-height: 90%;
    overflow: auto;
    padding: 1.2rem;
    background-color: #f2f2f2;
    border-radius: .5rem;
    position: relative;
}.content-modal h1{
    margin-bottom: 1rem;
    margin-left: .25rem;
}.content-modal form label{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    margin: .5rem 0;
}.content-modal h3{
    float: left;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 1.5rem;
    margin-left: calc(28% - .25rem);
}.content-modal form input{
    width: 50%;
    margin-left: calc(25% - .25rem);
    height: 1.25rem;
    float: left;
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    padding: .25rem .5rem;
}.content-modal form select{
    width: 22.5%;
    margin-left: calc(1%);
    height: 2.5rem;
    float: left;
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    padding: .25rem .5rem;
}.content-modal form textarea{
    width: 50%;
    margin-left: calc(25% - .25rem);
    height: 2.5rem;
    float: left;
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    padding: .25rem .5rem;
    resize: none;
}.cerrar-modal{
    width:100%;
    height: 100vh;
    position: absolute;
    top:0; left: 0;
    z-index: -1;
}#formato, #inscripcion, #equipos, #equipos3, #equipos_clasificados, #tipo{
    width: 55%;
    margin-left: calc(25% - .5rem);
    height: 2.5rem;
    float: left;
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    padding: .25rem .5rem;
}
#juego{ margin-left: 26.5%; }
.content-modal form button{
    border: 0;
    text-decoration: none;
    border-radius: .2rem;
    background: #345999;
    color: #f2f2f2;
    margin: 1.5rem;
    width: 35%;
    margin-left: calc(37.5% - 1.75rem);
    height: 1.25rem;
    float: left;
    padding: 1.25rem 2rem;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
}.content-modal #eliminar_t{
    font-weight: 600;
    font-size: .9rem;
    text-decoration: none;
    border-radius: .2rem;
    background: #DD5651;
    color: #f2f2f2;
    margin: -.75rem 1.5rem 0rem 0rem;
    width: 35%;
    margin-left: calc(37.5% - 1.75rem);
    height: 1.25rem;
    float: left;
    padding: .5rem 0rem;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


#header-cel{
    padding-bottom: .5rem;
    display: none;
}#wallet{
    color: #f2f2f2;
    border-radius: .5rem;
    padding: .5rem .25rem .5rem 1rem;
    background: #001C55;
}#wallet a{
    text-decoration: none;
    color: #f2f2f2;
    margin-left: .5rem;
    border-radius: .5rem;
    background: #56aa57;
    padding: .25rem .5rem;
}#wallet2{
    color: #f2f2f2;
    border-radius: .5rem;
    padding: .5rem .25rem .5rem 1rem;
    background: #182a4e;
}#wallet2 a{
    text-decoration: none;
    color: #f2f2f2;
    margin-left: .5rem;
    border-radius: .5rem;
    background: #56aa57;
    padding: .25rem .5rem;
}
header{
	float: left;
	height: 10%;
	width: 100%;
    background: var(--color1);
 	display: flex;
	text-align: center;
    align-items: center;
    overflow: hidden;
}header ul{
	width: 100%;
	right: 0;
	top: 0;
}header ul li{
	margin: 0 .5rem;
	list-style: none;
	float: right;
	cursor: pointer;
}header ul li:nth-child(1){
	margin-left: 2rem;
	float: left;
}header ul li a{ text-decoration: none; color: #f2f2f2; } header ul li a svg{ margin: -.05rem .3rem; }
header ul li p{
    float: right;
    margin-top: .5rem;
    margin-left: -.75rem;
    font-size: .7rem;
    background: #f2f2f2;
    padding: 0 .2rem;
    border-radius: 1rem;
}
#content-notificacion{
    overflow: hidden;
    display: none;
    position: absolute;
    width: 35%;
    height: calc(100% - 5rem);
    right: 0;
    top: 3.5rem;
    background: #f2f2f2;
    z-index: 100;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: .5rem;
}#content-notificacion h2{
    margin-top: 0rem;
    margin-bottom: .5rem;
    margin-left: .5rem;
}
    #content-notificacion-scroll{
        width: 100%;
        height: 92%;
        overflow-y: scroll;
        scrollbar-width: thin;
        margin-left: 2.5%;
    }
    #content-notificacion span{
        border-radius: .5rem;
        width: 95%;
        height: 3rem;
        float: left;
        background: #fff;
        margin-bottom: .5rem;
        overflow: hidden;
        box-shadow: 1px 1px 5px #BCBCBC;
        position: relative;
    }
        #content-notificacion span img{
            width: 3rem;
            height: 3rem;
            float: left;
            margin-left: -.1rem;
            margin-right: .75rem;
        }
        #content-notificacion span h3{
            color: #262626;
            width: calc(100% - 5rem);
            height: auto;
            float: left;
        }
        #content-notificacion span p{
            color: #787878;
            width: calc(100% - 5rem);
            height: auto;
            float: left;
            white-space: nowrap; 
        	text-overflow: ellipsis;
            overflow: hidden;
        }
        #content-notificacion span div{
            width: .5rem;
            height: .5rem;
            position: absolute;
            top: 1.05rem;
            right: .5rem;
            background: #aa5656;
            border-radius: 2rem;
            border: .2rem solid rgb(255, 255, 255);
            z-index: 10;
        }

#content-chat{
    overflow: hidden;
    display: none;
    position: absolute;
    width: 55%;
    height: auto;
    right: 0;
    top: 3.5rem;
    background: #f2f2f2;
    z-index: 100;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: .5rem;
}#msj-fifa, #msj-global{
    cursor: pointer;
}
    #contenido-msj-b{
        width: 90%;
        height: 4rem;
        margin-left: 1rem;
    }
        #contenido-msj-b ul{
            display: flex;
    	    text-align: left;
    	    justify-content: left;
    	    align-items: left;
        }
        #contenido-msj-b ul li{
            cursor: pointer;
            background: #e2e2e2;
            width: 3rem;
            height: 3rem;
            border-radius: .25rem;
            float: left;
            margin: 1rem;
            display: flex;
    	    text-align: center;
    	    justify-content: center;
    	    align-items: center;
    	    flex-direction: column;
        }.b-active{
            border-bottom: .2rem solid #262626;
        }#contenido-msj-b ul li svg{
            float: left;
            width: 100%;
        }#contenido-msj-b ul li h6{
            margin-top: .2rem;
        }
    #contenido-msj main{
        overflow: hidden;
        padding: .5rem;
        margin-top: 1rem;
        width: 100%;
        height: auto;
        background: #f2f2f2;
        float: left;
    }#contenido-msj-scroll{
    	width: 100%;
    	height: 100%;
    	overflow: auto;
        scrollbar-width: thin;
    }#contenido-msj-scroll a{ text-decoration: none; }
        .cont-msj-chat{
            cursor: pointer;
            position: relative;
            width: calc(50% - 2rem);
            height: 3rem;
            background: #e2e2e2;
            float: left;
            margin: .5rem 1rem .5rem .5rem;
            border-top-left-radius: 2rem;
            border-bottom-left-radius: 2rem;
            border-top-right-radius: 1rem;
            border-bottom-right-radius: 1rem;
            overflow: hidden;
        }
            .cont-msj-chat span{
                top: 0;
                left: 0;
                width: .25rem;
                height: .25rem;
                z-index: 110;
                position: absolute;
                padding: .2rem;
                font-weight: 600;
                margin-top: 1.75rem;
                margin-left: 2.75rem;
                font-size: 1.4rem;
                float: left;
                border-radius: 5rem;
                border: .2rem solid rgb(255, 255, 255);
            }
        .cont-msj-chat img{
            width: 4rem;
            height: 4rem;
            margin-top: -.5rem;
            margin-left: -.25rem;
            float: left;
            -webkit-clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
            clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
        }
        .cont-msj-chat label{
            position: absolute;
            top: 0;
            margin-left: .5rem;
            margin-top: .25rem;
            font-weight: 600;
            font-size: 1rem;
            color: #262626;
            float: left;
        }
        .cont-msj-chat p{
            width: 80%;
            position: absolute;
            bottom: .25rem;
            margin-left: 4.25rem;
            font-size: .9rem;
            color: #7a7a7a;
            float: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    #contenido-msj-scrollf, #contenido-msj-scrollg{
    	width: 100%;
    	height: 22rem;
    	padding-bottom: .25rem;
    	overflow: auto;
        scrollbar-width: thin;
        display: flex;
        flex-direction: column-reverse;
    }#cont-msj-f form, #cont-msj-g form{
        width: 100%;
        height: 10%;
        float: left;
    }
        #cont-msj-f form input, #cont-msj-g form input{
            width: calc(100% - 14%);
            height: calc(100% - .5rem);
            float: left;
            border: 0;
            padding: .45rem .25rem;
        }
        #cont-msj-f form botton, #cont-msj-g form botton{
            background: #304060;
            padding: .2rem .5rem;
            width: 8%;
            height: 100%;
            float: left;
            border: 0;
            display: flex;
	        text-align: center;
	        justify-content: center;
	        align-items: center;
        }
        #contenido-msj .chat_text{
            width: calc(100% - 1rem);
            height: auto;
            float: left;
            padding: .05rem .25rem;
            text-align: left;
            align-items: center;
            justify-content: left;
            position: relative;
        }#contenido-msj .chat_text a{
            text-decoration: none;
            color: #262626;
        }#contenido-msj .chat_text span{
            margin-right: 2rem;
            font-weight: 600;
            margin-left: .15rem;
            margin-right: .15rem;
            width: auto;
            float: left;
        }#contenido-msj .active{
            margin-right: .15rem;
            float: right;
            display: flex;
            text-align: right;
            align-items: right;
            justify-content: right;
        }
        #contenido-msj .chat_text p{
            display: inline;
        }
        .chat_fecha{
            font-size: .8rem; color: #6f6f6f;
        }

#tutorial{
    position: relative;
	overflow: hidden;
	width: 100%;
	height: 12rem;
	display: flex;
	align-items: center;
	text-align: left;
  	background: url("../img/index.jpeg");
	background-position: center bottom;
	background-size: cover;
	float: left;
}#tutorial p{
    top: 0;
    position: absolute;
	width: 100%;
	height: 2.5rem;
	padding: 1rem 2rem;	
	color: #f2f2f2;
	font-size: 2rem;
	background: var(--color1);
	border-radius: .2rem;
	float: left;
	white-space: nowrap; 
	text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}#tutorial a{
    top: 0;
    right: 0;
    position: absolute;
    height: 2.5rem;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	border-radius: .2rem;
	text-decoration: none;
	background: var(--color1);
	margin-right: .5rem;
	padding: 1rem 1rem;
	width: 5%;
	margin-left: .5rem;
}#salir{ width:100%; height:100%; display: flex; text-align: center; align-items: center; justify-content: center; }
#tutorial span{
    position: absolute;
	width: auto;
	margin-left: 1rem;
	height: auto;
	color: #262626;
	background: #e2e2e2;
	padding: .5rem 1rem .2rem 1rem;
	font-size: 1rem;
	border-top-left-radius: .2rem;
	border-top-right-radius: .2rem;
	float: left;
	white-space: nowrap; 
	text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    bottom: 0;
	left: 0;
}

#tutorial2{
    position: relative;
	overflow: hidden;
	width: 100%;
	height: 20rem;
	display: flex;
	align-items: center;
	background-position: center;
	background-size: cover;
	float: left;
}#tutorial2 p{
    position: absolute;
    bottom: 0rem;
	width: 100%;
	height: 2.5rem;
	padding: 1rem 2rem;	
	color: #f2f2f2;
	font-size: 2rem;
	background: var(--color1);
	border-radius: .2rem;
	float: left;
	white-space: nowrap; 
	text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}#tutorial2 a{
    position: absolute;
    right: 1rem;
    margin-top: -3rem;
    border-radius: 2rem;
    height: 2rem;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	background: var(--color1);
	padding: 1rem 1rem;
	width: 2rem;
}#salir{ width:100%; height:100%; display: flex; text-align: center; align-items: center; justify-content: center; }
#tutorial2 span{
    position: absolute;
	width: auto;
	margin-right: 1rem;
	height: auto;
	color: #262626;
	background: #e2e2e2;
	padding: .5rem 1rem .2rem 1rem;
	font-size: .8rem;
	border-top-left-radius: .2rem;
	border-top-right-radius: .2rem;
	float: left;
	white-space: nowrap; 
	text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    bottom: 0;
	right: 0;
}#tutorial2 img{
    position: absolute;
	width: 100%; cursor: pointer;
}

#info_t{
    width: 100%;
    float: left;
}
    #info_torg{
        overflow: hidden;
        margin: 1rem 1rem 0rem 1rem;
        width: calc(100% - 2rem);
        height: 4rem;
        float: left;
        background: #f2f2f2;
    }#info_torg h2{ margin: 1.15rem; float: left; }
    #info_torg img{ height: 85%; float: left; margin: .3rem 1rem;
        width: 3.25rem;
        -webkit-clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
        clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
    }#info_torg h3{ font-size: 2rem; height: 100%; float: left; display: flex; text-align: center; justify-content: center; align-items: center;  }
    #info_torg a{ text-decoration: none; color: #262626; }
    
    #info_tdesc{
        overflow: hidden;
        width: calc(70% - 1rem);
        margin: 1rem 0rem 1rem 1rem;
        background: #f2f2f2;
        float: left;
    }#info_tdesc h2{ margin: 1.5rem; float: left; }
    #info_tdesc span{ margin-left: 1.5rem; margin-bottom: 1.5rem; width: calc(100% - 3rem); float: left; white-space: pre-line; }

    #info_tequipo{
        max-height: 21.5rem;
        overflow: hidden;
        width: calc(30% - 2rem);
        margin: 1rem;
        background: #f2f2f2;
        float: right;
        padding-bottom: 1rem;
    }#info_tequipo h2{ margin: 1.5rem; float: left; }
    #info_tequipo p a{ margin-left: 1.5rem; margin-bottom: .5rem; width: 100%; float: left; text-decoration: none; color: #262626; }

    #info_tpremio{
        overflow: hidden;
        width: calc(30% - 2rem);
        margin: 0rem 1rem 1rem 1rem;
        background: #f2f2f2;
        float: right;
        padding-bottom: 1rem;
    }#info_tpremio h2{ margin: 1.5rem; float: left; }
    #info_tpremio p a{ margin-left: 1.5rem; margin-bottom: .5rem; width: 100%; float: left; text-decoration: none; color: #262626; }

    #info_tinfo{
        overflow: hidden;
        width: calc(70% - 1rem);
        margin: 0rem 0rem 1rem 1rem;
        background: #f2f2f2;
        float: left;
    }#info_tinfo .info_tinfos{
        width: 22%;
        float: left;
        padding-left: 8%;
    }
    #info_tinfo h2{ margin: 1.5rem; float: left; width: 100%; }
    #info_tinfo h3{ margin: -.5rem 1.5rem .5rem 1.5rem; }#info_tinfo p{ margin: .5rem .5rem 2rem 1.5rem; }

    #info_tbtn{
        overflow: hidden;
        width: calc(70% - 1rem);
        margin: -1rem 0 0rem 1rem;
        float: left;
        padding-bottom: 1rem;
    }

    #s_i_boton{ display: flex; text-align: center; justify-content: center; align-items: center; width: 100%; height: 2.5rem; overflow: hidden; margin: 1rem 0 0 0; float: left; }
    #s_i_boton a{ display: flex; text-align: center; justify-content: center; align-items: center; width: auto; height: 100%; border-top-left-radius: .2rem; border-bottom-left-radius: .2rem; padding: 0 2rem; text-decoration: none; color: #f2f2f2; }
    .fixture a{ background: #345999; cursor: pointer; }
    .unirse a{ background: #262626; cursor: pointer; }
    .pago a{ background: #51dd5c; cursor: pointer; }
    .prop a{ background: #262626; cursor: pointer; }
    .lleno a{ background: #DD5651; cursor: not-allowed; }
#settings_t{
    margin-left: 1rem;
    float: left;
    width: 1.25rem;
    height: 1.25rem;
}#settings_t svg{ cursor: pointer; }

#barra-juego{
    width: 100%;
    height: 4rem;
    background: var(--color1);
    float: left;
    overflow: hidden;
}
    #barra-juego ul{
        font-family: EASPORTS, sans-serif !important;
        width: 100%;
        height: 100%;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    #barra-juego ul li{
        cursor: pointer;
        width: auto;
        height: 90%;
        color: #f2f2f2;
        font-size: 1.3rem;
        padding: 0 .25rem;
        margin: 0 1.5rem;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
    }#barra-juego svg{ margin-right: .5rem; width: auto; }
    .selected{
        border-bottom: .2rem solid #f2f2f2;
    }

#torneos-j2, #partidos-j2{
    width: calc(100% - 2rem);
    height: auto;
    display: grid;
    margin-left: 1.5rem;
    gap: 1rem;
    grid-auto-rows: auto;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    float: left;
    padding-bottom: 2rem;
}
    .t_status{
        left: 0;
        top: 45%;
        position: absolute;
        width: 100% !important;
        z-index: 10;
        color: #f2f2f2 !important;
        font-size: .7rem;
        padding: .25rem 0;
    }.wait{ background: #ffe400; }
    .execution{ background: #42ff00; }
    .finished{ background: #ff0000; }
    .rev{ background: #ff9b00; }
    #torneos-j2 article{
        position: relative;
        float: left;
        overflow: hidden;
        margin: 1rem .5rem -1rem -.5rem;
        border-radius: .75rem;
        background: #f2f2f2;
        box-shadow: 2px 2px 5px #BCBCBC;
    }#torneos-j2 article a{ text-decoration: none; }
    #torneos-j2 article img{
        width: 100%;
        height: 7rem;
        object-fit: cover;
    }
    #torneos-j2 article h2{
        text-overflow: ellipsis;
        white-space: nowrap; 
        width: 90%;
        color: #262626;
        padding: 1rem;
        float: left;
        margin-top: .5rem;
        margin-bottom: .5rem;
        overflow: hidden;
    }
    #torneos-j2 article p{
        width: 70%;
        color: #262626;
        float: left;
        display: flex;
	    text-align: center;
	    align-items: center;
	    justify-content: center;
    }
    #torneos-j2 article span{
        width: 30%;
        color: #262626;
        float: left;
        display: flex;
	    text-align: center;
	    align-items: center;
	    justify-content: center;
	    padding-bottom: 1rem;
    }#torneos-j2 article span svg{ margin-left: .25rem; }
    
    #partidos-j2 article{
        position: relative;
        float: left;
        overflow: hidden;
        margin: 1rem;
        border-radius: .75rem;
        background: #f2f2f2;
        box-shadow: 2px 2px 5px #BCBCBC;
    }#partidos-j2 article a{ text-decoration: none; }
    #partidos-j2 header{
        width: 100%;
        height: 6.75rem;
        background: #445068;
        float: left;
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
        #partidos-j2 header div{
            height: 8rem;
            left: 0rem;
            position: absolute;
            -webkit-clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 0 90%, 0 10%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
            clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 0 90%, 0 10%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
        }#partidos-j2 img{ height: 8rem; margin-left: -1rem !important; }
        #partidos-j2 header p{
            top: 1rem;
            left: 8.25rem;
            position: absolute;
            font-size: 1.2rem;
            color: #f2f2f2;
            font-weight: 600;
            float: left;
        }#partidos-j2 .partidos-ganas{
            top: 3rem;
            left: 9rem;
            position: absolute;
            font-size: 1.2rem;
            color: #f2f2f2;
            font-weight: 600;
            float: left;
        }#partidos-j2 .partidos-apostas{
            top: 3rem;
            left: 14rem;
            position: absolute;
            font-size: 1.2rem;
            color: #f2f2f2;
            font-weight: 600;
            float: left;
        }#partidos-j2 header h3{ font-weight: 600; }
    #partidos-j2 footer{
        width: 100%;
        height: 6.75rem;
        background: #f2f2f2;
        float: left;
    }
        #partidos-j2 footer .partidos-jugador1{
            width: 100%;
            height: 50%;
            float: left;
            display: flex;
            text-align: center;
            align-items: center;
            justify-content: center;
        }#partidos-j2 footer .partidos-jugador1 img{ height: 70%; float: left;
            -webkit-clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
            clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
        }.partidos-jugador1 p{
            font-weight: 600;
            margin-top: -.25rem;
            margin-left: .5rem;
            font-size: 1.6rem;
            float: left;
            color: #262626;
        }.partidos-jugador1 svg{
            margin-top: -.25rem;
            margin-left: .5rem;
        }
        #partidos-j2 footer .partidos-jugador2{
            width: 100%;
            height: 50%;
            float: left;
            display: flex;
            text-align: center;
            align-items: center;
            justify-content: center;
        }#partidos-j2 footer .partidos-jugador2 img{ height: 70%; float: right;
            -webkit-clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
            clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
        }.partidos-jugador2 p{
            font-weight: 600;
            margin-top: -.25rem;
            margin-left: .5rem;
            margin-right: 1.5rem;
            font-size: 1.6rem;
            float: left;
            color: #262626;
        }.partidos-jugador2 svg{
            margin-top: -.25rem;
            margin-left: .5rem;
        }
        .partidos-jugador2 span{
            position: absolute;
            margin-top: -3.25rem;
            font-size: .8rem;
            float: left;
            color: #262626;
        }
        #desafiar-rival{
            cursor: pointer;
            padding: .25rem 2rem;
            background: #56aa57;
            font-weight: 600;
            margin-top: -.3rem;
            margin-left: .5rem;
            font-size: 1.4rem;
            float: left;
            color: #f2f2f2;
            border-radius: .5rem;
            box-shadow: 0 0 0 0 rgba(86, 170, 87, 0.4);
            -moz-animation: pulse 2s infinite;
            -webkit-animation: pulse 2s infinite;
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(86, 170, 87, 1);
            }
            70% {
                box-shadow: 0 0 0 10px rgba(86, 170, 87, 0);
            }
            100% {
                box-shadow: 0 0 0 50px rgba(86, 170, 87, 0);
            }
        }
    #jugadores-j2{
        margin-left: 2.5%;
        width: 95%;
        height: auto;
        float: left;
    }#jugadores-j2 a{
        position: relative;
        text-decoration: none;
    }
        #jugadores-j2 article{ border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; position: relative; width: 100%; height: 4rem; margin-top: 1.5rem; float: left; background: #4567; box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 2px 0px; background-color: rgb(255, 255, 255); }
        #jugadores-j2 article img{ width: 5rem; height: 5rem; float: left; margin-top: -.5rem; margin-left: -.5rem;
            -webkit-clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
            clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
        }
        #jugadores-j2 article p{ height: 100%; float: left; margin: 0 1rem; font-size: 2rem; color: #262626; font-weight: 600; display: flex;
            text-align: center;
            align-items: center;
            justify-content: center; }
        #btn-jd, #btn-jm{
            cursor: pointer;
            padding: .25rem 2rem;
            background: #56aa57;
            font-weight: 600;
            margin-top: .95rem;
            margin-right: 1rem;
            font-size: 1.4rem;
            float: right;
            color: #f2f2f2;
            border-radius: .5rem;
            box-shadow: 0 0 0 0 rgba(86, 170, 87, 0.4);
            display: flex;
            text-align: center;
            align-items: center;
            justify-content: center;
        }
        #jugadores-j2 article span{
            top: 0;
            left: 0;
            width: .5rem;
            height: .5rem;
            z-index: 10;
            position: absolute;
            padding: .25rem .25rem;
            background: #56aa57;
            font-weight: 600;
            margin-top: 2.35rem;
            margin-left: 3rem;
            font-size: 1.4rem;
            float: left;
            border-radius: 5rem;
            border: .25rem solid rgb(255, 255, 255);
        }
        #jugadores-j2 article ul{
            width: auto;
            height: 100%;
            padding: 0rem .25rem;
            font-weight: 600;
            float: left;
            display: flex;
            text-align: center;
            align-items: center;
            justify-content: center;
        }#jugadores-j2 article ul li{ display: flex; margin: 0 .25rem; }
        
    #reglas-j2{
        margin-left: 5%;
        width: 90%;
        height: auto;
        float: left;
    }
        #reglas-j2 h2, h1{ margin: 1.5rem 0; }
        
#informacion-u{
    box-shadow: 1px 1px 5px #252525;
    top: 14.6rem;
    left: 1rem;
    z-index: 90;
    width: auto;
    height: auto;
    position: absolute;
    float: left;
    padding: .35rem;
    background: #6481bb;
    border-radius: .75rem;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#info-u-btn {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
}#info-u-btn #info-usvg{
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
#informacion-u-content {
    border-radius: .2rem;
    display: none;
    position: absolute;
    background: #f9f9f9;
    width: 16rem;
    height: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: .75rem 1rem;
    margin-top: .75rem;
    z-index: 100;
	text-align: center;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#informacion-u:hover #informacion-u-content {
    display: flex;
}


#informacion-d{
    box-shadow: 1px 1px 5px #252525;
    top: .5rem;
    left: .5rem;
    z-index: 90;
    width: auto;
    height: auto;
    position: absolute;
    float: left;
    padding: .35rem;
    background: #f2f2f2;
    border-radius: .75rem;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
#info-d-btn {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
}#info-d-btn #info-dsvg{
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
#informacion-d-content {
    border-radius: .2rem;
    display: none;
    position: absolute;
    background: #f9f9f9;
    width: 16rem;
    height: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: .75rem 1rem;
    margin-top: .75rem;
    z-index: 100;
	text-align: center;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#informacion-d:hover #informacion-d-content {
    display: flex;
}


#crear_t, #crear_d{
    box-shadow: 1px 1px 5px #252525;
    top: -5.1rem;
    left: -.7rem;
    z-index: 90;
    width: auto;
    height: auto;
    position: absolute;
    float: left;
    padding: .35rem;
    background: #6481bb;
    border-radius: .75rem;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#error{
	position: absolute;
	color: #f2f2f2;
	top: 0;
	right: 0;
	width: auto;
	height: 1.5rem;
	background: #262626;
	display: flex;
	text-align: center;
  	align-items: center;
  	padding: .75rem 1rem;
  	margin-top: .15rem;
  	border-left: .25rem solid #c2c2c2;
  	display: none;
}
#desafio-ganador{
    width: calc(100% - 2rem);
    height: 4rem;
    background: #f2f2f2;
    float: left;
    margin: 0rem 0rem 1rem 1rem;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
#desafio{
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
    color: #262626;
    background: #e2e2e2;
}#desafio-scroll{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    scrollbar-width: thin;
}
#desafio-back{
    width: 2.5rem;
    height: 2.5rem;
    background: #f2f2f2;
    position: absolute;
    top: 6rem;
    right: 3.5rem;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    cursor: pointer;
    text-decoration: none;
}#enfvuelva, #enfida{
    font-size: .8rem;
    margin-left: .5rem;
    padding: .2rem .4rem;
    background: #304060;
    color: #f2f2f2;
    cursor: pointer;
}
#header-d{
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
}
#desafio-img{
    object-fit: cover;
    float: left;
    width: 100%;
    height: 15rem;
}
    #desafio main{
        border-radius: .2rem;
        padding: 1rem;
        margin: 1rem;
        float: left;
        width: 30%;
        background: #f2f2f2;
    }#desafio main h2{ margin-bottom: .5rem; }
        #desafio main ul{
            display: flex;
            text-align: left;
            align-items: baseline;
            justify-content: center;
            flex-direction: column;
        }
        #desafio main ul li{
            display: flex;
            margin: .25rem .5rem;
        }
    #desafio content{
        border-radius: .2rem;
        padding: 1rem;
        margin-top: 1rem;
        margin-right: 1rem;
        float: left;
        width: calc(70% - 7rem);
        background: #f2f2f2;
    }
        #desafio content h2{
            width: calc(70% - 7rem);
            float: left;
        }
        #desafio content h5{
            width: calc(70% - 7rem);
            color: #5a5a5a;
        }  
    #desafio header{
        border-radius: .2rem;
        padding: 1rem;
        margin-top: 1rem;
        margin-right: 1rem;
        float: left;
        width: calc(70% - 7rem);
        height: auto;
        background: #f2f2f2;
        flex-direction: column;
    }
        #desafio header a{
            float: left;
            margin-top: .35rem;
            border-radius: .2rem;
            width: 100%;
            height: 2.5rem;
            padding: .25rem;
            background: #ededed;
            color: #262626;
            display: flex;
            text-align: center;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: #262626;
        }
            #desafio header a img{
                width: 2rem;
                height: 2rem;
            }
            #desafio header a p{
                font-size: 1rem;
                margin: 0 2rem;
            }#desafio header a span{
                font-size: 1.4rem;
                margin: 0 2rem;
            }
    
    #desafio barside{
        border-radius: .2rem;
        padding: 1rem;
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 1rem;
        float: left;
        width: calc(70% - 7rem);
        background: #f2f2f2;
    }
        #desafio barside h5{
            color: #5a5a5a;
        }
        #desafio-chat{
            margin-top: .5rem;
            margin-bottom: .5rem;
            width: 100%;
            height: 16rem;
            background: #ededed;
            border-radius: .5rem;
            overflow: hidden;
        }#desafio-chat-scroll{
            width: 100%;
            height: 100%;
            overflow-y: scroll;
            scrollbar-width: thin;
            display: flex;
            flex-direction: column-reverse;
        }
            #desafio-chat .chat_text{
                width: calc(100% - 1rem);
                height: auto;
                float: left;
                padding: .05rem .25rem;
                text-align: left;
                align-items: center;
                justify-content: left;
                position: relative;
            }#desafio-chat .chat_text span{
                margin-right: 2rem;
                font-weight: 600;
                margin-left: .15rem;
                margin-right: .15rem;
                width: auto;
                float: left;
            }
            #desafio-chat .active{
                margin-right: .15rem;
                float: right;
                display: flex;
                text-align: right;
                align-items: right;
                justify-content: right;
            }
        #desafio barside form{
            width: 100%;
            height: 2rem;
            float: left;
        }
            #desafio barside form input{
                margin-top: .25rem;
                width: 93%;
                padding: .5rem;
                border: 0;
                background: #ededed;
                float: left;
            }
            #desafio barside form button{
                cursor: pointer;
                margin-top: .25rem;
                width: calc(7% - 1rem);
                height: 100%;
                background: #262626;
                border: 0;
                display: flex;
                text-align: center;
                align-items: center;
                justify-content: center;
            }
    #desafio footer{
        border-radius: .2rem;
        padding: 1rem;
        margin-top: 0rem;
        float: left;
        width: 30%;
        height: 20.85rem;;
        background: #f2f2f2;
    }#desafio footer h2{ margin-bottom: .5rem; }
        #desafio footer form select{ float: left; padding: .2rem; margin-top: -.1rem; scrollbar-width: thin; }
        #desafio footer form label{ margin-right: .5rem; float: left; }
        #desafio footer form button{ cursor: pointer; margin-top: .5rem; padding: .5rem 1rem; float: left; border: 0; background: #262626; font-weight: 600; color: #f2f2f2; }
        #desafio footer ul{
            display: flex;
            text-align: left;
            align-items: baseline;
            justify-content: center;
            flex-direction: column;
        }
        #desafio footer ul li{
            display: flex;
            margin: .25rem .5rem;
        }

@media (max-width: 600px) {
    #tutorial2 img { height: 100%; width: auto; margin-left: -35%; background-position: center; }
    #tutorial2 p { width: 40%; padding-right: 60%; }
    #header-cel{ display: flex; height: 2rem !important; }#wallet-cel{ display: none; }
    header { height: 3.5rem; }
    #barra-juego ul li { font-size: 1rem; }
    #barra-juego ul li { width: 2.5rem; padding: 0; }#barra-juego ul li svg { display: none; }
    
    #btn-jd, #btn-jm {
        padding: .5rem;
        margin-top: .8rem;
        margin-right: .75rem;
    }
    #jugadores-j2 article p {
        overflow: hidden;
        width: 30%;
        height: 45%;
        float: left;
        font-size: 1.2rem;
        margin: .25rem 1rem;
    }
    #jugadores-j2 article ul {
        position: absolute;
        bottom: .25rem;
        left: 6rem;
        width: auto;
        height: 40%;
        padding: 0rem .25rem;
        font-weight: 600;
        float: left;
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    #content-notificacion { width: 85%; }
    
    #info_tdesc { width: calc(100% - 2rem); }
    #info_tinfo { width: calc(100% - 2rem); }
    #info_tbtn { width: calc(100% - 2rem); }
    #info_tequipo { width: calc(100% - 2rem); margin: 0rem 1rem 1rem 1rem; }
    #info_tinfo .info_tinfos {
         width: auto;
        float: left;
        padding-left: 0%;
    }
    #info_tpremio{ width: calc(100% - 2rem); }
    .content-modal-1v1 { width: auto; }.content-modal-1v1 form select { width: 10rem; }#desafio-config2 { margin-top: 0rem; }
    .content-modal-1v1 form #info-d { flex-direction: column; width: calc(100% - 1rem); height: 6rem; }
    .content-modal-1v1 form #info-d p { margin: 0rem; }.content-modal-1v1 form #info-d h3 { font-size: 1rem; }
    .content-modal-1v1 p:nth-child(4) { display: none; }
    .content-modal-1v1 form button { width: auto; margin-left: 25%; }
    
    #desafio main { width: calc(100% - 4rem); }
    #desafio content h2 { width: calc(100% - 4rem); }#desafio content h5 { width: calc(100% - 4rem); }
    #desafio content { width: calc(100% - 4rem); margin-left: 1rem; margin-top: 0rem; }
    #desafio header { width: calc(100% - 4rem); margin-left: 1rem; margin-bottom: 1rem; }
    #desafio barside { width: calc(100% - 4rem); }
    #desafio footer { width: calc(100% - 2rem); }
    #desafio header a{
            width: calc(100% - .75rem);
            height: auto;
            display: grid;
        }
    #desafio header a img{ margin: 0.5rem 0rem 0.5rem 5rem; }
    #desafio barside form input { width: calc(90% - 1rem); }#desafio barside form button { width: 10%; }
    
    #informacion-u { top: 15.25rem; left: .75rem; }#crear_t { top: -7rem; left: -1rem; }#crear_d { top: -7rem; left: -1rem; }
}