*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	scrollbar-width: thin;
	--color1: #1a1b41;
    --color2: #6290c3;
}
body{
    background: #f2f2f2;
}

#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;
    }

#modo-adm{
    cursor: pointer;
    color: #f2f2f2;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 100;
    background: #304060;
    padding: .75rem;
    border-radius: 1rem;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

#pantalla{
    overflow: hidden;
	float: left;
	width: 100%;
	font-family: ProximaSoft-Bold, sans-serif;
	position: relative;
}
#error{
    z-index: 100;
	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;
}


#btn-editor{
    display: none;
}.container-editor{
    display: flex;
    text-align: center;
    overflow: auto;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0; left: 0;
    background-color: rgba(144, 148, 150, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 100;
}
#btn-editor:checked ~ .container-editor{
    display: none;
}.content-editor{
    width: 100%;
    max-width: 600px;
    padding: 1.2rem;
    background-color: #f2f2f2;
    border-radius: .5rem;
}.content-editor h1{
    margin-bottom: 1rem;
    margin-left: .25rem;
}.content-editor 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-editor form input{
    width: 50%;
    margin-left: calc(25% - .75rem);
    height: 1.25rem;
    float: left;
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    padding: .25rem .5rem;
}.content-editor 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;
}#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-editor form textarea{
    width: 50%;
    margin-left: calc(25% - .75rem);
    height: 2.5rem;
    float: left;
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    padding: .25rem .5rem;
    resize: none;
}.content-editor form button{
    font-family: EASPORTS, sans-serif !important;
    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-editor #eliminar_t{
    font-family: EASPORTS, sans-serif !important;
    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;
}
.content-editor form a p{ color:#f2f2f2; }
.cerrar-editor{
    width:100%;
    height: 100vh;
    position: absolute;
    top:0; left: 0;
    z-index: -1;
}



#screen-scroll{
    width: 100%;
    height: 100%;
    float: left;
    overflow-y: scroll;
    /*scrollbar-width: none;*/
    position: relative;
}

#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;
        }
        #contenido-msj .chat_fecha{
            font-size: .8rem; color: #6f6f6f;
        }

#header-banner{
    width: 100%;
    padding-bottom: 1rem;
    float: left;
    background: #f2f2f2;
    position: relative;
}
    #header-banner content{
        float: left;
        width: 100%;
        height: 5rem;
        background: var(--color1);
        color: #f2f2f2;
        display: flex;
    	text-align: center;
    	align-items: center;
    	justify-content: center;
    }
    content #foto{
        position: absolute;
        width: 8rem;
        height: 8rem;
        padding: .75rem;
        background: var(--color1);
        opacity: .95;
        left: calc(50% - 4rem);
        margin-top: -3.5rem;
        top: 0%;
        box-sizing: border-box;
        -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%);
    }content #foto img{ width: 100%; height: 100%;
        -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%);
    }
    content p{
        font-size: 1.5rem;
        font-weight: 600;
        margin-top: 5rem;
        background: var(--color1);
        padding: 0rem 1rem .5rem 1rem;
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem;
        z-index: 1;
    }
    #barra-menu{
        left: .5rem;
        position: absolute;
        padding: .5rem;
    }#barra-menu svg{ width: 2rem; cursor: pointer; margin: 0 1rem; }
    #barra-menu2{
        right: .5rem;
        position: absolute;
        padding: .5rem;
    }#barra-menu2 svg{ width: 2rem; cursor: pointer; margin: 0 1rem; }
    
    #agregar-p{
        margin-top: -1.5rem;
        text-decoration: none;
        color: #f2f2f2;
        cursor: pointer;
        right: 10%;
        position: absolute;
        padding: .5rem;
        background: #56aa57;
        padding: .5rem 1rem;
        border-radius: .5rem;
        display: flex;
    	text-align: center;
    	align-items: center;
    	justify-content: center;
    }#agregar-p svg{
        float: left;
        margin-top: .1rem;
        margin-right: .25rem;
    }

main{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 1rem;
}
    #barra{
        width: 100%;
        height: 6rem;
        background: #f2f2f2;
        margin-top: 1rem;
    }
    #barra ul{
        display: flex;
    	text-align: center;
    	align-items: center;
    	justify-content: center;
    }
    #barra ul li{
        cursor: pointer;
        width: 4rem;
        height: 4rem;
        margin: .5rem .75rem;
        padding: .5rem;
        display: flex;
    	text-align: center;
    	align-items: center;
    	justify-content: center;
    }#barra ul li svg{ width: 70%; }.selected{ border-bottom: .25rem solid #304060; }
    
    #contenido{
        width: 100%;
        height: auto;
        background: #f2f2f2;
    }
        #contenido #c-perfil, #c-torneos, #c-ajustes, #c-historial{
            margin-top: 2rem;
            width: 100%;
            height: auto;
        }
        #c-perfil section{
            margin-bottom: 2rem;
            border-radius: .2rem;
            margin-left: .5rem;
            width: 30%;
            height: auto;
            background: #f2f2f2;
            display: flex;
        	text-align: left;
        	align-items: left;
        	justify-content: left;
        	flex-direction: column;
        	float: left;
        }#c-perfil section h2{ margin-left: 2rem; }#c-perfil section svg{ margin-right: .25rem; }
        #c-perfil section p{ display: flex; text-align: center; align-items: center; justify-content: left; margin: 0 .25rem; }
        #c-perfil section img{ margin-right: .25rem; margin-top: .1rem; }
        
        section sidebar{
            margin-top: 1rem;
            width: 80%;
            height: auto;
            display: grid;
            gap: 1rem;
            grid-auto-rows: auto;
            grid-template-columns: repeat(auto-fill, minmax(4rem, 1fr));
            float: left;
        }
            section sidebar img{
                width: 5rem;
                height: 6rem;
                float: left;
                clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
            }
        .mptorneo{
            overflow: hidden;
            width: 100%;
            float: left;
            margin: .25rem 0;
            text-decoration: none;
            color: #262626;
            font-size: 1rem;
            padding: .25rem .25rem .25rem 1.75rem !important;
            margin-left: -1rem;

        }.mptorneo label{ cursor: pointer; }
            
        
        #c-perfil main{
            width: 68%;
            height: auto;
            float: right;
        }.s_balance{
            background: #56aa57;
            padding: 1rem 1rem 1rem 2rem !important;
            margin-bottom: .25rem;
            margin-left: -1rem;
            margin-right: -1rem;
            color: #f2f2f2 !important;
        }
            #stats{
                position: relative;
                padding: 1rem;
                background: #e2e2e2;
                border-radius: .2rem;
                margin-top: 1rem;
                margin-bottom: 2rem;
                margin-left: 2rem;
                width: calc(90% - 2rem);
                height: auto;
                display: flex;
            	text-align: center;
            	align-items: left;
            	justify-content: center;
            	flex-direction: column;
                float: left;
            }#c-perfil main h2{ margin-left: 2rem; }
            #stats div{
                float: left;
                padding: .5rem .25rem .5rem 1rem;
            }
            #stats div h4{ font-size: 1rem; font-weight: 200; float: left; }#stats div p{ margin-top: -.25rem; margin-left: 1rem; float: left; font-size: 1.5rem; }
            #stats a:hover{
                background: #f2f2f2;
                transition: 1s;
            }
            #stats ul{
                float: left;
                list-style-type: none;
                display: flex;
            	text-align: center;
            	align-items: left;
            }
            
            #stats #team{
                overflow: hidden;
                margin-top: -.75rem;
                margin-bottom: -.75rem;
                margin-left: -.5rem;
                width: 100%;
                height: 2.2rem;
            }#stats #team img{
                top: -.85rem; left: .5rem;
                position: absolute;
                padding-left: .5rem; padding-right: .5rem;
                padding-top: .75rem; padding-bottom: .75rem;
                background: #1a1b41;
                margin: 0;
                width: 4rem;
                height: 4rem;
                float: left;
                border-radius: .2rem;
            }#stats #team p{
                float: left;
                margin-left: 4.5rem;
                float: left;
                font-size: 2rem;
                color: #262626;
                font-weight: bold;
            }
            #stats #team a{
                cursor: pointer;
                position: absolute;
                top: 0rem;
                right: 0rem;
                width: 1rem;
                height: calc(100% - .4rem);
                padding: .2rem 1rem;
                background: #262626;
                border-radius: .3rem;
                display: flex;
        	    text-align: center;
        	    align-items: center;
        	    justify-content: center;
            }
            
            main #partidos-j2{
                margin-top: .75rem;
                margin-left: 1.5rem;
            }
            main #partidos-j2 article{
                width: 45.25%;
                height: 8rem;
                position: relative;
                float: left;
                overflow: hidden;
                margin: .5rem .5rem;
                border-radius: .75rem;
                background: #f2f2f2;
                box-shadow: 2px 2px 5px #BCBCBC;
            }main #partidos-j2 article a{ text-decoration: none; }
            main #partidos-j2 header{
                width: 100%;
                height: 4.75rem;
                background: #445068;
                float: left;
                text-align: center;
                align-items: center;
                justify-content: center;
            }
                main #partidos-j2 header div{
                    top: 0rem;
                    height: 8rem;
                    left: 0rem;
                    position: absolute;
                }main #partidos-j2 img{ height: 8rem; }
                main #partidos-j2 header p{
                    top: .5rem;
                    left: 45%;
                    position: absolute;
                    font-size: 1rem;
                    color: #f2f2f2;
                    font-weight: 600;
                    float: left;
                }main #partidos-j2 .partidos-ganas{
                    top: 2rem;
                    left: 45%;
                    position: absolute;
                    font-size: .8rem;
                    color: #f2f2f2;
                    font-weight: 600;
                    float: left;
                }main #partidos-j2 .partidos-apostas{
                    top: 2rem;
                    left: 70%;
                    position: absolute;
                    font-size: .8rem;
                    color: #f2f2f2;
                    font-weight: 600;
                    float: left;
                }main #partidos-j2 header h3{ font-size: 1rem; font-weight: 600; }
            main #partidos-j2 footer{
                width: 100%;
                height: 3.25rem;
                background: #f2f2f2;
                float: left;
            }
                main #partidos-j2 footer .partidos-jugador2{
                    width: 50%;
                    margin-left: 1rem;
                    height: 100%;
                    float: left;
                    display: flex;
                    text-align: left;
                    align-items: center;
                    justify-content: left;
                }main .partidos-jugador2 p{
                    font-weight: 600;
                    font-size: 1rem;
                    float: left;
                    color: #262626;
                }main #partidos-j2 footer span{
                    margin-left: 1rem;
                    height: 100%;
                    float: left;
                    display: flex;
                    text-align: left;
                    align-items: center;
                    justify-content: left;
                }
 
        #c-torneos section{
            width: 100%;
            height: auto;
            display: grid;
            gap: 1rem;
            grid-auto-rows: auto;
            grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
            float: left;
        }
        #c-torneos h2{
            margin: 1.25rem;
        }
            #btn-torneo{
                position: absolute;
                top: 0;
                right: 0;
                z-index: 10;
                background: #304060;
                padding: .5rem;
                border-bottom-left-radius: 1rem;
                cursor: pointer;
            }#btn-torneo svg{
                display: flex;
        	    text-align: center;
        	    align-items: center;
        	    justify-content: center;
            }
            
            #c-torneos article{
                position: relative;
                float: left;
                overflow: hidden;
                margin: 1rem;
                border-radius: .75rem;
                background: #f2f2f2;
                box-shadow: 2px 2px 5px #BCBCBC;
            }#c-torneos article a{ text-decoration: none; }
            .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; }
            #c-torneos article img{
                width: 100%;
                height: 7rem;
                object-fit: cover;
            }
            #c-torneos article h2{
                text-overflow: ellipsis;
                white-space: nowrap; 
                width: 85%;
                color: #262626;
                padding: .5rem;
                float: left;
                margin-top: .5rem;
                margin-bottom: .5rem;
                overflow: hidden;
            }
            #c-torneos article p{
                width: 70%;
                color: #262626;
                float: left;
                display: flex;
        	    text-align: center;
        	    align-items: center;
        	    justify-content: center;
            }
            #c-torneos article span{
                width: 30%;
                color: #262626;
                float: left;
                display: flex;
        	    text-align: center;
        	    align-items: center;
        	    justify-content: center;
            }#c-torneos article span svg{ margin-left: .25rem; }
           
        #c-ajustes-grid{
            width: 96%;
            margin-left: 2%;
            display: grid;
            gap: 0rem;
            grid-auto-flow: dense;
            grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
        }
            .juegosS{
                display: flex;
                float: left; font-size: 1rem; padding: .15rem .75rem;
                width: auto; height: auto; margin: 0 .5rem;
                background: #fff; border-radius: 1rem; color: #262626;
            }
        #c-ajustes h2{
            width: calc(100% - 2.5rem);
            margin: 1.25rem;
        }
            #c-ajustes form{
                border-radius: .2rem;
                padding: 1rem;
                height: auto;
                float: left;
                margin: .1rem;
                background: var(--color1);
                opacity: .95;
            }
            #c-ajustes form h3{
                color: #f2f2f2;
                width: 100%;
                float: left;
                margin: .25rem;
            }
            #c-ajustes form label{
                color: #f2f2f2;
                font-size: 1rem;
                width: 85%;
                float: left;
                margin: .5rem .5rem;
            }
            #c-ajustes form input{
                color: #262626;
                font-size: 1rem;
                width: 80%;
                float: left;
                margin: 0 .5rem;
                padding: .25rem .5rem;
                border: 0;
            }
            #c-ajustes form select{
                color: #262626;
                font-size: 1rem;
                width: 85%;
                float: left;
                margin: 0 .5rem;
                padding: .2rem .5rem;
                border: 0;
            }#tel-c{ width: 25% !important; }#tel{ width: 50% !important; }
            #c-ajustes form p{
                color: #262626;
                width: 100%;
                float: left;
                margin: 0 .5rem;
                padding: 0 .5rem;
            }
            #c-ajustes form button{
                font-family: EASPORTS, sans-serif !important;
                font-weight: 600;
                color: #262626;
                background: #fff;
                float: left;
                margin: 1rem .5rem;
                padding: .5rem 1rem;
                border: 0;
                cursor: pointer;
            }
        
        #c-historial h2{
            width: calc(100% - 2.5rem);
            margin: 1.25rem;
        }
#design{
    position: absolute;
    bottom: .5rem;
    left: 41.5%;
    height: auto;
    display: flex;
	text-align: center;
    align-items: center;
    justify-content: center;
    color: #909090;
}
footer{
    position: relative;
    background: #f2f2f2;
    float: left;
	width: 100%;
	height: 15rem;
	font-size: 1rem;
	font-family: ProximaSoft-Bold, sans-serif;
	text-decoration: none;
	color: #00143c;
}
    footer #f_logo{
        width: 30%;
        height: 100%;
        background: var(--color1);
        float: left;
    }footer #f_logo img{ width: 5rem; margin-left: calc(50% - 2.5rem); margin-top: 2rem; }
    footer #f_logo label{
        color: #f2f2f2;
        display: flex;
	    text-align: center;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 2rem; width: 100%; font-family: EASPORTS, sans-serif;
    }footer #f_logo span{
        color: #f2f2f2;
        display: flex;
	    text-align: center;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    
    footer #f_content{
        width: 70%;
        height: 100%;
        float: left;
    }footer #f_content content{
        width: 50%;
        height: 100%;
        float: left;
        background: #d8d8d8;
        display: flex;
	    text-align: center;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }footer #f_content content a{
        display: flex;
	    text-align: center;
        align-items: center;
        justify-content: center;
    	float: left;
    	text-decoration: none;
    	color: #00143c;
    	margin: .25rem;
    }footer content a svg{ margin-right: .25rem; }

@media (max-width: 600px) {
    #barra { height: 5rem; margin-top: -1rem; }
    main #partidos-j2 article { width: 92.5%; }
    #content-notificacion { width: 85%; }#content-chat { width: 85%; }
    #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; }
    #barra-menu svg, #barra-menu2 svg { width: 1.5rem; }
    content #foto { width: 5rem; height: 5rem; top: 0%; left: calc(50% - 2.5rem); margin-top: -1rem; }
    content p{ font-size: 1rem; margin-top: 4rem; }
    #c-perfil section { width: 95%; margin-left: 0rem; margin-bottom: 0rem; }
    #c-perfil main { width: 95%; float: left; }
    #agregar-p{ right: 4%; left: 65%; top: 65%; }#mensaje-p{ left: 4%; right: 65%; top: 65%; }
    footer { height: 17rem; }
    footer #f_content content a { width: 85%; }
}