#fase_eliminatoria{
	/*display:none;*/
}

.grupo-top100-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:46px;
	padding:0 18px;
	border-radius:8px;
	background:linear-gradient(90deg, var(--wc-blue), var(--wc-blue-2));
	color:#fff !important;
	font-size:15px;
	font-weight:900;
	box-shadow:0 8px 16px rgba(8,31,92,.16);
}

.clasificacion-top100-card{
	width:min(94vw, 720px);
	margin:0 auto 18px;
	display:flex;
	justify-content:center;
	padding:0 16px;
}

.top100-resumen{
	width:min(94vw, 720px);
	margin:0 auto 24px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	flex-wrap:wrap;
	padding:14px 16px;
	border-radius:8px;
	background:rgba(255,255,255,.90);
	border:1px solid rgba(8,31,92,.12);
	box-shadow:0 12px 26px rgba(8,31,92,.12);
	color:var(--wc-blue);
	text-align:center;
}

.top100-resumen span{
	color:#52627d;
	font-size:13px;
	font-weight:800;
}

.top100-resumen strong{
	font-size:16px;
	font-weight:900;
}

.top100-resumen a{
	padding:9px 12px;
	border-radius:8px;
	background:#eef5ff;
	color:var(--wc-blue) !important;
	font-size:13px;
	font-weight:900;
}

.tabla-top100 table tr #nombre small{
	display:none;
	margin-top:4px;
	color:#52627d;
	font-size:12px;
	font-weight:800;
}

.tabla-top100 table tr #nombre a{
	display:block !important;
}

.tabla-top100 table tr .top100-grupo a{
	color:#52627d !important;
}

.tabla-top100 table tr .top100-grupo{
	width:210px;
	color:#52627d !important;
	font-size:14px !important;
	text-align:left;
}

.tabla-top100 table tr .top100-vacio{
	padding:28px 18px !important;
	color:#52627d !important;
	text-align:center;
}

@media(max-width:760px){
	.grupo-top100-link{
		width:100%;
	}

	.top100-resumen{
		align-items:stretch;
		flex-direction:column;
	}

	.tabla-top100 table tr .top100-grupo{
		display:none;
	}

	.tabla-top100 table tr #nombre small{
		display:block;
	}
}
#octavos{
	/*display:none;*/
}
#cuartos{
	/*display:none;*/
}
#semis{
	/*display:none;*/
}
#final{
	/*display:none;*/
}
#ganador{
	/*display:none;*/
}
#clasificacion_grupos_espacio{
	/*display:none;*/
}
#clasificacion_grupos_espacio{
	/*display:none;*/
}
#tabla_clasif{
	/*display:none;*/
}

/*CUERPO:*/
body{
	background: linear-gradient(to right, #635FFF, #040093);
	font-size:20px;
	font-family:Courier;
}

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


/*INICIO SESION:*/
#cabecerainicio{
	width:225px;
	margin:auto;
}
#cabecerainicio img{
	width:100%;
}

*,:after,:before{box-sizing:border-box}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}
a{color:inherit;text-decoration:none}

.login-wrap{
	width:100%;
	margin:auto;
	max-width:525px;
	min-height:670px;
	position:relative;
	background:url(../img/portada.jpeg) no-repeat center;
	box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
	border:12px groove #2925D2;
	margin-top:40px;
	color:white;
}
.login-html{
	width:100%;
	height:100%;
	position:absolute;
	padding:90px 70px 50px 70px;
	background:rgba(40,57,101,.9);
}
.login-html .sign-in-htm,
.login-html .sign-up-htm{
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:absolute;
	transform:rotateY(180deg);
	backface-visibility:hidden;
	transition:all .4s linear;
}
.login-html .sign-in,
.login-html .sign-up,
.login-form .group .check{
	display:none;
}
.login-html .tab,
.login-form .group .label,
.login-form .group .button{
	text-transform:uppercase;
}
.login-html .tab{
	font-size:22px;
	margin-right:15px;
	padding-bottom:5px;
	margin:0 15px 10px 0;
	display:inline-block;
	border-bottom:2px solid transparent;
}
.login-html .sign-in:checked + .tab,
.login-html .sign-up:checked + .tab{
	color:#fff;
	border-color:#2925D2;
}
.login-form{
	min-height:345px;
	position:relative;
	perspective:1000px;
	transform-style:preserve-3d;
}
.login-form .group{
	margin-bottom:15px;
}
.login-form .group .label,
.login-form .group .input,
.login-form .group .button{
	width:100%;
	color:#fff;
	display:block;
}
.login-form .group .input,
.login-form .group .button{
	border:none;
	padding:15px 20px;
	border-radius:25px;
	background:rgba(255,255,255,.1);
}
.login-form .group input[data-type="password"]{
	text-security:circle;
	-webkit-text-security:circle;
}
.login-form .group .label{
	color:#aaa;
	font-size:12px;
}
.login-form .group .button{
	background:#2925D2;
}

.login-form .remember-group{
	margin-top:-4px;
	margin-bottom:16px;
}

.login-form .remember-label{
	display:inline-flex;
	align-items:center;
	gap:9px;
	color:#43516b;
	font-size:13px;
	font-weight:700;
	cursor:pointer;
	user-select:none;
}

.login-form .remember-label input{
	width:16px;
	height:16px;
	accent-color:#1161ee;
	border-color:#43516b;
	cursor:pointer;
}

.login-form .remember-label span{
	line-height:1;
}
.login-form .group label .icon{
	width:15px;
	height:15px;
	border-radius:2px;
	position:relative;
	display:inline-block;
	background:rgba(255,255,255,.1);
}
.login-form .group label .icon:before,
.login-form .group label .icon:after{
	content:'';
	width:10px;
	height:2px;
	background:#fff;
	position:absolute;
	transition:all .2s ease-in-out 0s;
}
.login-form .group label .icon:before{
	left:3px;
	width:5px;
	bottom:6px;
	transform:scale(0) rotate(0);
}
.login-form .group label .icon:after{
	top:6px;
	right:0;
	transform:scale(0) rotate(0);
}
.login-form .group .check:checked + label{
	color:#fff;
}
.login-form .group .check:checked + label .icon{
	background:#1161ee;
}
.login-form .group .check:checked + label .icon:before{
	transform:scale(1) rotate(45deg);
}
.login-form .group .check:checked + label .icon:after{
	transform:scale(1) rotate(-45deg);
}
.login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm{
	transform:rotate(0);
}
.login-html .sign-up:checked + .tab + .login-form .sign-up-htm{
	transform:rotate(0);
}

.hr{
	height:2px;
	margin:60px 0 50px 0;
	background:rgba(255,255,255,.2);
}
.foot-lnk{
	text-align:center;
}
#error{
	color:#FF0000;
	font-size:16px; 
	text-align:center;
	width:100%;
	display:block;
	font-weight:bold;
	padding-top:10px;
}
#correcto{
	color:green;
	font-size:16px; 
	text-align:center;
	width:100%;
	display:block;
	font-weight:bold;
	padding-top:10px;
}



/*SELECT DE FORMULARIO:*/
#select-css {
 display: block;
 font-size: 16px;
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 color: #444;
 line-height: 1.3;
 padding: .4em 1.4em .3em .8em;
 width: 100px;
 max-width: 100%; 
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
 border-radius: .3em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
 background-repeat: no-repeat, repeat;
 background-position: right .7em top 50%, 0 0;
 background-size: .65em auto, 100%;
}
#select-css::-ms-expand {
 display: none;
}
#select-css:hover {
 border-color: #888;
}
#select-css:focus {
 border-color: #aaa;
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222; 
 outline: none;
}
#select-css option {
 font-weight:normal;
}

#continuar{
	background-color:#2925D2;
	color:#F1F1F1;
	font-size:16px;
	padding:15px;
	border:5px outset #2925D2;
	margin-top:20px;
}
#continuar:hover{
	border:5px inset #2925D2;
}

#nombre_grupo{
	background-color:#2925D2;
	
	margin-bottom:10px;
	font-size:26px;
	text-align:center;
	border:12px groove #2925D2;
	padding:10px;
	color:white;
	font-weight:bold;
	width:380px;
	margin:auto;
}
#tablagrupos tr #fondoprimero{
		background-color:green;
		padding:0px;
}
#tablagrupos tr #fondosegundo{
		background-color:green;
		padding:0px;
}
#tablagrupos tr #fondotercero{
		background-color:orange;
		padding:0px;
}
#tablagrupos tr #fondocuarto{
		padding:0px;
}
#tablagrupos tr #seleccion{
		text-align:left;
		padding-left:20px;
}
#tablagruposoctavos tr #seleccion{
		font-size:16px;
}
#tablagruposoctavos tr #seleccioncuarto{
		font-size:13px;
}
#tablagruposoctavos tr #seleccioncampeon{
		display: flex;
  		justify-content: center;
  		align-items: center;
}
#tablagoleadores tr #input{
		display: flex;
  		justify-content: right;
  		align-items: center;
}
#tablagoleadores tr #celdainput2{
		display: flex;
  		justify-content: right;
  		align-items: center;
		
}
#tablagoleadores tr td #input2{
		width:40px;
		
}




/*CABECERA:*/
#menu_movil{
	display:none;
}
#cabecera{
	display:none;
}
#cabecera{
	width:100%;
	height:25%;
	z-index:1;	
	
}
#cabecera img{	
	display:block;
	margin:auto;
	width:400px;	
}
#separate{
	width:100%;
	height:100px;
}
#cabecera1080{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100px;
	background-color:black;
	z-index:1;	
}
	#cabecera1080 img{
		height:90px;
		padding-top:5px;
		padding-left:10px;
	}
	#cabecera1080 #logo2{
		position:fixed;
		top:0;
		left:90px;
		border-left:2px solid white;
		height:80px;
		margin-top:12px;
	}
	#cabecera1080 #logo2 img{
		position:fixed;
		top:5px;
		padding-left:10px;
	}
	
	#cabecera1080 #lista{
		position:absolute;
		top:0;
		right:0;
		width:615px;
		font-weight:bold;
	}
		#cabecera1080 #lista #ul_lista{
			margin:0;
			padding:0;
		}
		
		#cabecera1080 #lista #ul_lista li{
			display:inline-block;
			line-height:100px;
			background-color:black;
			color:white;
			text-decoration:none;
			padding:0 20px;
			margin-left:-6px;
		}
		#cabecera1080 #lista #ul_lista #selected{
			background-color:#4B7BFD;
		}
		#cabecera1080 #lista #ul_lista #selected a{
			color:black;
		}
		#cabecera1080 #lista #ul_lista li:hover{
			background-color:#4B7BFD;
			color:black;
		}
		#cabecera1080 #lista #ul_lista li:hover a{
			color:black;
		}
		#cabecera1080 #lista ul li a{	
			text-decoration:none;
			color:white;			
		}

		
	/*FOTO SESION:*/
	#cabecera1080 #fotosesion{
		position:absolute;
		top:0px;
		right:0px;
		border:3px solid #4B7BFD;
		border-radius:30px;
		width:94px;
		height:94px;
		margin-right:10px;
		padding:0px;
	}
	#cabecera1080 #fotosesion:hover{
		opacity:40%;
	}
	#cabecera1080 #lista #ul_lista #liperfil:hover #fotosesion{
			opacity:40%;
		}



	

/*CLASIFICACION*/
		/*TABLA CLASIFICACIÓN:*/
		#tabla{	
			width:30%;
			margin:auto;
			color:#F1F1F1;
			border:5px solid #B8B7FF;
			margin-top:40px;
		}
		#tabla table{	
			width:100%;
			border-collapse: collapse;
		}
		#tabla table tr td{	
			border-top:2px solid #B8B7FF;
			border-bottom:2px solid #B8B7FF;
			background-color:#2925D2;
		}
		#tabla table tr td a{	
			text-decoration:none;
			color:#F1F1F1;
		}
		#tabla table tr #posicion{	
			text-align:center;
			font-size:14px;
			width:1px;
			padding:10px;
		}
		#tabla table #imagen{
			padding-top:10px;
			width:1px;
			padding-right:10px;
			padding-top:10px;
		}
		#tabla table #imagen img{	
			width:50px;
			height:50px;
			background-color:white;
			border:2px solid #979797;
			border-radius:50px;
		}
		
		#tabla table #puntos{
			font-size:30px;
			font-weight:bold;
			width:1px;
			padding-right:10px;
		}
		

		/*PARTIDOS PARA HOY:*/
		#partidos{
			background-color:#2925D2;
			margin:auto;
			width:25%;
			margin-top:40px;
			text-align:center;
			padding:20px;
			color:#F1F1F1;
			border:5px solid #B8B7FF;
		}
		#partidos table{
			margin:auto;
			border-top:2px solid #F1F1F1;	
			border-collapse: collapse;
		}
		#partidos table tr td{
			padding-top:20px;
			padding-bottom:20px;
		}
		#partidos table tr #local{
			width:50%;
			font-size:24px;
			font-weight:bold;
		}
		#partidos table tr #visitante{
			width:50%;
			font-size:28px;
			font-weight:bold;
		}
		#partidos table tr #hora{
			font-size:36px;
			border-bottom:2px solid #F1F1F1;
			font-weight:bold;
			
		}
		#partidos table tr td #bandera{
			width:35px;
			max-width:35px;
			height:35px;
			object-fit:cover;
			border-radius: 50%;
		}
		#partidos table tr td #goles{
			background-color:blue;
		}


/*VERUSUARIO*/
		#verusuario{
			position:relative;
			margin:auto;
			margin-top:2%;
			width:28%;
			background-color:#2925D2;
			color:#F1F1F1;
			padding:10px;
		}
		#verusuario #nombrepuntos{
			display:flex;
		}
		#verusuario #nombre{
			width:50%;
			text-align:center;
			font-size:28px;
			text-transform:uppercase;
			font-weight: bold;
			margin:auto;
		}
		#verusuario #nombreg{
			width:80%;
			text-align:center;
			font-size:28px;
			text-transform:uppercase;
			font-weight: bold;
			margin:auto;
			padding-top:10px;
		}
		#verusuario #puntos{
			width:50%;
			text-align:right;
			font-weight: bold;
			margin:auto;
		}
		#verusuario #puntos #numero{
			font-size:40px;
			border:2px solid #F1F1F1;
			border-radius:800px;
			padding-left:10px;
			padding-right:10px;
		}
		#verusuario #grupo{
			text-align:center;
			padding-top:20px;
			font-size:20px;
			font-weight: bold;
			width:100%;
		}
		#verusuario #grupo table {
			width:100%;
			border-collapse:collapse;
		}
		#verusuario #grupo table tr #nombregrupo{
			font-size:38px;
			padding:10px;
		}
		#verusuario #grupo table tr td{
			background-color:#F1F1F1;
			color:#2925D2;
			font-size:16px;
			padding:10px;
			padding-bottom:2px;
			padding-top:2px;
			border-top:2px solid;
		}
		#verusuario #grupo table tr td img{
			width:18px;
			border-radius:50px;
			margin-top:4px;
		}
		#verusuario #grupo table tr td #izquierdaimg{
			margin-right:35px;
			
		}
		#verusuario #grupo table tr #dia{
			font-size:10px;
		}
		#verusuario #grupo table tr #tiempo{
			font-size:20px;
			border:2px solid #2925D2;
			background-color:#F1F1F1;
			width:1px;
		}
		#verusuario #grupo table tr #vs{
			font-size:20px;
		}
		#verusuario #grupo table tr #vs #goles{
			font-size:14px;
		}

/*FASES DE MUNDIAL PRONOSTICOS*/

		#octavos_cuartos_semis{
			padding-top:1%;
			width:29%;
			margin:auto;	
			color:#2925D2;
			font-size:28px;
		}
		

		
		
		
		#octavos_cuartos_semis table{
			width:100%;
			padding:10px;
			font-size:18px;
			text-align:center;
			padding:20px;
			font-size:28px;
			font-weight:bold;
			border:10px solid #2925D2;
			border-collapse:collapse;
		}
		#octavos_cuartos_semis table tr td #titulo{
			font-size:36px;
			
		}
		#octavos_cuartos_semis table tr td{
			font-size:16px;
			border-bottom:2px solid #2925D2;
			background-color:#F1F1F1;
			padding:5px;
		}
		#octavos_cuartos_semis table tr td img{
			width:20px;
			border-radius:40px;
			margin-top:5px;
		}
		#octavos_cuartos_semis table tr #tiempo{
			font-size:10px;
			border:2px solid #2925D2;
			width:10%;
		}
		#octavos_cuartos_semis table tr #tiempo #hora{
			font-size:18px;
		}
		#octavos_cuartos_semis table tr #local{
			width:30%;
		}
		#octavos_cuartos_semis table tr #visitante{
			width:30%;
		}
		#octavos_cuartos_semis table tr #vs{
			width:5%;
			font-size:20px;
		}
		#octavos_cuartos_semis table tr #vs #goles{
			font-size:14px;
		}
		#octavos_cuartos_semis table tr td #ganadorimg{
			width:35%;
			border-radius:400px;
			margin-bottom:20px;
		}
		#octavos_cuartos_semis table tr td #tituloganador{
			font-size:36px;
			text-transform:uppercase;
			padding-top:10px;
		}
		#octavos_cuartos_semis table tr td #ganadorimg{
			width:20%;
		}

/*RESULTADOS*/
	/*FASE DE GRUPOS CLASIFICACION*/
	#clasificacion_grupos_espacio{
		margin-top:15px;
	}
	#clasificacion_grupos{
		width:28.5%;
		padding:5px;
		padding-bottom:7px;
		background-color:#2925D2;
		margin:auto;
		color:#2925D2;
		font-size:15px;
		
	}
	#clasificacion_grupos table{
		width:99%;
		margin:auto;
		border-collapse:collapse;
		
	}
	#clasificacion_grupos table tr #titulo{
		padding:2px;
		font-size:16px;
		font-weight:bold;
		color:white;
		background-color:#2925D2;
	}
	#clasificacion_grupos table tr td{
		background-color:white;
		text-align:center;
		border-bottom:2px solid #2925D2;
		padding-left:5px;
		padding-right:5px;
		padding-top:15px;
		padding-bottom:15px;
	}
	#clasificacion_grupos table tr #nombre{
		text-align:left;
		padding-left:5px;
		width:60%;
		font-size:18px;
		font-weight:bold;
	}
	#clasificacion_grupos table tr #fondo{
		background-color:green;
		padding:0px;
	}
	#clasificacion_grupos table tr #fondotercero{
		background-color:orange;
		padding:0px;
	}
	#clasificacion_grupos table tr #fondocuarto{
		
		padding:0px;
	}
	#clasificacion_grupos table tr #pts{
		font-weight:bold;
		font-size:15px;
	}
	#clasificacion_grupos table tr #enum{
		font-weight:bold;
	}
	#clasificacion_grupos table tr td img{
		width:20px;
		border-radius:20px;
		float:left;
		margin-right:10px;
	}







/*DIV PARA LISTA O CUADRO*/
#fase_eliminatoria #botones{
	margin:auto;
	width:28%;
	margin-top:100px;
	text-align:center;
}
#fase_eliminatoria #botones div{
	display:inline-block;
	margin:auto;
	padding:15px;
	font-weight:bold;
	font-size:16px;
	background-color:#2925D2;
	border:8px outset #201CB4;
	width:20%;
	color:white;
}
#fase_eliminatoria #botones #lista:hover{
	border:8px inset #201CB4;
	background-color:#AAA8FF;
	color:#2925D2;
}

#fase_eliminatoria #botones #cuadro:hover{
	border:8px inset #201CB4;
	background-color:#AAA8FF;
	color:#2925D2
}





#verresultadousuario{
	padding:12px !important;
	background:rgba(255,255,255,.96) !important;
	border:1px solid rgba(12,31,79,.08) !important;
	border-radius:8px !important;
	box-shadow:0 18px 38px rgba(13,32,77,.16) !important;
	overflow:hidden !important;
}

#verresultadousuario #tablaverresultado{
	width:100% !important;
	border-collapse:separate !important;
	border-spacing:0 10px !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario{
	position:relative;
	overflow:hidden;
	border-radius:8px;
	box-shadow:0 8px 18px rgba(13,32,77,.10);
}

#verresultadousuario #tablaverresultado tr.pronostico-acierto{
	background:#b8ffa0 !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-fallo{
	background:#ffa0a0 !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-pendiente{
	background:#eaf1fb !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-eliminatoria-detalle{
	background:rgba(255,255,255,.64) !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario td{
	background:transparent !important;
	border:0 !important;
	padding:14px 10px !important;
	color:#071f5f !important;
	vertical-align:middle !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #posicion{
	width:46px !important;
	text-align:center !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #posicion span{
	display:grid;
	place-items:center;
	width:30px;
	height:30px;
	margin:auto;
	border-radius:50%;
	background:rgba(255,255,255,.72);
	font-size:16px;
	font-weight:900;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #imagen{
	width:62px !important;
	padding-left:0 !important;
	padding-right:8px !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #imagen img{
	display:block !important;
	width:50px !important;
	height:50px !important;
	min-width:50px !important;
	border:3px solid rgba(255,255,255,.9) !important;
	border-radius:50% !important;
	object-fit:cover !important;
	background:#fff !important;
	box-shadow:0 7px 15px rgba(13,32,77,.16) !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #nombre{
	font-weight:900 !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #nombre span{
	display:block;
	font-size:19px;
	line-height:1.1;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #nombre small{
	display:block;
	margin-top:4px;
	color:rgba(7,31,95,.66);
	font-size:12px;
	font-weight:800;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos{
	width:170px !important;
	padding-right:16px !important;
	text-align:right !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos .pronostico-resumen{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:10px;
	width:100%;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos span{
	display:inline-grid;
	place-items:center;
	min-width:48px;
	height:48px;
	border-radius:8px;
	background:rgba(255,255,255,.74);
	color:#2925d2;
	font-size:30px;
	font-weight:900;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos small{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:5px;
	margin-top:0;
	color:rgba(7,31,95,.72);
	font-size:12px;
	font-weight:900;
	line-height:1.1;
	text-align:left;
	width:160px;
	margin-left:auto;
}

.obtener-app-panel{
	display:grid;
	place-items:center;
	min-height:55vh;
}

.obtener-app-card{
	width:min(460px, calc(100% - 28px));
	text-align:center;
}

.obtener-app-card img{
	width:110px;
	max-width:45%;
	height:auto;
	margin:0 auto 14px;
	display:block;
}

.obtener-app-card h1{
	margin:0 0 8px;
	color:#071f5f;
	font-size:30px;
	font-weight:900;
}

.obtener-app-card p{
	margin:0 0 20px;
	color:#42526f;
	font-size:18px;
	font-weight:800;
}

.obtener-app-actions{
	display:grid;
	gap:12px;
}

.obtener-app-card a,
.obtener-app-install{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:46px;
	padding:0 22px;
	border-radius:8px;
	text-decoration:none;
	font-weight:900;
	border:0;
	cursor:pointer;
}

.obtener-app-install{
	background:linear-gradient(90deg,#e1252f,#061c5d);
	color:#fff;
	box-shadow:0 12px 24px rgba(8,31,92,.18);
}

.obtener-app-install:disabled{
	cursor:not-allowed;
	opacity:.62;
	box-shadow:none;
}

.obtener-app-card a{
	background:#f3f6fb;
	color:#071f5f;
}

.obtener-app-help{
	display:grid;
	gap:7px;
	margin-top:16px;
	padding:14px;
	border-radius:8px;
	background:#eef5ff;
	color:#42526f;
	font-size:14px;
	font-weight:800;
	text-align:left;
}

.obtener-app-help[hidden]{
	display:none !important;
}

.obtener-app-help strong{
	color:#071f5f;
	font-size:16px;
	font-weight:900;
}

.obtener-app-ios-steps{
	display:grid;
	gap:9px;
	margin-top:2px;
}

.obtener-app-ios-steps[hidden]{
	display:none !important;
}

.obtener-app-ios-steps span{
	display:flex;
	align-items:center;
	gap:7px;
	line-height:1.25;
}

.install-icon{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	flex:0 0 28px;
	border-radius:50%;
	background:#fff;
	color:#071f5f;
	box-shadow:inset 0 0 0 1px rgba(8,31,92,.14), 0 5px 12px rgba(8,31,92,.10);
}

.install-icon-dots::before{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#111827;
	transform:translate(-50%, -50%);
	box-shadow:-8px 0 0 #111827, 8px 0 0 #111827;
}

.install-icon-share::before{
	content:"";
	position:absolute;
	width:14px;
	height:13px;
	left:7px;
	bottom:5px;
	border:2.5px solid currentColor;
	border-top:0;
	border-radius:0 0 4px 4px;
}

.install-icon-share::after{
	content:"↑";
	position:absolute;
	top:0;
	left:0;
	right:0;
	text-align:center;
	font-size:20px;
	font-weight:900;
	line-height:20px;
}

.install-icon-down::before{
	content:"";
	width:9px;
	height:9px;
	margin-top:-4px;
	border-right:3px solid currentColor;
	border-bottom:3px solid currentColor;
	transform:rotate(45deg);
}

.install-icon-add::before{
	content:"";
	position:absolute;
	width:22px;
	height:22px;
	border:3px solid currentColor;
	border-radius:7px;
}

.install-icon-add::after{
	content:"";
	position:absolute;
	width:12px;
	height:12px;
	background:
		linear-gradient(currentColor,currentColor) center/12px 3px no-repeat,
		linear-gradient(currentColor,currentColor) center/3px 12px no-repeat;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos small img{
	width:18px !important;
	height:18px !important;
	min-width:18px !important;
	border:1px solid rgba(255,255,255,.9) !important;
	border-radius:50% !important;
	object-fit:cover !important;
	background:#fff !important;
	box-shadow:0 3px 8px rgba(13,32,77,.14) !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos small.pronostico-empate{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:flex-start !important;
	gap:5px !important;
	color:rgba(7,31,95,.72) !important;
	font-size:12px !important;
	font-weight:900 !important;
	line-height:1 !important;
	white-space:nowrap !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos small.pronostico-empate .pronostico-empate-icono{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	width:18px !important;
	height:18px !important;
	min-width:18px !important;
	border:1px solid rgba(255,255,255,.9) !important;
	border-radius:50% !important;
	background:#fff !important;
	color:var(--wc-blue) !important;
	font-size:11px !important;
	font-weight:900 !important;
	box-shadow:0 3px 8px rgba(13,32,77,.14) !important;
}

/* Admin results panel */
.admin-results-page{
	min-height:100vh;
	scroll-behavior:smooth;
	background:
		linear-gradient(160deg, rgba(8,31,92,.12), rgba(255,255,255,0) 42%),
		linear-gradient(25deg, rgba(0,168,89,.08), rgba(245,189,25,.08) 54%, rgba(225,37,47,.05)),
		#eef4fb;
	color:#071126;
	font-family:Arial, Helvetica, sans-serif;
}

.admin-results-page #cabecera{
	width:min(94vw, 980px);
	height:auto;
	margin:24px auto 0;
	padding:18px 16px 12px;
	background:#fff;
	border-top:8px solid transparent;
	border-image:linear-gradient(90deg,#071126,#e1252f,#ffb81c,#6bae2e) 1;
	box-shadow:0 14px 30px rgba(8,31,92,.10);
	text-align:center;
}

.admin-results-page #cabecera img{
	width:110px;
	height:auto;
	padding:0;
}

.admin-results-shell{
	width:min(94vw, 980px);
	margin:0 auto 40px;
	padding:0 0 24px;
}

.admin-sync-wrap{
	width:100%;
	margin:26px auto 18px;
	padding:0 28px;
}

.admin-sync-status{
	width:100%;
	margin:0 auto;
	padding:18px 20px;
	display:block;
	color:#172033;
	font-size:14px;
	line-height:1.35;
	background:rgba(255,255,255,.94);
	border:1px solid rgba(8,31,92,.12);
	border-radius:8px;
	box-shadow:0 14px 30px rgba(8,31,92,.10);
}

.admin-sync-title{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom:14px;
}

.admin-sync-title span{
	color:#061c5d;
	font-size:18px;
	font-weight:900;
}

.admin-sync-title strong{
	padding:6px 12px;
	border-radius:9999px;
	font-size:13px;
	font-weight:900;
}

.admin-sync-title .sync-ok{
	color:#0f7a3a;
	background:rgba(16,185,129,.14);
}

.admin-sync-title .sync-error{
	color:#b91c1c;
	background:rgba(239,68,68,.14);
}

.admin-sync-title .sync-waiting{
	color:#6b7280;
	background:rgba(107,114,128,.14);
}

.admin-sync-grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:10px;
}

.admin-sync-grid div{
	padding:12px;
	border-radius:8px;
	background:rgba(238,246,255,.86);
	border:1px solid rgba(8,31,92,.08);
}

.admin-sync-grid span,
.admin-sync-grid strong{
	display:block;
}

.admin-sync-grid span{
	margin-bottom:4px;
	color:#52627d;
	font-size:12px;
	font-weight:800;
}

.admin-sync-grid strong{
	color:#061c5d;
	font-size:18px;
	font-weight:900;
}

.admin-sync-next,
.admin-sync-message{
	margin:12px 0 0;
	color:#40516d;
	font-size:13px;
	font-weight:700;
}

.admin-sync-next strong{
	color:#061c5d;
}

@media(max-width:720px){
	.admin-sync-grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media(max-width:420px){
	.admin-sync-grid{
		grid-template-columns:1fr;
	}
}

.admin-results-section,
.admin-results-page #verusuario,
.admin-results-page #octavos_cuartos_semis{
	width:100%;
	margin:0 auto 18px;
	padding:0;
	background:#fff;
	border:1px solid rgba(8,31,92,.10);
	border-radius:8px;
	box-shadow:0 14px 30px rgba(8,31,92,.10);
	overflow:hidden;
}

.admin-results-page #verusuario #nombrepuntos{
	width:100% !important;
	height:auto !important;
	margin:0 !important;
	padding:24px 16px !important;
	background:#fff !important;
}

.admin-results-page #verusuario #nombre{
	width:100% !important;
	height:auto !important;
	color:#061c5d !important;
	font-size:clamp(28px, 7vw, 48px) !important;
	line-height:1.08 !important;
	font-weight:900 !important;
	text-align:center !important;
	text-transform:uppercase;
	letter-spacing:0 !important;
}

.admin-results-page #verusuario #grupo{
	width:100% !important;
	padding:0 18px 18px;
}

.admin-results-table{
	width:100%;
	border-collapse:separate;
	border-spacing:0 10px;
}

.admin-results-table tr{
	background:#f7f9fc;
}

.admin-section-title{
	padding:14px 16px !important;
	background:#061c5d !important;
	color:#fff !important;
	font-size:18px !important;
	line-height:1.15 !important;
	font-weight:900 !important;
	text-align:left !important;
	text-transform:uppercase;
	letter-spacing:0 !important;
}

.admin-match-row td{
	padding:12px 10px !important;
	background:#f7f9fc !important;
	border-top:1px solid rgba(8,31,92,.08);
	border-bottom:1px solid rgba(8,31,92,.08);
	text-align:center;
	vertical-align:middle;
}

.admin-match-row td:first-child{
	border-left:1px solid rgba(8,31,92,.08);
	border-radius:8px 0 0 8px;
}

.admin-match-row td:last-child{
	border-right:1px solid rgba(8,31,92,.08);
	border-radius:0 8px 8px 0;
}

.admin-match-date{
	width:110px;
	color:#061c5d !important;
	font-size:13px !important;
	font-weight:900;
	line-height:1.25;
}

.admin-team{
	width:24%;
	color:#071126 !important;
	font-size:14px !important;
	font-weight:900;
	line-height:1.25;
	overflow-wrap:anywhere;
}

.admin-team img{
	display:block;
	width:34px !important;
	height:34px !important;
	object-fit:contain;
	margin:8px auto 0;
}

.admin-score-cell{
	width:220px;
}

.admin-score-form,
.admin-team-form{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:100%;
	margin:0;
}

.admin-score-form{
	flex-wrap:wrap;
}

.admin-score-form select,
.admin-score-form input[type="number"],
.admin-team-form input[type="text"]{
	height:42px;
	border:1px solid rgba(8,31,92,.22);
	border-radius:8px;
	background:#fff;
	color:#061c5d;
	font-size:16px;
	font-weight:800;
	text-align:center;
}

.admin-score-form select{
	width:70px;
}

.admin-goals{
	display:flex;
	gap:6px;
}

.admin-score-form input[type="number"]{
	width:58px;
	padding:0 6px;
}

.admin-score-form input[type="submit"],
.admin-team-form input[type="submit"]{
	min-height:42px;
	padding:0 14px;
	border:0;
	border-radius:8px;
	background:linear-gradient(90deg,#e1252f,#061c5d);
	color:#fff;
	font-size:14px;
	font-weight:900;
	cursor:pointer;
	box-shadow:0 8px 16px rgba(8,31,92,.16);
}

.admin-team-edit{
	min-width:0;
}

.admin-team-form input[type="text"]{
	width:min(180px, 100%);
	min-width:0;
	padding:0 10px;
}

.admin-vs{
	width:44px;
	color:#e1252f !important;
	font-size:16px !important;
	font-weight:900;
	text-transform:uppercase;
}

.admin-mobile-nav{
	display:none;
}

@media(max-width:760px){
	.admin-results-page{
		padding-bottom:96px;
	}

	.admin-results-page #cabecera{
		position:static !important;
		width:100% !important;
		margin:0 !important;
		padding:14px 12px 10px !important;
		border-radius:0 !important;
		box-shadow:0 8px 18px rgba(8,31,92,.08);
	}

	.admin-results-page #cabecera img{
		width:92px !important;
		height:auto !important;
	}

	.admin-results-shell{
		width:100%;
		margin:0;
		padding:0 10px 24px;
	}

	.admin-results-section,
	.admin-results-page #verusuario,
	.admin-results-page #octavos_cuartos_semis{
		margin:0 0 14px;
		border-radius:8px;
	}

	.admin-results-page #verusuario #nombrepuntos{
		padding:18px 12px !important;
	}

	.admin-results-page #verusuario #grupo{
		padding:0 10px 10px;
	}

	.admin-results-page .admin-results-section{
		scroll-margin-top:12px;
	}

	.admin-mobile-nav{
		position:fixed;
		left:0;
		right:0;
		bottom:0;
		z-index:10000;
		display:grid;
		grid-template-columns:repeat(6, minmax(0, 1fr));
		gap:4px;
		padding:8px 8px calc(8px + env(safe-area-inset-bottom));
		background:rgba(255,255,255,.96);
		border-top:1px solid rgba(8,31,92,.14);
		box-shadow:0 -10px 22px rgba(8,31,92,.14);
		backdrop-filter:blur(12px);
	}

	.admin-mobile-nav a{
		display:flex;
		align-items:center;
		justify-content:center;
		min-width:0;
		min-height:42px;
		padding:6px 4px;
		border-radius:8px;
		background:#f1f5fb;
		color:#061c5d;
		font-size:11px;
		font-weight:900;
		line-height:1;
		text-align:center;
		text-decoration:none;
		white-space:nowrap;
		box-shadow:inset 0 0 0 1px rgba(8,31,92,.08);
	}

	.admin-mobile-nav a:active{
		background:#061c5d;
		color:#fff;
	}

	.admin-results-table,
	.admin-results-table tbody{
		display:block;
		width:100%;
	}

	.admin-results-table tr{
		display:grid !important;
		width:100%;
		margin:0 0 10px;
		background:#f7f9fc !important;
		border:1px solid rgba(8,31,92,.10);
		border-radius:8px;
		box-shadow:0 8px 18px rgba(8,31,92,.08);
		overflow:hidden;
	}

	.admin-results-table tr:first-child{
		display:block !important;
		border:0;
		border-radius:0;
		box-shadow:none;
		background:transparent !important;
	}

	.admin-results-table tr:first-child .admin-section-title{
		display:block;
		width:100%;
		border-radius:8px;
		text-align:center !important;
	}

	.admin-group-match{
		grid-template-columns:minmax(78px,.75fr) minmax(0,1fr) minmax(0,1fr);
		grid-template-areas:
			"date local visitor"
			"score score score";
	}

	.admin-knockout-match{
		grid-template-columns:78px minmax(0,1fr) 30px minmax(0,1fr);
	}

	.admin-winner-match{
		grid-template-columns:78px minmax(0,1fr);
	}

	.admin-match-row td{
		width:auto !important;
		min-width:0 !important;
		padding:10px 8px !important;
		border:0 !important;
		border-radius:0 !important;
		background:transparent !important;
	}

	.admin-group-match .admin-match-date{
		grid-area:date;
	}

	.admin-group-match .admin-team-local{
		grid-area:local;
	}

	.admin-group-match .admin-team-visitor{
		grid-area:visitor;
	}

	.admin-group-match .admin-score-cell{
		grid-area:score;
		border-top:1px solid rgba(8,31,92,.08) !important;
	}

	.admin-match-date{
		font-size:12px !important;
	}

	.admin-team{
		font-size:12px !important;
	}

	.admin-team img{
		width:28px !important;
		height:28px !important;
		margin-top:6px;
	}

	.admin-score-form{
		display:grid;
		grid-template-columns:64px 1fr minmax(94px, auto);
		align-items:center;
		gap:8px;
	}

	.admin-goals{
		justify-content:center;
	}

	.admin-score-form select,
	.admin-score-form input[type="number"],
	.admin-team-form input[type="text"],
	.admin-score-form input[type="submit"],
	.admin-team-form input[type="submit"]{
		height:40px;
		font-size:14px;
	}

	.admin-score-form input[type="submit"],
	.admin-team-form input[type="submit"]{
		width:100%;
		padding:0 10px;
	}

	.admin-team-form{
		display:grid;
		grid-template-columns:minmax(0,1fr);
		gap:8px;
	}

	.admin-team-form input[type="text"]{
		width:100%;
	}
}

@media(max-width:410px){
	.admin-results-shell{
		padding-left:8px;
		padding-right:8px;
	}

	.admin-group-match{
		grid-template-columns:66px minmax(0,1fr) minmax(0,1fr);
	}

	.admin-knockout-match{
		grid-template-columns:66px minmax(0,1fr) 24px minmax(0,1fr);
	}

	.admin-winner-match{
		grid-template-columns:66px minmax(0,1fr);
	}

	.admin-match-row td{
		padding:9px 5px !important;
	}

	.admin-score-form{
		grid-template-columns:56px 1fr;
	}

	.admin-score-form input[type="submit"]{
		grid-column:1 / -1;
	}

	.admin-score-form input[type="number"]{
		width:50px;
	}
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos .pronostico-pareja{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:8px;
	min-width:260px;
	color:#071f5f;
	font-size:12px;
	font-weight:900;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos .pronostico-pareja strong{
	color:#52617a;
	font-size:11px;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos .pronostico-pareja small{
	margin-top:0;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos.pronostico-equipos{
	width:auto !important;
	min-width:280px;
	padding-right:16px !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario .pronostico-selecciones{
	display:flex;
	flex-direction:column;
	align-items:stretch;
	gap:6px;
	width:max-content;
	margin-left:auto;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario .pronostico-seleccion{
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	gap:5px;
	min-width:94px;
	max-width:100%;
	padding:4px 7px;
	border-radius:8px;
	border:1px solid rgba(7,31,95,.08);
	font-size:11px;
	font-weight:900;
	line-height:1.1;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario .pronostico-seleccion img{
	width:18px !important;
	height:18px !important;
	min-width:18px !important;
	border-radius:50% !important;
	object-fit:cover !important;
	background:#fff !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos .pronostico-seleccion strong{
	display:block !important;
	min-width:0 !important;
	background:transparent !important;
	color:inherit !important;
	font-size:11px !important;
	font-weight:900 !important;
	line-height:1.1 !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario .pronostico-seleccion-acierto{
	background:#d7f8d1 !important;
	color:#0f6b22 !important;
	border-color:#9ee994 !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario .pronostico-seleccion-fallo{
	background:#ffd7d7 !important;
	color:#9b1620 !important;
	border-color:#ffabab !important;
}

#verresultadousuario #tablaverresultado tr.pronostico-usuario .pronostico-seleccion-pendiente{
	background:#fff !important;
	color:#061c5d !important;
	border-color:rgba(8,31,92,.12) !important;
}

@media(max-width:760px){
	#verresultadousuario{
		width:calc(100vw - 20px) !important;
		margin:18px 10px 34px !important;
		padding:8px !important;
	}

	#verresultadousuario #tablaverresultado{
		border-spacing:0 8px !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario td{
		padding:12px 6px !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #posicion{
		width:34px !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #posicion span{
		width:26px;
		height:26px;
		font-size:14px;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #imagen{
		width:50px !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #imagen img{
		width:42px !important;
		height:42px !important;
		min-width:42px !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #nombre span{
		font-size:16px;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #nombre small{
		display:none;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos{
		width:128px !important;
		padding-right:8px !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos .pronostico-resumen{
		gap:7px;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos.pronostico-equipos{
		width:auto !important;
		min-width:112px !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos span{
		min-width:40px;
		height:40px;
		font-size:24px;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos small{
		max-width:76px;
		font-size:10px;
		overflow-wrap:anywhere;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos small img{
		width:16px !important;
		height:16px !important;
		min-width:16px !important;
	}
}




/*LISTA RESULTADOS OCTAVOS, CUARTOS, SEMIS , FINAL Y GANADOR*/

		#octavos{
			padding-top:1%;
			width:29%;
			margin:auto;
			color:#2925D2;
			
		}
		#octavos table{
			width:100%;
			padding:10px;
			font-size:18px;
			text-align:center;
			padding:20px;
			font-size:28px;
			font-weight:bold;
			border:10px solid #2925D2;
			border-collapse:collapse;
			background-color:white;
		}
		#octavos table tr td #titulo{
			font-size:36px;
			
		}
		#octavos table tr td{
			font-size:16px;
			border-bottom:2px solid #2925D2;
			padding:5px;
		}
		#octavos table tr td img{
			width:20px;
			border-radius:40px;
			margin-top:5px;
		}
		#octavos table tr #tiempo{
			font-size:12px;
			border:2px solid #2925D2;
			width:20%;
		}
		#octavos table tr #tiempo #hora{
			font-size:20px;
		}
		#octavos table tr #local{
			width:30%;
		}
		#octavos table tr #visitante{
			width:30%;
		}
		#octavos table tr #vs{
			width:5%;
			font-size:20px;
		}
		#octavos table tr #vs #goles{
			font-size:14px;
		}
		#octavos table tr td #ganadorimg{
			width:35%;
			border-radius:400px;
			margin-bottom:20px;
		}
		#octavos table tr td #tituloganador{
			font-size:36px;
			text-transform:uppercase;
			padding-top:10px;
		}
		#octavos table tr td #ganadorimg{
			width:20%;
		}









		#cuartos{
			padding-top:1%;
			width:29%;
			margin:auto;
			color:#2925D2;
			
		}
		#cuartos table{
			width:100%;
			padding:10px;
			font-size:18px;
			text-align:center;
			padding:20px;
			font-size:28px;
			font-weight:bold;
			border:10px solid #2925D2;
			border-collapse:collapse;
			background-color:white;
		}
		#cuartos table tr td #titulo{
			font-size:36px;
			
		}
		#cuartos table tr td{
			font-size:16px;
			border-bottom:2px solid #2925D2;
			padding:5px;
		}
		#cuartos table tr td img{
			width:20px;
			border-radius:40px;
			margin-top:5px;
		}
		#cuartos table tr #tiempo{
			font-size:12px;
			border:2px solid #2925D2;
			width:20%;
		}
		#cuartos table tr #tiempo #hora{
			font-size:20px;
		}
		#cuartos table tr #local{
			width:30%;
		}
		#cuartos table tr #visitante{
			width:30%;
		}
		#cuartos table tr #vs{
			width:5%;
			font-size:20px;
		}
		#cuartos table tr #vs #goles{
			font-size:14px;
		}
		#cuartos table tr td #ganadorimg{
			width:35%;
			border-radius:400px;
			margin-bottom:20px;
		}
		#cuartos table tr td #tituloganador{
			font-size:36px;
			text-transform:uppercase;
			padding-top:10px;
		}
		#cuartos table tr td #ganadorimg{
			width:20%;
		}









		#semis{
			padding-top:1%;
			width:29%;
			margin:auto;
			color:#2925D2;
			
		}
		#semis table{
			width:100%;
			padding:10px;
			font-size:18px;
			text-align:center;
			padding:20px;
			font-size:28px;
			font-weight:bold;
			border:10px solid #2925D2;
			border-collapse:collapse;
			background-color:white;
		}
		#semis table tr td #titulo{
			font-size:36px;
			
		}
		#semis table tr td{
			font-size:16px;
			border-bottom:2px solid #2925D2;
			padding:5px;
		}
		#semis table tr td img{
			width:20px;
			border-radius:40px;
			margin-top:5px;
		}
		#semis table tr #tiempo{
			font-size:12px;
			border:2px solid #2925D2;
			width:20%;
		}
		#semis table tr #tiempo #hora{
			font-size:20px;
		}
		#semis table tr #local{
			width:30%;
		}
		#semis table tr #visitante{
			width:30%;
		}
		#semis table tr #vs{
			width:5%;
			font-size:20px;
		}
		#semis table tr #vs #goles{
			font-size:14px;
		}
		#semis table tr td #ganadorimg{
			width:35%;
			border-radius:400px;
			margin-bottom:20px;
		}
		#semis table tr td #tituloganador{
			font-size:36px;
			text-transform:uppercase;
			padding-top:10px;
		}
		#semis table tr td #ganadorimg{
			width:20%;
		}









		#final{
			padding-top:1%;
			width:29%;
			margin:auto;
			color:#2925D2;
			
		}
		#final table{
			width:100%;
			padding:10px;
			font-size:18px;
			text-align:center;
			padding:20px;
			font-size:28px;
			font-weight:bold;
			border:10px solid #2925D2;
			border-collapse:collapse;
			background-color:white;
		}
		#final table tr td #titulo{
			font-size:36px;
			
		}
		#final table tr td{
			font-size:16px;
			border-bottom:2px solid #2925D2;
			padding:5px;
		}
		#final table tr td img{
			width:20px;
			border-radius:40px;
			margin-top:5px;
		}
		#final table tr #tiempo{
			font-size:12px;
			border:2px solid #2925D2;
			width:20%;
		}
		#final table tr #tiempo #hora{
			font-size:20px;
		}
		#final table tr #local{
			width:30%;
		}
		#final table tr #visitante{
			width:30%;
		}
		#final table tr #vs{
			width:5%;
			font-size:20px;
		}
		#final table tr #vs #goles{
			font-size:14px;
		}
		#final table tr td #ganadorimg{
			width:35%;
			border-radius:400px;
			margin-bottom:20px;
		}
		#final table tr td #tituloganador{
			font-size:36px;
			text-transform:uppercase;
			padding-top:10px;
		}
		#final table tr td #ganadorimg{
			width:20%;
		}









		#ganador{
			padding-top:1%;
			width:29%;
			margin:auto;
			color:#2925D2;
		}
		#ganador table{
			width:100%;
			padding:10px;
			font-size:18px;
			text-align:center;
			padding:20px;
			font-size:28px;
			font-weight:bold;
			border:10px solid #2925D2;
			border-collapse:collapse;
			background-color:white;
		}
		#ganador table tr td #titulo{
			font-size:36px;
			
		}
		#ganador table tr td{
			font-size:16px;
			border-bottom:2px solid #2925D2;
			padding:5px;
		}
		#ganador table tr td img{
			width:20px;
			border-radius:40px;
			margin-top:5px;
		}
		#ganador table tr #tiempo{
			font-size:10px;
			border:2px solid #2925D2;
		}
		#ganador table tr #tiempo #hora{
			font-size:18px;
		}
		#ganador table tr #local{
			width:30%;
		}
		#ganador table tr #visitante{
			width:30%;
		}
		#ganador table tr #vs{
			width:5%;
			font-size:20px;
		}
		#ganador table tr #vs #goles{
			font-size:14px;
		}
		#ganador table tr td #ganadorimg{
			width:35%;
			border-radius:400px;
			margin-bottom:20px;
		}
		#ganador table tr td #tituloganador{
			font-size:36px;
			text-transform:uppercase;
			padding-top:10px;
		}
		#ganador table tr td #ganadorimg{
			width:20%;
		}





/*CUADRO DE LOS RESULTADOS*/
#tabla_clasif{
			margin-top:10px;
			font-size:16px;
			width:70%;
			margin:auto;
			margin-top:50px;
			color:#2925D2;
			padding:10px;
		}
		#tabla_clasif table{
			width:100%;
		}
		
		#tabla_clasif table tr #celda{
			text-align:center;
			background-color:#F1F1F1;
			border:8px outset #201CB4;
			padding-top:5px;
			padding-bottom:5px;
			font-weight:bold;
			padding:20px;
			margin:10px;
		}
		#tabla_clasif table tr td img{
			width:20px;
			border-radius:50px;
			margin-top:5px;
		}






/*TABLA EXAMINAR PRONOSTICOS*/
#verresultadousuario{
	width:450px;
	margin:auto;
	color:#F1F1F1;
	border:5px solid #B8B7FF;
	margin-top:10px;
}
#verresultadousuario table{	
	width:100%;
	border-collapse: collapse;
}


#verresultadousuario #tablaverresultado tr td img{
	width:50px;
	background-color:white;
	border:2px solid #979797;
	border-radius:50px;
}
#verresultadousuario #tablaverresultado tr #posicion{	
	text-align:center;
	font-size:16px;
	width:1px;
	padding:10px;
	font-weight:bold;
}
#verresultadousuario #tablaverresultado tr #nombre{	
	font-weight:bold;
}
#verresultadousuario #tablaverresultado tr #imagen{
	padding-top:10px;
	width:1px;
	padding-right:10px;
	padding-top:10px;
}
#verresultadousuario #tablaverresultado tr td{	
	border-top:2px solid #B8B7FF;
	border-bottom:2px solid #B8B7FF;
	color:#2925D2;
}
#verresultadousuario #tablaverresultado #puntos{
	font-size:30px;
	font-weight:bold;
	width:1px;
	padding-right:10px;
}














/*PICHICHI*/
#pichichi{
	position:relative;
	margin:auto;
	margin-top:2%;
	width:20%;
	background-color:#2925D2;
	border:5px solid #B8B7FF;
	color:#F1F1F1;
	padding:20px;
}


#pichichi #nombre{
	width:100%;
	text-align:center;
	font-size:150%;
	text-transform:uppercase;
	font-weight: bold;
	margin:auto;
}
#pichichi #nombrej{
	font-size:23px;
	text-transform:uppercase;
	background-color:#2925D2;
	max-width:90%;
	border:2px solid #2925D2;
	margin:auto;
	color:#F1F1F1;
	padding-top:5px;
	padding-bottom:5px;
	
}
#pichichi #grupo{
	text-align:center;
	padding-top:20px;
	font-size:38px;
	font-weight: bold;
}
#pichichi #grupo table{
	width:100%;
}
#pichichi #grupo table tr td{
	background-color:#F1F1F1;
	color:#2925D2;
	font-size:25px;
	width:50%;
	padding:10px;
}
#pichichi #grupo table tr td #caja{
	position:relative;
	width:90%;
	margin:auto;
	border:2px solid #2925D2;
}
#pichichi #grupo table tr td #caja img{
	width:100%;
}
#pichichi #grupo table tr td #caja #goles{
	position:absolute;
	top:0;
	right:0;
	background-color:#2925D2;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
	margin-right:5px;
	font-size:16px;
	border-radius:500px;
	border:2px solid #F1F1F1;
	color:#F1F1F1;
}

#pichichi #grupo table tr td #caja #contador{
	position:absolute;
	top:0;
	left:0;
	padding:10px;
	margin-top:5px;
	margin-left:5px;
	font-size:30px;
}
#pichichi #grupo table tr td #caja #contadordos{
	position:absolute;
	top:0;
	left:0;
	padding:10px;
	font-size:20px;
}
#pichichi #grupo table tr td #caja #nombrejug{
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
	background-color:#F1F1F1;
	padding-top:5px;
	padding-bottom:5px;
	border-top:2px solid #2925D2;
}
#pichichi #grupo table tr td #caja #nombrejug #nombrejugador{
	font-size:18px;
}
#pichichi #grupo table tr td #izquierda{
	padding-right:35px;
}
#pichichi #grupo table tr #dia{
	font-size:20px;
}
















































@media(max-width:480px){
#cabecera1080{
	display:none;
}
#separate{
	display:none;
}
#cabecera{
	display:flex;
	width:100%;
}
#cabecera img{
	width:70%;
}
/*MENU MOVIL:*/
	#menu_movil{
		display: block;
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		z-index:1;	
		background-color:black;
		color:white;
		font-size:10px;
		
	}
	#menu_movil #menu_movil_tabla{
		width:100%;
	}
	#menu_movil #menu_movil_tabla tr td{
		background-color:#2E2E2E;
		width:25%;
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
		font-weight:bold;
	}
	#menu_movil #menu_movil_tabla tr td img{
		width:50%;
	}
	#menu_movil #menu_movil_tabla tr td a{
		color:#979797;
		text-decoration:none;
	}
	#menu_movil #menu_movil_tabla tr #select a{
		color:#66AFE8;
	}
	#pad_menu_movil{
		padding-bottom:90px;
	}

	
	
	
	
	
	
	

/*CLASIFICACIÓN*/
		/*NOMBRE GRUPO:*/
		#nombregrupoclas{
			font-size:25px;
			width:92%;
			margin:auto;
			color:#F1F1F1;
			border:5px solid #B8B7FF;
			margin-top:10px;
			padding:10px;
			text-align:center;
			font-weight:bold;
			text-transform:uppercase;
			background-color:#2925D2;
		}
		
		/*TABLA CLASIFICACIÓN:*/
		#tabla{	
			width:95%;
			margin:auto;
			color:#F1F1F1;
			border:5px solid #B8B7FF;
			margin-top:10px;
		}
		#tabla table{	
			width:100%;
			border-collapse: collapse;
		}
		#tabla table tr td{	
			border-top:2px solid #B8B7FF;
			border-bottom:2px solid #B8B7FF;
			background-color:#2925D2;
		}
		#tabla table tr td a{	
			text-decoration:none;
			color:#F1F1F1;
		}
		#tabla table tr #posicion{	
			text-align:center;
			font-size:14px;
			width:1px;
			padding:10px;
		}
		#tabla table #imagen{
			padding-top:10px;
			width:1px;
			padding-right:10px;
			padding-top:10px;
		}
		#tabla table #imagen img{	
			width:50px;
			background-color:white;
			border:2px solid #979797;
			border-radius:50px;
		}
		
		#tabla table #puntos{
			font-size:30px;
			font-weight:bold;
			width:1px;
			padding-right:10px;
		}
		
		
		/*PARTIDOS PARA HOY:*/
		#partidos{
			background-color:#2925D2;
			margin:auto;
			margin-top:40px;
			text-align:center;
			color:#F1F1F1;
			border:5px solid #B8B7FF;
			font-size:15px;
			width:90%;
			padding:10px;
		}
		#partidos table{
			margin:auto;
			border-top:2px solid #F1F1F1;	
			border-collapse:collapse;
		}
		#partidos table tr td{
			padding-top:10px;
			padding-bottom:10px;
		}
		#partidos table tr #local{
			width:50%;
			font-size:20px;
			font-weight:bolder;
		}
		#partidos table tr #visitante{
			width:50%;
			font-size:20px;
			font-weight:bolder;
		}
		#partidos table tr #hora{
			font-size:30px;
			border-bottom:2px solid #F1F1F1;
			
		}
		#partidos table tr #goles{
			padding-top:0px;
			padding-bottom:0px;
		}
		#partidos table tr td #bandera{
			border-radius: 50%;
			width:40px;
			max-width:40px;
			height:40px;
			object-fit:cover;
		}
		


/*FASE DE GRUPOS DE LOS PRONOSTICOS Y RESULTADOS*/
		#verusuario{
			position:relative;
			margin:auto;
			margin-top:2%;
			width:94%;
			background-color:#2925D2;
			color:#F1F1F1;
			padding:10px;
		}
		#verusuario #nombrepuntos{
			display:flex;
		}
		#verusuario #nombre{
			width:50%;
			text-align:center;
			font-size:28px;
			text-transform:uppercase;
			font-weight: bold;
			margin:auto;
		}
		#verusuario #nombreg{
			width:80%;
			text-align:center;
			font-size:28px;
			text-transform:uppercase;
			font-weight: bold;
			margin:auto;
			padding-top:10px;
		}
		#verusuario #puntos{
			width:50%;
			text-align:right;
			font-weight: bold;
			margin:auto;
		}
		#verusuario #puntos #numero{
			font-size:40px;
			border:2px solid #F1F1F1;
			border-radius:800px;
			padding-left:10px;
			padding-right:10px;
		}
		#verusuario #grupo{
			text-align:center;
			padding-top:20px;
			font-size:20px;
			font-weight: bold;
			width:100%;
		}
		#verusuario #grupo table {
			width:100%;
			border-collapse:collapse;
		}
		#verusuario #grupo table tr #nombregrupo{
			font-size:38px;
			padding:10px;
		}
		#verusuario #grupo table tr td{
			background-color:#F1F1F1;
			color:#2925D2;
			font-size:16px;
			padding:10px;
			padding-bottom:2px;
			padding-top:2px;
			border-top:2px solid;
		}
		#verusuario #grupo table tr td img{
			width:18px;
			border-radius:50px;
			margin-top:4px;
		}
		#verusuario #grupo table tr #nombregrupo #izquierdaimg{
			margin-right:35px;		
		}
		#verusuario #grupo table tr #dia{
			font-size:10px;
		}
		#verusuario #grupo table tr #tiempo{
			font-size:20px;
			border:2px solid #2925D2;
			background-color:#F1F1F1;
			width:1px;
		}
		#verusuario #grupo table tr #vs{
			font-size:20px;
		}
		#verusuario #grupo table tr #vs #goles{
			font-size:14px;
		}

		#verusuario #nombrepuntos{
			display:flex;
			align-items:center;
			justify-content:space-between;
			flex-wrap:wrap;
			gap:12px;
		}

		#verusuario #nombrepuntos .verusuario-identidad{
			display:flex;
			align-items:center;
			gap:12px;
			flex:1 1 100%;
			min-width:0;
		}

		#verusuario #nombrepuntos .verusuario-identidad #nombre{
			width:auto;
			min-width:0;
			white-space:normal;
			word-break:break-word;
			overflow-wrap:anywhere;
			text-align:center;
			font-size:26px;
		}

		#verusuario #puntos{
			width:auto;
			flex:0 0 auto;
			text-align:right;
			min-width:100px;
		}

		@media(max-width:760px){
			#verusuario{
				width:95%;
			}
			#verusuario #nombrepuntos{
				justify-content:center;
			}
			#verusuario #nombrepuntos .verusuario-identidad,
			#verusuario #puntos{
				width:100%;
				text-align:center;
			}
			#verusuario #puntos{
				margin-top:8px;
			}
			#verusuario #nombrepuntos .verusuario-identidad #nombre{
				font-size:22px;
			}
		}

/*FASES DE MUNDIAL PRONOSTICOS*/
		#octavos_cuartos_semis{
			padding-top:1%;
			width:100%;
			margin:auto;
			
		}
		#octavos_cuartos_semis table{
			width:100%;
			padding:10px;
			font-size:18px;
			text-align:center;
			padding:20px;
			font-size:28px;
			font-weight:bold;
			border:10px solid #2925D2;
			border-collapse:collapse;
		}
		#octavos_cuartos_semis table tr td #titulo{
			font-size:36px;
			
		}
		#octavos_cuartos_semis table tr td{
			font-size:16px;
			border-bottom:2px solid #2925D2;
			padding:5px;
		}
		#octavos_cuartos_semis table tr td img{
			width:20px;
			border-radius:40px;
			margin-top:5px;
		}
		#octavos_cuartos_semis table tr #tiempo{
			font-size:10px;
			border:2px solid #2925D2;
		}
		#octavos_cuartos_semis table tr #tiempo #hora{
			font-size:18px;
		}
		#octavos_cuartos_semis table tr #local{
			width:30%;
		}
		#octavos_cuartos_semis table tr #visitante{
			width:30%;
		}
		#octavos_cuartos_semis table tr #vs{
			width:5%;
			font-size:20px;
		}
		#octavos_cuartos_semis table tr #vs #goles{
			font-size:14px;
		}
		#octavos_cuartos_semis table tr td #ganadorimg{
			width:35%;
			border-radius:400px;
			margin-bottom:20px;
		}
		#octavos_cuartos_semis table tr td #tituloganador{
			font-size:36px;
			text-transform:uppercase;
			padding-top:10px;
		}
		#octavos_cuartos_semis table tr td #ganadorimg{
			width:20%;
		}








/*FASE DE GRUPOS CLASIFICACION*/
	#clasificacion_grupos_espacio{
		margin-top:15px;
		margin-bottom:50px;
	}
	#clasificacion_grupos{
		width:100%;
		padding:5px;
		padding-bottom:7px;
		background-color:#2925D2;
		margin:auto;
		color:#2925D2;
		font-size:15px;
		
	}
	#clasificacion_grupos table{
		width:99%;
		margin:auto;
		border-collapse:collapse;
		
	}
	#clasificacion_grupos table tr #titulo{
		padding:2px;
		font-size:16px;
		font-weight:bold;
		color:white;
		background-color:#2925D2;
	}
	#clasificacion_grupos table tr td{
		background-color:white;
		text-align:center;
		border-bottom:2px solid #2925D2;
		padding-left:5px;
		padding-right:5px;
		padding-top:15px;
		padding-bottom:15px;
	}
	#clasificacion_grupos table tr #nombre{
		text-align:left;
		padding-left:5px;
		width:60%;
		font-size:18px;
		font-weight:bold;
	}
	#clasificacion_grupos table tr #fondo{
		background-color:green;
		padding:0px;
	}
	#clasificacion_grupos table tr #fondotercero{
		background-color:orange;
		padding:0px;
	}
	#clasificacion_grupos table tr #fondocuarto{
		
		padding:0px;
	}
	#clasificacion_grupos table tr #pts{
		font-weight:bold;
		font-size:15px;
	}
	#clasificacion_grupos table tr #enum{
		font-weight:bold;
	}
	#clasificacion_grupos table tr td img{
		width:20px;
		border-radius:20px;
		float:left;
		margin-right:10px;
	}








/*CUADRO RESULTADOS*/
		#fase_eliminatoria #botones{
			display:none;
		}
		#tabla_clasif{
			display:none;
		}
		

		
		#octavos{
			padding-top:1%;
			width:100%;
			margin:auto;
			color:#2925D2;
			
		}
		#octavos table{
			width:100%;
			padding:10px;
			font-size:18px;
			text-align:center;
			padding:20px;
			font-size:28px;
			font-weight:bold;
			border:10px solid #2925D2;
			border-collapse:collapse;
			background-color:white;
		}
		#octavos table tr td #titulo{
			font-size:36px;
			
		}
		#octavos table tr td{
			font-size:16px;
			border-bottom:2px solid #2925D2;
			padding:5px;
		}
		#octavos table tr td img{
			width:20px;
			border-radius:40px;
			margin-top:5px;
		}
		#octavos table tr #tiempo{
			font-size:12px;
			border:2px solid #2925D2;
			width:20%;
		}
		#octavos table tr #tiempo #hora{
			font-size:20px;
		}
		#octavos table tr #local{
			width:30%;
		}
		#octavos table tr #visitante{
			width:30%;
		}
		#octavos table tr #vs{
			width:5%;
			font-size:20px;
		}
		#octavos table tr #vs #goles{
			font-size:14px;
		}
		#octavos table tr td #ganadorimg{
			width:35%;
			border-radius:400px;
			margin-bottom:20px;
		}
		#octavos table tr td #tituloganador{
			font-size:36px;
			text-transform:uppercase;
			padding-top:10px;
		}
		#octavos table tr td #ganadorimg{
			width:20%;
		}









		#cuartos{
			padding-top:1%;
			width:100%;
			margin:auto;
			color:#2925D2;
			
		}
		#cuartos table{
			width:100%;
			padding:10px;
			font-size:18px;
			text-align:center;
			padding:20px;
			font-size:28px;
			font-weight:bold;
			border:10px solid #2925D2;
			border-collapse:collapse;
			background-color:white;
		}
		#cuartos table tr td #titulo{
			font-size:36px;
			
		}
		#cuartos table tr td{
			font-size:16px;
			border-bottom:2px solid #2925D2;
			padding:5px;
		}
		#cuartos table tr td img{
			width:20px;
			border-radius:40px;
			margin-top:5px;
		}
		#cuartos table tr #tiempo{
			font-size:12px;
			border:2px solid #2925D2;
			width:20%;
		}
		#cuartos table tr #tiempo #hora{
			font-size:20px;
		}
		#cuartos table tr #local{
			width:30%;
		}
		#cuartos table tr #visitante{
			width:30%;
		}
		#cuartos table tr #vs{
			width:5%;
			font-size:20px;
		}
		#cuartos table tr #vs #goles{
			font-size:14px;
		}
		#cuartos table tr td #ganadorimg{
			width:35%;
			border-radius:400px;
			margin-bottom:20px;
		}
		#cuartos table tr td #tituloganador{
			font-size:36px;
			text-transform:uppercase;
			padding-top:10px;
		}
		#cuartos table tr td #ganadorimg{
			width:20%;
		}









		#semis{
			padding-top:1%;
			width:100%;
			margin:auto;
			color:#2925D2;
			
		}
		#semis table{
			width:100%;
			padding:10px;
			font-size:18px;
			text-align:center;
			padding:20px;
			font-size:28px;
			font-weight:bold;
			border:10px solid #2925D2;
			border-collapse:collapse;
			background-color:white;
		}
		#semis table tr td #titulo{
			font-size:36px;
			
		}
		#semis table tr td{
			font-size:16px;
			border-bottom:2px solid #2925D2;
			padding:5px;
		}
		#semis table tr td img{
			width:20px;
			border-radius:40px;
			margin-top:5px;
		}
		#semis table tr #tiempo{
			font-size:12px;
			border:2px solid #2925D2;
			width:20%;
		}
		#semis table tr #tiempo #hora{
			font-size:20px;
		}
		#semis table tr #local{
			width:30%;
		}
		#semis table tr #visitante{
			width:30%;
		}
		#semis table tr #vs{
			width:5%;
			font-size:20px;
		}
		#semis table tr #vs #goles{
			font-size:14px;
		}
		#semis table tr td #ganadorimg{
			width:35%;
			border-radius:400px;
			margin-bottom:20px;
		}
		#semis table tr td #tituloganador{
			font-size:36px;
			text-transform:uppercase;
			padding-top:10px;
		}
		#semis table tr td #ganadorimg{
			width:20%;
		}









		#final{
			padding-top:1%;
			width:100%;
			margin:auto;
			color:#2925D2;
			
		}
		#final table{
			width:100%;
			padding:10px;
			font-size:18px;
			text-align:center;
			padding:20px;
			font-size:28px;
			font-weight:bold;
			border:10px solid #2925D2;
			border-collapse:collapse;
			background-color:white;
		}
		#final table tr td #titulo{
			font-size:36px;
			
		}
		#final table tr td{
			font-size:16px;
			border-bottom:2px solid #2925D2;
			padding:5px;
		}
		#final table tr td img{
			width:20px;
			border-radius:40px;
			margin-top:5px;
		}
		#final table tr #tiempo{
			font-size:12px;
			border:2px solid #2925D2;
			width:20%;
		}
		#final table tr #tiempo #hora{
			font-size:20px;
		}
		#final table tr #local{
			width:30%;
		}
		#final table tr #visitante{
			width:30%;
		}
		#final table tr #vs{
			width:5%;
			font-size:20px;
		}
		#final table tr #vs #goles{
			font-size:14px;
		}
		#final table tr td #ganadorimg{
			width:35%;
			border-radius:400px;
			margin-bottom:20px;
		}
		#final table tr td #tituloganador{
			font-size:36px;
			text-transform:uppercase;
			padding-top:10px;
		}
		#final table tr td #ganadorimg{
			width:20%;
		}









		#ganador{
			padding-top:1%;
			width:100%;
			margin:auto;
			color:#2925D2;
		}
		#ganador table{
			width:100%;
			padding:10px;
			font-size:18px;
			text-align:center;
			padding:20px;
			font-size:28px;
			font-weight:bold;
			border:10px solid #2925D2;
			border-collapse:collapse;
			background-color:white;
		}
		#ganador table tr td #titulo{
			font-size:36px;
			
		}
		#ganador table tr td{
			font-size:16px;
			border-bottom:2px solid #2925D2;
			padding:5px;
		}
		#ganador table tr td img{
			width:20px;
			border-radius:40px;
			margin-top:5px;
		}
		#ganador table tr #tiempo{
			font-size:10px;
			border:2px solid #2925D2;
		}
		#ganador table tr #tiempo #hora{
			font-size:18px;
		}
		#ganador table tr #local{
			width:30%;
		}
		#ganador table tr #visitante{
			width:30%;
		}
		#ganador table tr #vs{
			width:5%;
			font-size:20px;
		}
		#ganador table tr #vs #goles{
			font-size:14px;
		}
		#ganador table tr td #ganadorimg{
			width:35%;
			border-radius:400px;
			margin-bottom:20px;
		}
		#ganador table tr td #tituloganador{
			font-size:36px;
			text-transform:uppercase;
			padding-top:10px;
		}
		#ganador table tr td #ganadorimg{
			width:20%;
		}





/*PICHICHI*/
#pichichi{
	margin:auto;
	margin-top:2%;
	width:98%;
	border:5px solid #B8B7FF;
	color:#F1F1F1;
	padding:0px;
}


#pichichi #nombre{
	width:100%;
	text-align:center;
	font-size:150%;
	text-transform:uppercase;
	font-weight: bold;
	margin:auto;
	padding-top:20px;
	background-color:#2925D2;
}

#pichichi #nombrej{
	font-size:18px;
	text-transform:uppercase;
	background-color:#2925D2;
	max-width:90%;
	border:2px solid white;
	margin:auto;
	color:#F1F1F1;
	padding-top:5px;
	padding-bottom:5px;
	
}
#pichichi #grupo{
	text-align:center;
	padding-top:20px;
	font-size:38px;
	font-weight: bold;
}
#pichichi #grupo table{
	width:100%;
	border-collapse:collapse;
}
#pichichi #grupo table tr td{
	background-color:#2925D2;
	color:#2925D2;
	font-size:25px;
	width:50%;
	font-size:16px;
	padding:5px;
	
}
#pichichi #grupo table tr td #caja{
	position:relative;
	width:90%;
	margin:auto;
	border:2px solid white;
	background-color:white;
}
#pichichi #grupo table tr td #caja img{
	width:100%;
	
}
#pichichi #grupo table tr td #caja #goles{
	position:absolute;
	top:0;
	right:0;
	background-color:#F1F1F1;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
	margin-right:5px;
	font-size:16px;
	border-radius:500px;
	border:2px solid #2925D2;
	color:#2925D2;
}

#pichichi #grupo table tr td #caja #contador{
	position:absolute;
	top:0;
	left:0;
	padding:10px;
	margin-top:5px;
	margin-left:5px;
	font-size:20px;
}
#pichichi #grupo table tr td #caja #contadordos{
	position:absolute;
	top:0;
	left:0;
	padding:10px;
	font-size:16px;
}
#pichichi #grupo table tr td #caja #nombrejug{
	position:relative;
	width:100%;
	background-color:white;
	padding-top:0px;
	padding-bottom:5px;
	border-top:0px;
}
#pichichi #grupo table tr td #caja #nombrejug #nombrejugador{
	font-size:14px;
}
#pichichi #grupo table tr td #izquierda{
	padding-right:35px;
}
#pichichi #grupo table tr #dia{
	font-size:20px;
}














/*PERFIL:*/
#usuario{
	position:relative;
	margin:auto;
	margin-top:2%;
	width:70%;
	text-align:center;
	font-size:32px;
	font-weight:bold;
	color:white;
	padding-top:20px;
	font-variant:small-caps;
}
#usuario img{
	width:180px;
	height:180px;
	margin-top:5px;
	border:12px groove #2925D2;
	border-radius:250px;
}
#perfil{
	width:90%;
	border:12px groove #2925D2;
	margin:auto;
	margin-top:20px;
	background-color:#2925D2;
	padding:10px;
}
#perfil table{
	border-top:2px solid white;
	text-align:center;

}
#perfil table tr td{
	border-bottom:2px solid white;
	width:20%;
	padding-top:10px;
	padding-bottom:10px;
}
#perfil table tr td a{
	text-decoration:none;
	color:white;
}

/*PUNTUACIÓN*/
#puntuacion{
	background-color:#2925D2;
	margin-top:2%;
	font-size:26px;
	text-align:center;
	border:12px groove #2925D2;
	padding:10px;
	color:white;
	font-weight:bold;
	width:380px;
	margin:auto;
}
#puntuacion #tablafase{
	border-top:2px solid white;
	margin-top:30px;
	padding-top:5px;
	
}
#puntuacion #tablafase #titulofase{
	font-size:22px;
	text-align:center;
	font-weight:bold;
	border-bottom:2px solid white;
	padding-bottom:5px;
}
#puntuacion #tablafase tr td{
	font-weight:normal;
	font-size:16px;
	text-align:left;
}
#puntuacion #tablafase tr #contpunt{
	text-align:center;
	font-weight:bold;
}

























/*CREAR-UNIR GRUPO:*/
/*DIV PARA LISTA O CUADRO*/
#unir_crear {
	margin:auto;
	width:80%;
	margin-top:30px;
	text-align:center;
}
#unir_crear div{
	display:inline-block;
	margin:auto;
	padding:15px;
	font-weight:bold;
	font-size:16px;
	background-color:#2925D2;
	border:8px outset #201CB4;
	width:40%;
	color:white;
}
#unir_crear #lista:hover{
	border:8px inset #201CB4;
	background-color:#AAA8FF;
	color:#2925D2;
}

#unir_crear  #cuadro:hover{
	border:8px inset #201CB4;
	background-color:#AAA8FF;
	color:#2925D2
}
#bienvenida{
	margin-top:40px;
	color:white;
	margin-bottom:40px;
	text-align:center;
	background-color:#201CB4;
	border:10px groove #2925D2;
	font-size:16px;
	padding:5px;
}
#bienvenida #titulo{
	text-align:center;
	font-size:28px;
	font-weight:bold;
	text-transform:uppercase;
}
#bienvenida #texto{
	padding-top:40px;
	text-align:center;
}
#bienvenida #texto span{
	font-style: oblique;
}



















/*FORMULARIO DE PRONOSTICOS:*/
#formulario{
			text-align:center;
			font-size:20px;
			font-weight: bold;
			width:98%;
			margin:auto;
			margin-top:40px;
			
		}
#formulario table {
	width:100%;
	border-collapse:collapse;
	border:10px groove #2925D2;
	table-layout:fixed;
}
#formulario table tr #grupo{
	background-color:#2925D2;
	color:#F1F1F1;
	border:10px groove #2925D2;
}
#formulario table tr td{
	background-color:#F1F1F1;
	color:#2925D2;
	font-size:16px;
	padding:10px;
	padding-bottom:2px;
	padding-top:2px;
	border-top:2px solid;
	
		}
#formulario table tr td img{
	width:32px;
	max-width:32px;
	height:32px;
	object-fit:cover;
	border-radius:50px;
	margin-top:4px;
}














#cabecerainicio{
	display:none;
}




*,:after,:before{box-sizing:border-box}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}
a{color:inherit;text-decoration:none}

.login-wrap{
	width:100%;
	margin:auto;
	max-width:525px;
	min-height:670px;
	position:relative;
	background:url(../img/portada.jpeg) no-repeat center;
	box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
	border:12px groove #2925D2;
	margin-top:40px;
	color:white;
}
.login-html{
	width:100%;
	height:100%;
	position:absolute;
	padding:90px 70px 50px 70px;
	background:rgba(40,57,101,.9);
}
.login-html .sign-in-htm,
.login-html .sign-up-htm{
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:absolute;
	transform:rotateY(180deg);
	backface-visibility:hidden;
	transition:all .4s linear;
}
.login-html .sign-in,
.login-html .sign-up,
.login-form .group .check{
	display:none;
}
.login-html .tab,
.login-form .group .label,
.login-form .group .button{
	text-transform:uppercase;
}
.login-html .tab{
	font-size:22px;
	margin-right:15px;
	padding-bottom:5px;
	margin:0 15px 10px 0;
	display:inline-block;
	border-bottom:2px solid transparent;
}
.login-html .sign-in:checked + .tab,
.login-html .sign-up:checked + .tab{
	color:#fff;
	border-color:#2925D2;
}
.login-form{
	min-height:345px;
	position:relative;
	perspective:1000px;
	transform-style:preserve-3d;
}
.login-form .group{
	margin-bottom:15px;
}
.login-form .group .label,
.login-form .group .input,
.login-form .group .button{
	width:100%;
	color:#fff;
	display:block;
}
.login-form .group .input,
.login-form .group .button{
	border:none;
	padding:15px 20px;
	border-radius:25px;
	background:rgba(255,255,255,.1);
}
.login-form .group input[data-type="password"]{
	text-security:circle;
	-webkit-text-security:circle;
}
.login-form .group .label{
	color:#aaa;
	font-size:12px;
}
.login-form .group .button{
	background:#2925D2;
}
.login-form .group label .icon{
	width:15px;
	height:15px;
	border-radius:2px;
	position:relative;
	display:inline-block;
	background:rgba(255,255,255,.1);
}
.login-form .group label .icon:before,
.login-form .group label .icon:after{
	content:'';
	width:10px;
	height:2px;
	background:#fff;
	position:absolute;
	transition:all .2s ease-in-out 0s;
}
.login-form .group label .icon:before{
	left:3px;
	width:5px;
	bottom:6px;
	transform:scale(0) rotate(0);
}
.login-form .group label .icon:after{
	top:6px;
	right:0;
	transform:scale(0) rotate(0);
}
.login-form .group .check:checked + label{
	color:#fff;
}
.login-form .group .check:checked + label .icon{
	background:#1161ee;
}
.login-form .group .check:checked + label .icon:before{
	transform:scale(1) rotate(45deg);
}
.login-form .group .check:checked + label .icon:after{
	transform:scale(1) rotate(-45deg);
}
.login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm{
	transform:rotate(0);
}
.login-html .sign-up:checked + .tab + .login-form .sign-up-htm{
	transform:rotate(0);
}

.hr{
	height:2px;
	margin:60px 0 50px 0;
	background:rgba(255,255,255,.2);
}
.foot-lnk{
	text-align:center;
}
#error{
	color:#FF0000;
	font-size:16px; 
	text-align:center;
	width:100%;
	display:block;
	font-weight:bold;
	padding-top:10px;
}
#correcto{
	color:green;
	font-size:16px; 
	text-align:center;
	width:100%;
	display:block;
	font-weight:bold;
	padding-top:10px;
}




/*SELECT DE FORMULARIO:*/
#select-css {
 display: block;
 font-size: 16px;
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 color: #444;
 line-height: 1.3;
 padding: .4em 1.4em .3em .8em;
 width: 100px;
 max-width: 100%; 
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
 border-radius: .3em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
 background-repeat: no-repeat, repeat;
 background-position: right .7em top 50%, 0 0;
 background-size: .65em auto, 100%;
}
#select-css::-ms-expand {
 display: none;
}
#select-css:hover {
 border-color: #888;
}
#select-css:focus {
 border-color: #aaa;
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222; 
 outline: none;
}
#select-css option {
 font-weight:normal;
}

#continuar{
	background-color:#2925D2;
	color:#F1F1F1;
	font-size:16px;
	padding:15px;
	border:5px outset #2925D2;
	margin-top:20px;
}
#continuar:hover{
	border:5px inset #2925D2;
}

#nombre_grupo{
	background-color:#2925D2;
	
	margin-bottom:10px;
	font-size:26px;
	text-align:center;
	border:12px groove #2925D2;
	padding:10px;
	color:white;
	font-weight:bold;
	width:380px;
	margin:auto;
}
#tablagrupos tr #fondoprimero{
		background-color:green;
		padding:0px;
}
#tablagrupos tr #fondosegundo{
		background-color:green;
		padding:0px;
}
#tablagrupos tr #fondotercero{
		background-color:orange;
		padding:0px;
}
#tablagrupos tr #fondocuarto{
		padding:0px;
}
#tablagrupos tr #seleccion{
		text-align:left;
		padding-left:20px;
}
#tablagruposoctavos tr #seleccion{
		font-size:16px;
}
#tablagruposoctavos tr #seleccioncuarto{
		font-size:13px;
}
#tablagruposoctavos tr #seleccioncampeon{
		display: flex;
  		justify-content: center;
  		align-items: center;
}
#tablagoleadores tr #input{
		display: flex;
  		justify-content: right;
  		align-items: center;
}
#tablagoleadores tr #celdainput2{
		display: flex;
  		justify-content: right;
  		align-items: center;
		
}
#tablagoleadores tr td #input2{
		width:40px;
		
}











/*TABLA EXAMINAR PRONOSTICOS*/
#verresultadousuario{
	width:95%;
	margin:auto;
	color:#F1F1F1;
	border:5px solid #B8B7FF;
	margin-top:10px;
}
#verresultadousuario table{	
	width:100%;
	border-collapse: collapse;
}


#verresultadousuario #tablaverresultado tr td img{
	width:50px;
	background-color:white;
	border:2px solid #979797;
	border-radius:50px;
}
#verresultadousuario #tablaverresultado tr #posicion{	
	text-align:center;
	font-size:16px;
	width:1px;
	padding:10px;
	font-weight:bold;
}
#verresultadousuario #tablaverresultado tr #nombre{	
	font-weight:bold;
}
#verresultadousuario #tablaverresultado tr #imagen{
	padding-top:10px;
	width:1px;
	padding-right:10px;
	padding-top:10px;
}
#verresultadousuario #tablaverresultado tr td{	
	border-top:2px solid #B8B7FF;
	border-bottom:2px solid #B8B7FF;
	color:#2925D2;
}
#verresultadousuario #tablaverresultado #puntos{
			font-size:30px;
			font-weight:bold;
			width:1px;
			padding-right:10px;
		}






}
























/*CABECERA:*/
@media(max-width:540px){
#cabecera1080 #logo2{
		display:none;
	}
}
@media(max-width:880px){
#cabecera1080{
	font-size:10px;
}
	#cabecera1080 img{
		height:70px;
		padding-top:15px;
		padding-left:10px;
	}
	#cabecera1080 #logo2{
		left:70px;
	}
	#cabecera1080 #logo2 img{
		position:fixed;
		top:10px;
		padding-left:5px;
		width:100px;
		height:60px;
	}
	
	#cabecera1080 #lista{
		position:absolute;
		top:0;
		right:0;
		width:340px;
		font-weight:bold;
	}	
		#cabecera1080 #lista #ul_lista li{
			padding:0 10px;
		}
	
	/*FOTO SESION:*/
	#cabecera1080 #fotosesion{
		margin-right:0px;

	}
}


/*CLASIFICACION*/
@media(max-width:1100px){
	#tabla{		
			width:400px;		
	}

}
@media(max-width:1420px){

#partidos{
			width:50%;
		}
}
@media(max-width:860px){
	#partidos{
			width:380px;
		}
}

/*CLASIFICACIÓN DE LOS JUGADORES:*/
@media(max-width:1300px){
	#verusuario{
			width:400px;	
		}
	#octavos_cuartos_semis{
			padding-top:1%;
			width:400px;
			margin:auto;
			
		}
}







/*RESULTADOS*/
@media(max-width:1300px){

#clasificacion_grupos{
		width:350px;
}
#octavos{		
		width:420px;			
}
#cuartos{		
		width:420px;			
}
#semis{		
		width:420px;			
}
#final{		
		width:420px;			
}
#ganador{		
		width:420px;			
}
}
@media(max-width:1500px){

#tabla_clasif{
		display:none;
}
#fase_eliminatoria #botones{
		display:none;
}
}

/* Ajuste final de banderas.
   Estas reglas van al final porque el CSS antiguo repite muchas secciones. */
#formulario table tr td img,
#verusuario #grupo table tr td img,
#clasificacion_grupos table tr td img,
#octavos table tr td img,
#cuartos table tr td img,
#semis table tr td img,
#final table tr td img,
#ganador table tr td img,
#octavos_cuartos_semis table tr td img,
#partidos table tr td #bandera,
img#bandera{
	width:28px !important;
	max-width:28px !important;
	height:28px !important;
	object-fit:cover !important;
	border-radius:50% !important;
	vertical-align:middle;
}

#formulario table tr td img{
	width:36px !important;
	max-width:36px !important;
	height:36px !important;
}

#ganadorimg{
	width:90px !important;
	max-width:90px !important;
	height:90px !important;
	object-fit:cover !important;
	border-radius:50% !important;
}

/* World Cup 2026 responsive refresh.
   Capa final para modernizar sin tocar la logica PHP antigua. */
:root{
	--wc-blue:#081f5c;
	--wc-blue-2:#0e4fc3;
	--wc-red:#e1252f;
	--wc-green:#00a859;
	--wc-gold:#f5bd19;
	--wc-ink:#071126;
	--wc-surface:#ffffff;
	--wc-surface-soft:#f4f7fb;
	--wc-line:rgba(8,31,92,.14);
	--wc-shadow:0 14px 34px rgba(7,17,38,.14);
}

*{
	box-sizing:border-box;
}

html{
	min-width:0;
	background:#f4f7fb;
}

body{
	min-width:0 !important;
	margin:0;
	color:var(--wc-ink);
	font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	letter-spacing:0;
	background:
		linear-gradient(135deg, rgba(8,31,92,.10), rgba(0,168,89,.06) 38%, rgba(245,189,25,.08) 66%, rgba(225,37,47,.06)),
		#f4f7fb;
}

body::before{
	content:"";
	position:fixed;
	inset:0 0 auto 0;
	height:7px;
	z-index:10000;
	background:linear-gradient(90deg,var(--wc-blue),var(--wc-red),var(--wc-gold),var(--wc-green),var(--wc-blue-2));
	pointer-events:none;
}

a{
	color:inherit;
	text-decoration:none;
}

a,
a:link,
a:visited,
a:hover,
a:active{
	text-decoration:none !important;
	text-decoration-line:none !important;
	text-decoration-style:solid !important;
	border-bottom:0 !important;
	-webkit-text-decoration:none !important;
}

a span,
a strong,
a div,
a small{
	text-decoration:none !important;
	text-decoration-line:none !important;
	border-bottom:0 !important;
}

a[x-apple-data-detectors],
a[x-apple-data-detectors] *,
.x-apple-data-detectors,
.x-apple-data-detectors *{
	color:inherit !important;
	text-decoration:none !important;
	text-decoration-line:none !important;
	border-bottom:0 !important;
	pointer-events:none !important;
	cursor:default !important;
}

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

#separate{
	height:114px !important;
}

#cabecera{
	display:none !important;
}

#cabecera1080{
	display:flex !important;
	align-items:center;
	justify-content:space-between;
	position:fixed !important;
	top:7px;
	left:0;
	right:0;
	width:100% !important;
	height:100px !important;
	padding:0 clamp(14px, 4vw, 42px);
	background:rgba(255,255,255,.92) !important;
	border-bottom:1px solid var(--wc-line);
	box-shadow:0 10px 24px rgba(7,17,38,.08);
	backdrop-filter:blur(12px);
	z-index:9999;
}

#cabecera1080 > a{
	display:flex;
	align-items:center;
	gap:10px;
	height:100%;
}

#cabecera1080 img{
	width:auto !important;
	height:56px !important;
	padding:0 !important;
}

#cabecera1080 #logo2{
	position:static !important;
	display:block;
	left:auto !important;
	top:auto !important;
}

#cabecera1080 #logo2 img{
	position:static !important;
	width:118px !important;
	height:auto !important;
	padding:0 !important;
}

#cabecera1080 #lista{
	position:static !important;
	width:auto !important;
	height:auto !important;
}

#cabecera1080 #lista #ul_lista{
	display:flex;
	align-items:center;
	gap:8px;
	margin:0;
	padding:0;
	list-style:none;
}

#cabecera1080 #lista #ul_lista li{
	float:none !important;
	width:auto !important;
	height:auto !important;
	padding:0 !important;
	border-radius:8px;
	background:transparent !important;
	transition:background .18s ease, color .18s ease, transform .18s ease;
}

#cabecera1080 #lista #ul_lista li a{
	display:flex !important;
	align-items:center;
	min-height:44px;
	padding:0 14px !important;
	color:var(--wc-blue) !important;
	font-weight:800;
	font-size:14px;
}

#cabecera1080 #lista #ul_lista #selected,
#cabecera1080 #lista #ul_lista li:hover{
	background:var(--wc-blue) !important;
	color:#fff !important;
	transform:translateY(-1px);
}

#cabecera1080 #lista #ul_lista #selected a,
#cabecera1080 #lista #ul_lista li:hover a{
	color:#fff !important;
}

#cabecera1080 #fotosesion{
	width:42px !important;
	height:42px !important;
	margin:0 !important;
	padding:0 !important;
	border:2px solid var(--wc-gold);
	border-radius:50%;
	object-fit:cover;
}

#menu_movil{
	display:none !important;
}

#nombregrupoclas,
#bienvenida,
#puntuacion,
#formulario,
#tabla,
#partidos,
#verusuario,
#clasificacion_grupos,
#octavos,
#cuartos,
#semis,
#final,
#ganador,
#octavos_cuartos_semis,
#verresultadousuario{
	width:min(94vw, 920px) !important;
	max-width:920px;
	margin-left:auto !important;
	margin-right:auto !important;
	border-radius:8px;
}

#nombregrupoclas,
#bienvenida,
#puntuacion,
#tabla,
#partidos,
#verusuario,
#clasificacion_grupos,
#octavos,
#cuartos,
#semis,
#final,
#ganador,
#octavos_cuartos_semis,
#verresultadousuario{
	background:rgba(255,255,255,.94) !important;
	border:1px solid var(--wc-line);
	box-shadow:var(--wc-shadow);
}

#nombregrupoclas,
#verusuario #nombrepuntos,
#verusuario #nombreg{
	color:var(--wc-blue) !important;
	font-weight:900;
	letter-spacing:0;
}

#nombregrupoclas{
	margin-top:18px;
	margin-bottom:14px;
	padding:18px 20px;
	font-size:clamp(22px, 4vw, 36px) !important;
	text-align:center;
	background:
		linear-gradient(90deg, rgba(8,31,92,.08), rgba(245,189,25,.12), rgba(0,168,89,.08)),
		#fff !important;
}

#bienvenida,
#puntuacion{
	padding:18px clamp(14px, 4vw, 28px);
	margin-top:16px;
	line-height:1.5;
}

#puntuacion{
	width:min(94vw, 760px) !important;
	margin:22px auto 28px !important;
	padding:30px clamp(22px, 4vw, 54px) !important;
	background:rgba(255,255,255,.94) !important;
	border:1px solid var(--wc-line) !important;
	border-radius:8px !important;
	box-shadow:var(--wc-shadow);
	color:var(--wc-ink) !important;
	font-size:0 !important;
	font-weight:400 !important;
	text-align:left;
}

#puntuacion::before{
	content:"SISTEMA DE PUNTUACIONES";
	display:block;
	margin-bottom:22px;
	color:var(--wc-blue);
	font-size:24px;
	font-weight:900;
	text-align:center;
}

#puntuacion #tablafase{
	margin:0 0 30px !important;
	padding:0 !important;
	border:0 !important;
}

#puntuacion #tablafase:last-child{
	margin-bottom:0 !important;
}

#puntuacion #tablafase #titulofase{
	padding:0 0 10px !important;
	border:0 !important;
	border-bottom:1px solid rgba(8,31,92,.08) !important;
	color:var(--wc-blue) !important;
	font-size:22px !important;
	font-weight:900 !important;
	text-align:center !important;
}

#puntuacion #tablafase tr td{
	padding:11px 0 !important;
	border:0 !important;
	color:var(--wc-ink) !important;
	font-size:16px !important;
	font-weight:400 !important;
	line-height:1.45;
	text-align:left !important;
}

#puntuacion #tablafase tr #contpunt{
	width:48px;
	color:var(--wc-ink) !important;
	font-weight:900 !important;
	text-align:right !important;
}

#puntuacion table,
#formulario table,
#tabla table,
#partidos table,
#verusuario #grupo table,
#clasificacion_grupos table,
#octavos table,
#cuartos table,
#semis table,
#final table,
#ganador table,
#octavos_cuartos_semis table,
#verresultadousuario table{
	width:100% !important;
	border:0 !important;
	border-collapse:separate !important;
	border-spacing:0 8px !important;
	color:var(--wc-ink);
}

#tabla table tr,
#partidos table tr,
#verusuario #grupo table tr,
#formulario table tr,
#octavos table tr,
#cuartos table tr,
#semis table tr,
#final table tr,
#ganador table tr,
#octavos_cuartos_semis table tr{
	background:#fff;
	border-radius:8px;
	box-shadow:0 1px 0 var(--wc-line);
}

#tabla table tr td,
#partidos table tr td,
#verusuario #grupo table tr td,
#formulario table tr td,
#clasificacion_grupos table tr td,
#octavos table tr td,
#cuartos table tr td,
#semis table tr td,
#final table tr td,
#ganador table tr td,
#octavos_cuartos_semis table tr td{
	border:0 !important;
	padding:12px 10px !important;
	font-size:15px;
	line-height:1.25;
	vertical-align:middle;
	color:var(--wc-ink);
}

#formulario{
	padding:12px clamp(10px, 2vw, 18px) 22px;
	background:transparent !important;
	box-shadow:none;
	border:0 !important;
}

#formulario table tr #grupo,
#formulario table tr #partido_meta,
#verusuario #grupo table tr #nombregrupo,
#clasificacion_grupos table tr #titulo,
#octavos table tr td #titulo,
#cuartos table tr td #titulo,
#semis table tr td #titulo,
#final table tr td #titulo,
#octavos_cuartos_semis table tr td #titulo{
	background:linear-gradient(90deg,var(--wc-blue),var(--wc-blue-2)) !important;
	color:#fff !important;
	font-weight:900 !important;
	text-align:center;
	border-radius:8px;
	padding:14px !important;
}

#formulario table tr #partido_meta{
	background:#eaf1fb !important;
	color:var(--wc-blue) !important;
	font-size:13px;
	padding:9px 12px !important;
}

#formulario table tr.pronostico-cabecera{
	background:rgba(8,31,92,.08) !important;
	box-shadow:none;
}

#formulario table tr.pronostico-cabecera td{
	color:var(--wc-blue);
	font-size:12px;
	font-weight:900;
	text-align:center;
	text-transform:uppercase;
}

#formulario table tr.pronostico-separador{
	display:none;
}

#formulario table tr.pronostico-partido .pronostico-meta-movil{
	display:none;
}

#formulario table tr.pronostico-partido td{
	text-align:center;
}

#formulario table tr.pronostico-partido .pronostico-numero,
#formulario table tr.pronostico-partido .pronostico-grupo,
#formulario table tr.pronostico-partido .pronostico-fecha,
#formulario table tr.pronostico-partido .pronostico-hora{
	color:var(--wc-blue);
	font-weight:900;
	white-space:nowrap;
}

#formulario table tr.pronostico-partido .pronostico-sede{
	min-width:190px;
	color:rgba(8,31,92,.78);
	font-size:13px;
	font-weight:800;
	line-height:1.35;
	text-align:left;
}

#formulario table tr.pronostico-partido .pronostico-sede small{
	color:rgba(8,31,92,.62);
	font-size:12px;
	font-weight:800;
}

#formulario table tr.pronostico-partido .pronostico-equipo{
	min-width:110px;
	font-weight:900;
}

#sedes_grupo{
	width:min(1080px, calc(100% - 28px));
	margin:18px auto 8px;
	border-radius:18px;
	background:rgba(255,255,255,.92);
	box-shadow:0 18px 50px rgba(8,31,92,.12);
	overflow:hidden;
}

#sedes_titulo{
	background:linear-gradient(90deg,var(--wc-blue),var(--wc-blue-2)) !important;
	color:#fff;
	font-family:var(--wc-title-font);
	font-size:17px;
	font-weight:900;
	padding:14px 18px;
	text-align:center;
	text-transform:uppercase;
}

.sede_partido{
	display:grid;
	grid-template-columns:130px minmax(0,1fr) minmax(220px,.8fr);
	align-items:center;
	gap:14px;
	padding:14px 18px;
	border-top:1px solid rgba(8,31,92,.1);
	color:var(--wc-ink);
}

.sede_fecha{
	color:rgba(8,31,92,.72);
	font-size:13px;
	font-weight:800;
	line-height:1.4;
	text-align:center;
}

.sede_fecha strong{
	color:var(--wc-blue);
	font-size:15px;
}

.sede_equipos{
	font-family:var(--wc-title-font);
	font-size:17px;
	font-weight:900;
	line-height:1.3;
	text-align:center;
}

.sede_equipos span{
	color:var(--wc-red);
	font-size:12px;
	margin:0 8px;
	text-transform:uppercase;
}

.sede_lugar{
	font-size:14px;
	font-weight:800;
	line-height:1.35;
	text-align:right;
}

.sede_lugar small{
	color:rgba(8,31,92,.66);
	font-size:12px;
	font-weight:800;
}

#verusuario #grupo table tr #nombregrupo a{
	color:#fff;
}

#verusuario #grupo table tr #nombregrupo img,
#formulario table tr #grupo img{
	width:24px !important;
	height:24px !important;
	border-radius:0 !important;
	object-fit:contain !important;
	vertical-align:middle;
}

#select-css,
select,
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"]{
	min-height:44px !important;
	border:1px solid rgba(8,31,92,.22) !important;
	border-radius:8px !important;
	background:#fff !important;
	color:var(--wc-blue) !important;
	font-size:16px !important;
	font-weight:800;
	box-shadow:0 2px 0 rgba(8,31,92,.06);
}

#select-css{
	width:76px !important;
	padding:0 14px !important;
	text-align:center;
	text-align-last:center;
}

#tablagruposoctavos #select-css,
#tablagoleadores #select-css{
	width:min(100%, 280px) !important;
	text-align:left;
	text-align-last:left;
	font-size:14px !important;
}

#tablagoleadores .filtro-nacionalidad-goleador{
	width:min(100%, 180px) !important;
	min-height:38px !important;
	margin-top:8px;
	font-size:13px !important;
}

#select-css.select-repetido,
select.select-repetido{
	border:2px solid #dc2626 !important;
	color:#dc2626 !important;
	background:#fff5f5 !important;
	box-shadow:0 0 0 3px rgba(220,38,38,.14) !important;
}

#continuar,
input[type="submit"],
button{
	min-height:46px;
	border:0 !important;
	border-radius:8px !important;
	background:linear-gradient(90deg,var(--wc-red),var(--wc-blue)) !important;
	color:#fff !important;
	font-weight:900 !important;
	font-size:15px !important;
	box-shadow:0 12px 24px rgba(8,31,92,.18);
	cursor:pointer;
}

#continuar{
	display:block;
	width:min(94vw, 420px) !important;
	margin:18px auto 34px !important;
}

.autosave-status,
.form-progress{
	width:min(94vw, 960px);
	margin:14px auto;
	padding:12px 16px;
	border:1px solid rgba(8,31,92,.14);
	border-radius:8px;
	background:rgba(255,255,255,.86);
	color:var(--wc-blue);
	font-size:13px;
	font-weight:900;
	text-align:center;
	box-shadow:0 8px 20px rgba(8,31,92,.10);
}

.form-progress{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	text-align:left;
}

.form-progress span,
.form-progress em{
	color:#0f7a3a;
	font-style:normal;
	white-space:nowrap;
}

.grupo-compartir,
.grupo-stats{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	flex-wrap:wrap;
}

.clasificacion-app-aviso{
	display:grid;
	grid-template-columns:minmax(0, 1fr) auto;
	gap:8px 14px;
	align-items:center;
	width:min(720px, calc(100% - 28px));
	margin:12px auto 16px;
	padding:14px 16px;
	border:1px solid rgba(8,31,92,.10);
	border-radius:8px;
	background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(239,246,255,.94));
	box-shadow:0 12px 26px rgba(8,31,92,.10);
	color:#42526f;
}

.clasificacion-app-aviso strong{
	display:block;
	grid-column:1;
	color:#071f5f;
	font-size:17px;
	font-weight:900;
	line-height:1.1;
}

.clasificacion-app-aviso span{
	display:block;
	grid-column:1;
	font-size:14px;
	font-weight:800;
	line-height:1.3;
}

.clasificacion-app-aviso a{
	display:inline-flex;
	grid-column:2;
	grid-row:1 / span 2;
	align-items:center;
	justify-content:center;
	min-height:40px;
	padding:0 16px;
	border-radius:8px;
	background:linear-gradient(90deg,#e1252f,#061c5d);
	color:#fff;
	font-size:14px;
	font-weight:900;
	text-decoration:none;
	white-space:nowrap;
	box-shadow:0 10px 20px rgba(8,31,92,.14);
}

.grupo-compartir{
	width:min(94vw, 720px);
	margin:12px auto 18px;
	padding:14px 16px;
	border-radius:8px;
	background:rgba(255,255,255,.88);
	box-shadow:0 12px 26px rgba(8,31,92,.14);
	color:var(--wc-blue);
}

.grupo-compartir span{
	font-size:12px;
	font-weight:800;
	color:#52627d;
}

.grupo-compartir strong{
	display:block;
	font-size:18px;
	letter-spacing:.02em;
}

body.clasificacion-page .grupo-compartir a.grupo-whatsapp{
	width:30px !important;
	min-width:30px !important;
	max-width:30px !important;
	height:30px !important;
	min-height:30px !important;
	max-height:30px !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	flex:0 0 30px !important;
	align-self:center !important;
	margin-left:-4px;
	overflow:hidden !important;
}

body.clasificacion-page .grupo-compartir a.grupo-whatsapp img{
	width:26px !important;
	min-width:26px !important;
	max-width:26px !important;
	height:26px !important;
	min-height:26px !important;
	max-height:26px !important;
	margin:0 !important;
	object-fit:contain !important;
	display:block !important;
	flex:0 0 26px !important;
}

.grupo-compartir button{
	min-height:38px;
	padding:0 14px;
	align-self:center;
}

.grupo-stats span{
	padding:7px 10px;
	border-radius:999px;
	background:#eef5ff;
}

.editar-quiniela-card{
	width:min(94vw, 760px);
	margin:0 auto 18px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:16px;
	border-radius:12px;
	background:linear-gradient(90deg, rgba(255,255,255,.96), rgba(232,244,255,.96));
	border:1px solid rgba(14,79,195,.18);
	box-shadow:0 16px 34px rgba(8,31,92,.12);
	color:var(--wc-blue);
}

.editar-quiniela-card div{
	display:flex;
	flex-direction:column;
	gap:4px;
	min-width:0;
}

.editar-quiniela-card strong{
	font-size:18px;
}

.editar-quiniela-card span{
	font-size:14px;
	line-height:1.35;
	color:#40516d;
}

.editar-quiniela-card a{
	flex:0 0 auto;
	padding:12px 16px;
	border-radius:12px;
	background:linear-gradient(90deg, var(--wc-red), var(--wc-blue-2));
	color:#fff;
	font-weight:900;
	box-shadow:0 12px 24px rgba(14,79,195,.18);
}

.editar-quiniela-card-cerrada{
	justify-content:center;
	text-align:center;
}

@media(max-width:700px){
	.editar-quiniela-card{
		align-items:stretch;
		flex-direction:column;
	}

	.editar-quiniela-card a{
		text-align:center;
	}
}

.grupo-tabs{
	width:min(94vw, 960px);
	margin:10px auto 18px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:8px;
}

.grupo-tabs a{
	display:grid;
	place-items:center;
	width:42px;
	height:38px;
	border-radius:8px;
	background:#fff;
	color:var(--wc-blue);
	font-weight:900;
	box-shadow:0 7px 16px rgba(8,31,92,.10);
}

.grupo-tabs a.active{
	background:linear-gradient(135deg, var(--wc-red), var(--wc-blue));
	color:#fff;
}

@media(max-width:760px){
	.grupo-tabs{
		display:grid;
		grid-template-columns:repeat(6, minmax(0, 1fr));
		gap:8px;
		width:min(94vw, 420px);
		margin:10px auto 18px;
	}

	.grupo-tabs a{
		width:100%;
		height:38px;
	}
}

.pred-acierto td,
td.pred-acierto{
	background:#d7f8d1 !important;
}

.pred-fallo td,
td.pred-fallo{
	background:#ffd7d7 !important;
}

.pred-pendiente td,
td.pred-pendiente{
	background:#fff !important;
}

.equipo-pendiente{
	color:#667085;
	font-weight:900;
}

.perfil-form{
	display:grid;
	gap:8px;
	width:min(100%, 420px);
	margin:0 auto;
}

.perfil-form label{
	font-weight:900;
	color:var(--wc-blue);
}

.perfil-form input[type="file"]{
	max-width:100%;
}

.app-welcome #titulo{
	color:var(--wc-blue);
	font-size:clamp(26px, 5vw, 42px);
	font-weight:900;
	line-height:1.1;
}

#cabecera{
	min-height:86px;
	display:flex;
	align-items:center;
	justify-content:center;
}

#cabecera > img{
	display:none !important;
}

#cabecera::after{
	content:"KickPools";
	color:var(--wc-blue);
	font-size:clamp(28px, 5vw, 48px);
	font-weight:900;
	letter-spacing:0;
	text-shadow:0 2px 0 rgba(255,255,255,.75);
}

#cabecera1080 > a > img,
#cabecera1080 #logo2{
	display:none !important;
}

#cabecera1080 > a::after{
	content:"KickPools";
	display:block;
	padding:14px 18px;
	color:#fff;
	font-weight:900;
	font-size:20px;
}

.app-welcome #texto{
	max-width:760px;
	margin:16px auto 0;
	color:#33415c;
	font-size:17px;
	line-height:1.55;
}

.app-welcome #texto span{
	color:var(--wc-blue);
	font-weight:900;
}

#puntuacion.puntuacion-resumen{
	padding:22px !important;
}

#puntuacion.puntuacion-resumen::before{
	content:"" !important;
	display:none !important;
}

.puntuacion-resumen h2{
	margin:0 0 14px;
	color:var(--wc-blue);
	font-size:22px;
	text-align:center;
}

.puntuacion-grid{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:10px;
}

.puntuacion-grid div{
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px;
	border:1px solid rgba(8,31,92,.12);
	border-radius:8px;
	background:#fff;
	box-shadow:0 5px 14px rgba(8,31,92,.07);
}

.puntuacion-grid strong{
	display:grid;
	place-items:center;
	flex:0 0 38px;
	width:38px;
	height:38px;
	border-radius:999px;
	background:linear-gradient(135deg, var(--wc-red), var(--wc-blue));
	color:#fff;
	font-size:18px;
}

.puntuacion-grid span{
	color:#33415c;
	font-size:13px;
	font-weight:900;
	line-height:1.25;
}

form #error{
	display:block;
	width:min(94vw, 720px);
	margin:12px auto;
	text-align:center;
}

@media(max-width:700px){
	.form-progress{
		align-items:flex-start;
		flex-direction:column;
	}

	.puntuacion-grid{
		grid-template-columns:1fr;
	}
}

#nombre_grupo{
	width:min(94vw, 520px) !important;
	margin:24px auto 0 !important;
	padding:18px 16px !important;
	background:linear-gradient(90deg,var(--wc-blue),var(--wc-blue-2)) !important;
	border:1px solid var(--wc-line) !important;
	border-radius:8px !important;
	box-shadow:var(--wc-shadow);
	color:#fff !important;
	font-size:24px !important;
	font-weight:900 !important;
	text-align:center;
}

#inputnombregrupo{
	width:min(100%, 360px);
	height:48px;
	margin-top:10px;
	padding:0 14px;
	border:1px solid rgba(8,31,92,.18);
	border-radius:8px;
	background:#fff;
	color:#071126;
	font-size:17px;
	font-weight:800;
	box-shadow:inset 0 2px 6px rgba(8,31,92,.08);
}

body.creargrupo-page #bienvenida{
	background:rgba(255,255,255,.92) !important;
	border:1px solid rgba(8,31,92,.12) !important;
	color:#071126 !important;
}

body.creargrupo-page #bienvenida strong{
	color:#071126 !important;
}

body.creargrupo-page #nombre_grupo{
	background:rgba(255,255,255,.92) !important;
	border:1px solid rgba(8,31,92,.12) !important;
	color:#071126 !important;
}

body.creargrupo-page #inputnombregrupo{
	color:#071126 !important;
	background:#fff !important;
}

body.creargrupo-page .nombre-grupo-aviso{
	min-height:20px;
	margin-top:8px;
	color:#b91c1c;
	font-size:14px;
	font-weight:800;
}

body.creargrupo-page .pronosticos-azar-panel,
body.unirsegrupopronosticoinvitado-page .pronosticos-azar-panel{
	width:100% !important;
	max-width:none !important;
	margin:14px auto 24px !important;
	display:flex;
	justify-content:center;
	align-items:center;
	clear:both;
	position:static;
	left:auto;
	transform:none;
	text-align:center;
}

body.creargrupo-page .pronosticos-azar-btn,
body.unirsegrupopronosticoinvitado-page .pronosticos-azar-btn{
	min-height:40px;
	padding:10px 16px;
	border:0;
	border-radius:999px;
	background:linear-gradient(90deg, #e1252f, #0b1f63);
	color:#fff;
	font-size:14px;
	font-weight:900;
	cursor:pointer;
	box-shadow:0 12px 24px rgba(8,31,92,.18);
}

body.creargrupo-page .pronosticos-azar-btn:hover,
body.unirsegrupopronosticoinvitado-page .pronosticos-azar-btn:hover{
	transform:translateY(-1px);
	box-shadow:0 16px 28px rgba(8,31,92,.22);
}

body.introducirfaseclasificatorio-page .pronosticos-azar-panel{
	width:100%;
	margin:16px auto 22px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
}

body.introducirfaseclasificatorio-page .pronosticos-azar-btn{
	min-height:42px;
	padding:11px 18px;
	border:0;
	border-radius:999px;
	background:linear-gradient(90deg, #e1252f, #0b1f63);
	color:#fff;
	font-size:15px;
	font-weight:900;
	cursor:pointer;
	box-shadow:0 12px 24px rgba(8,31,92,.18);
}

body.introducirfaseclasificatorio-page .pronosticos-azar-btn:hover{
	transform:translateY(-1px);
	box-shadow:0 16px 28px rgba(8,31,92,.22);
}

body.unirsegrupo-page #bienvenida.unirsegrupo-card{
	width:min(94vw, 760px) !important;
	margin:34px auto 0 !important;
	padding:28px clamp(18px, 4vw, 42px) !important;
	background:rgba(255,255,255,.92) !important;
	border:1px solid rgba(8,31,92,.12) !important;
	border-radius:8px;
	box-shadow:var(--wc-shadow);
	color:#071126 !important;
	text-align:center;
}

body.unirsegrupo-page .unirsegrupo-form{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:18px;
}

body.unirsegrupo-page .unirsegrupo-card #texto{
	max-width:680px;
	color:#071126 !important;
	font-size:24px;
	font-weight:900;
	line-height:1.35;
	text-align:center;
}

body.unirsegrupo-page #inputnombregrupo{
	width:min(100%, 450px);
	height:56px;
	text-align:center;
	color:#071126 !important;
	background:#fff !important;
}

body.unirsegrupo-page #error{
	color:#071126 !important;
}

body.unirsegrupo-page #continuar{
	width:min(100%, 360px) !important;
	margin:4px auto 0 !important;
}

#unir_crear{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:22px;
	width:min(94vw, 720px);
	margin:34px auto 0;
	flex-wrap:wrap;
}

#unir_crear .grupo-boton{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:230px;
	min-height:58px;
	padding:0 28px;
	border-radius:8px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:900;
	letter-spacing:.4px;
	text-decoration:none;
	box-shadow:0 14px 26px rgba(8,31,92,.22);
	transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

#unir_crear .grupo-boton-crear{
	background:linear-gradient(135deg,var(--wc-blue),var(--wc-blue-2));
}

#unir_crear .grupo-boton-unirse{
	background:linear-gradient(135deg,var(--wc-red),#e34a4a);
}

#unir_crear .grupo-boton:hover{
	transform:translateY(-2px);
	box-shadow:0 18px 32px rgba(8,31,92,.28);
	filter:saturate(1.08);
}

#tabla{
	overflow:hidden;
}

#tabla table tr td img,
#verresultadousuario table tr td img{
	width:42px !important;
	height:42px !important;
	border-radius:50%;
	object-fit:cover;
}

#tabla table tr #posicion #numero,
#tabla table tr #puntos #numero,
#verusuario #puntos #numero{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:38px;
	min-height:38px;
	border-radius:50%;
	background:var(--wc-blue);
	color:#fff;
	font-weight:900;
}

#tabla table tr #puntos #numero{
	background:var(--wc-gold);
	color:var(--wc-blue);
}

#partidos{
	padding:16px;
	text-align:center;
	font-weight:800;
	color:var(--wc-blue);
}

#partidos .partidos-vacio{
	display:grid;
	grid-template-columns:1fr;
	gap:14px;
	align-items:center;
	justify-items:center;
	min-height:96px;
	padding:18px 22px;
	background:linear-gradient(135deg,rgba(245,189,25,.20),rgba(255,255,255,.96));
	border:2px solid rgba(245,189,25,.75);
	border-radius:8px;
	color:var(--wc-blue);
	text-align:center;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);
}

#partidos .partidos-vacio-texto{
	display:grid;
	gap:4px;
}

#partidos .partidos-vacio-titulo{
	font-size:25px;
	font-weight:900;
	line-height:1.08;
}

#partidos .partidos-vacio-subtitulo{
	color:#52617a;
	font-size:15px;
	font-weight:800;
	text-transform:uppercase;
}

#partidos .partidos-vacio-proximo{
	display:grid;
	grid-template-columns:minmax(190px, 1fr) auto minmax(190px, 1fr);
	gap:12px;
	align-items:center;
	width:min(620px, 100%);
}

#partidos .partidos-vacio-equipo{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	min-width:0;
	padding:10px 12px;
	background:#fff;
	border:1px solid rgba(8,31,92,.10);
	border-radius:8px;
	box-shadow:0 8px 16px rgba(8,31,92,.08);
}

#partidos .partidos-vacio-equipo:last-child{
	justify-content:center;
	text-align:center;
}

#partidos .partidos-vacio-equipo img{
	width:38px;
	height:38px;
	min-width:38px;
	border-radius:50%;
	object-fit:cover;
	box-shadow:0 0 0 2px #fff, 0 0 0 3px rgba(8,31,92,.12);
}

#partidos .partidos-vacio-equipo strong{
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:clamp(18px, 1.05vw, 20px);
	font-weight:900;
	line-height:1.1;
}

#partidos .partidos-vacio-vs{
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border-radius:50%;
	background:var(--wc-blue);
	color:#fff;
	font-size:14px;
	font-weight:900;
	text-transform:uppercase;
	box-shadow:0 8px 18px rgba(8,31,92,.18);
}

#partidos .partidos-vacio-fecha{
	justify-self:center;
	padding:11px 14px;
	border-radius:8px;
	background:var(--wc-gold);
	color:var(--wc-blue);
	font-size:18px;
	font-weight:900;
	white-space:nowrap;
	box-shadow:0 8px 16px rgba(245,189,25,.22);
}

@media(max-width:560px){
	#partidos .partidos-vacio{
		padding:16px 12px;
	}

	#partidos .partidos-vacio-titulo{
		font-size:22px;
	}

	#partidos .partidos-vacio-proximo{
		grid-template-columns:1fr;
		gap:10px;
	}

	#partidos .partidos-vacio-vs{
		justify-self:center;
	}

	#partidos .partidos-vacio-equipo,
	#partidos .partidos-vacio-equipo:last-child{
		justify-content:center;
		text-align:center;
	}

	#partidos .partidos-vacio-equipo strong{
		font-size:18px;
	}
}

#partidos table{
	margin-top:8px;
}

.partidos-dia-header{
	position:relative;
	display:grid;
	grid-template-columns:48px minmax(0, 1fr) 48px;
	align-items:center;
	justify-content:center;
	height:64px;
	min-height:64px;
	margin:0 0 18px;
	padding:0 6px;
	border:1px solid rgba(255,255,255,.42);
	border-radius:8px;
	background:linear-gradient(90deg, #f7faff 0%, #ffffff 18%, #ffffff 82%, #f7faff 100%);
	color:#fff;
	font-size:26px;
	font-weight:900;
	line-height:1.15;
	text-align:center;
	box-shadow:0 10px 22px rgba(7,31,95,.10);
}

.partidos-dia-header strong{
	display:flex;
	align-items:center;
	justify-content:center;
	grid-column:2;
	height:48px;
	min-width:0;
	padding:0 14px;
	border-radius:8px;
	background:var(--wc-blue);
	color:#fff;
	box-shadow:0 8px 16px rgba(7,31,95,.16);
}

.partidos-dia-nav{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:48px;
	padding:0;
	border-radius:8px;
	background:#eef5ff;
	box-shadow:inset 0 0 0 1px rgba(7,31,95,.08);
	transition:transform .15s ease, filter .15s ease;
}

.partidos-dia-nav:not(.partidos-dia-nav-disabled):hover{
	filter:brightness(.98);
	transform:translateY(-1px);
}

.partidos-dia-anterior{
	grid-column:1;
	justify-self:start;
}

.partidos-dia-siguiente{
	grid-column:3;
	justify-self:end;
}

.partidos-dia-nav img{
	display:block;
	width:30px;
	height:30px;
	margin:auto;
	object-fit:contain;
}

.partidos-dia-nav-disabled{
	cursor:default;
	pointer-events:none;
}

#partidos table tr.partido-separador td{
	padding:26px 0 20px;
	border-top:2px solid var(--wc-blue-2);
	background:linear-gradient(90deg,transparent,rgba(14,79,195,.34),transparent);
}

#partidos table tr.partido-separador + tr td{
	padding-top:18px;
}

/* Clasificacion real reconstruida para movil */
.clasificacion-real-mobile{
	display:none;
}

@media(max-width:760px){
	body.resultados-page #tabla_clasif{
		display:none !important;
	}

	body.resultados-page .clasificacion-real-mobile{
		display:block;
		width:calc(100vw - 20px);
		margin:24px 10px 34px;
		background:#fff;
		border:1px solid rgba(12,31,79,.08);
		border-radius:8px;
		box-shadow:0 18px 38px rgba(13,32,77,.16);
		overflow:hidden;
		color:#071f5f;
	}

	body.resultados-page .clasificacion-real-mobile h2{
		margin:0;
		padding:14px 12px;
		color:#071f5f;
		font-size:18px;
		font-weight:900;
		line-height:1.18;
		text-align:center;
	}

	body.resultados-page .clasificacion-real-mobile-grid{
		display:grid;
		grid-template-columns:28px 38px minmax(76px, 1.55fr) repeat(8, minmax(23px, .65fr));
		width:100%;
		background:#fff;
	}

	body.resultados-page .clasificacion-real-mobile-grid > div{
		display:flex;
		align-items:center;
		justify-content:center;
		min-width:0;
		min-height:44px;
		padding:8px 2px;
		border-bottom:1px solid #edf1f7;
		color:#071f5f;
		font-size:11px;
		font-weight:900;
		line-height:1.1;
		text-align:center;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	body.resultados-page .clasificacion-real-mobile-grid .th{
		min-height:34px;
		background:#f8fbff;
		color:#52617a;
		font-size:9px;
		text-transform:uppercase;
	}

	body.resultados-page .clasificacion-real-mobile-grid .seleccion{
		justify-content:flex-start;
		text-align:left;
	}

	body.resultados-page .clasificacion-real-mobile-grid .posicion{
		position:relative;
	}

	body.resultados-page .clasificacion-real-mobile-grid .posicion.clasifica-primero{
		box-shadow:inset 4px 0 0 #15a44a;
		color:#137a38;
	}

	body.resultados-page .clasificacion-real-mobile-grid .posicion.clasifica-segundo{
		box-shadow:inset 4px 0 0 #87d66a;
		color:#4d8f2d;
	}

	body.resultados-page .clasificacion-real-mobile-grid .posicion.clasifica-tercero{
		box-shadow:inset 4px 0 0 #f3bd18;
		color:#a76f00;
	}

	body.resultados-page .clasificacion-real-mobile-grid img{
		display:block;
		width:24px;
		height:24px;
		border-radius:50%;
		object-fit:cover;
		background:#fff;
	}
}

/* Clasificacion real mobile: version aislada para evitar reglas grid antiguas */
@media(max-width:760px){
	body.resultados-page #tabla_clasif{
		width:calc(100vw - 20px) !important;
		margin:24px 10px 34px !important;
		padding:0 !important;
		overflow:hidden !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla{
		display:grid !important;
		width:100% !important;
		min-width:0 !important;
		grid-template-columns:28px 42px minmax(88px, 1.8fr) repeat(8, minmax(24px, .7fr)) !important;
		border-collapse:separate !important;
		border-spacing:0 !important;
		table-layout:auto !important;
		background:#fff !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla colgroup{
		display:none !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla tbody{
		display:contents !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla tr{
		display:contents !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla td{
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
		grid-column:auto !important;
		grid-row:auto !important;
		width:auto !important;
		min-width:0 !important;
		height:auto !important;
		margin:0 !important;
		padding:10px 2px !important;
		border:0 !important;
		border-bottom:1px solid #edf1f7 !important;
		background:#fff !important;
		color:#071f5f !important;
		font-size:11px !important;
		font-weight:900 !important;
		line-height:1.1 !important;
		text-align:center !important;
		white-space:nowrap !important;
		overflow:hidden !important;
		text-overflow:ellipsis !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla tr:first-child td#titulo{
		grid-column:1 / -1 !important;
		padding:14px 10px !important;
		font-size:18px !important;
		white-space:normal !important;
		overflow:visible !important;
		text-overflow:clip !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla tr:nth-child(2) td{
		background:#f8fbff !important;
		color:#52617a !important;
		font-size:9px !important;
		text-transform:uppercase !important;
	}

body.resultados-page #tabla_clasif table.clasificacion-real-tabla td:nth-child(11n + 3){
	justify-content:flex-start !important;
	text-align:left !important;
}

/* Clasificacion real mobile: override final y aislado */
@media(max-width:760px){
	body.resultados-page #tabla_clasif{
		width:calc(100vw - 20px) !important;
		margin:24px 10px 34px !important;
		padding:0 !important;
		overflow:hidden !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla{
		display:grid !important;
		width:100% !important;
		min-width:0 !important;
		grid-template-columns:28px 42px minmax(88px, 1.8fr) repeat(8, minmax(24px, .7fr)) !important;
		border-collapse:separate !important;
		border-spacing:0 !important;
		table-layout:auto !important;
		background:#fff !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla colgroup{
		display:none !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla tbody,
	body.resultados-page #tabla_clasif table.clasificacion-real-tabla tr{
		display:contents !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla td{
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
		grid-column:auto !important;
		grid-row:auto !important;
		width:auto !important;
		min-width:0 !important;
		height:auto !important;
		margin:0 !important;
		padding:10px 2px !important;
		border:0 !important;
		border-bottom:1px solid #edf1f7 !important;
		background:#fff !important;
		color:#071f5f !important;
		font-size:11px !important;
		font-weight:900 !important;
		line-height:1.1 !important;
		text-align:center !important;
		white-space:nowrap !important;
		overflow:hidden !important;
		text-overflow:ellipsis !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla tr:first-child td#titulo{
		grid-column:1 / -1 !important;
		padding:14px 10px !important;
		font-size:18px !important;
		white-space:normal !important;
		overflow:visible !important;
		text-overflow:clip !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla tr:nth-child(2) td{
		background:#f8fbff !important;
		color:#52617a !important;
		font-size:9px !important;
		text-transform:uppercase !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla td:nth-child(3){
		justify-content:flex-start !important;
		text-align:left !important;
	}

body.resultados-page #tabla_clasif table.clasificacion-real-tabla img{
		display:block !important;
		width:24px !important;
		height:24px !important;
		min-width:24px !important;
		max-width:24px !important;
		min-height:24px !important;
		max-height:24px !important;
		margin:0 auto !important;
		border-radius:50% !important;
		object-fit:cover !important;
	}
}

/* Clasificacion real movil definitiva: usar solo la version nueva */
@media(max-width:760px){
	body.resultados-page #tabla_clasif{
		display:none !important;
	}

	body.resultados-page .clasificacion-real-mobile{
		display:block !important;
	}
}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla img{
		display:block !important;
		width:24px !important;
		height:24px !important;
		min-width:24px !important;
		max-width:24px !important;
		min-height:24px !important;
		max-height:24px !important;
		margin:0 auto !important;
		border-radius:50% !important;
		object-fit:cover !important;
	}
}

/* Clasificacion real movil definitiva: usar solo la version nueva */
@media(max-width:760px){
	body.resultados-page #tabla_clasif{
		display:none !important;
	}

	body.resultados-page .clasificacion-real-mobile{
		display:block !important;
	}
}
body.clasificacion-page #partidos table tr #goles{
	padding:0 !important;
	background:transparent;
	color:#071f5f;
	font-size:16px;
	font-weight:900;
	line-height:1;
	white-space:nowrap !important;
	overflow-wrap:normal !important;
	word-break:keep-all !important;
}

#verusuario{
	padding:16px;
}

.resultados-page #verusuario{
	padding-top:0;
}

.resultados-page #verusuario #grupo table{
	border-spacing:0 8px !important;
}

#verusuario #nombrepuntos{
	width:100% !important;
	height:auto !important;
	margin:0 0 12px !important;
	padding:0 !important;
	background:transparent !important;
}

#verusuario #nombreg{
	width:100% !important;
	height:auto !important;
	padding:12px 16px;
	background:linear-gradient(90deg,rgba(8,31,92,.08),rgba(245,189,25,.14)) !important;
	border-radius:8px;
	text-align:center;
}

#verusuario #grupo{
	width:100% !important;
}

#verusuario #grupo table tr #tiempo,
#octavos table tr #tiempo,
#cuartos table tr #tiempo,
#semis table tr #tiempo,
#final table tr #tiempo,
#octavos_cuartos_semis table tr #tiempo{
	width:auto !important;
	min-width:72px;
	color:var(--wc-blue) !important;
	font-weight:900 !important;
}

#verusuario #grupo table tr #vs,
#octavos table tr #vs,
#cuartos table tr #vs,
#semis table tr #vs,
#final table tr #vs,
#octavos_cuartos_semis table tr #vs{
	color:var(--wc-red) !important;
	font-weight:900;
}

.resultados-page #verusuario #grupo table tr #vs,
.resultados-page #octavos_cuartos_semis table tr #vs{
	color:#000 !important;
	font-size:20px;
	font-weight:900;
}

.resultados-page #verusuario #grupo table tr #vs .examinar-link{
	color:#fff !important;
	font-size:12px;
	font-weight:800;
}

#verusuario #grupo table tr td[style*="background-color:#B8FFA0"],
#octavos_cuartos_semis table tr td[style*="background-color:#B8FFA0"]{
	background:rgba(0,168,89,.13) !important;
	box-shadow:inset 0 0 0 1px rgba(0,168,89,.28);
}

#verusuario #grupo table tr td[style*="background-color:#FFA0A0"],
#octavos_cuartos_semis table tr td[style*="background-color:#FFA0A0"]{
	background:rgba(225,37,47,.12) !important;
	box-shadow:inset 0 0 0 1px rgba(225,37,47,.24);
}

#clasificacion_grupos{
	overflow-x:auto;
	padding:14px;
}

#clasificacion_grupos table{
	min-width:640px;
}

#clasificacion_grupos table tr #fondo{
	background:rgba(0,168,89,.13) !important;
}

#clasificacion_grupos table tr #fondotercero{
	background:rgba(245,189,25,.22) !important;
}

#clasificacion_grupos table tr #fondocuarto{
	background:rgba(225,37,47,.10) !important;
}

#clasificacion_grupos table tr .clasificacion-posicion{
	position:relative;
	width:58px;
	background:#fff !important;
	color:#001845;
	padding:15px 10px 15px 16px !important;
	border-left:5px solid transparent;
}

#clasificacion_grupos table tr .clasificacion-posicion.ranking-primero{
	border-left-color:#16a34a;
}

#clasificacion_grupos table tr .clasificacion-posicion.ranking-segundo{
	border-left-color:#84cc16;
}

#clasificacion_grupos table tr .clasificacion-posicion.ranking-tercero{
	border-left-color:#facc15;
}

#octavos,
#cuartos,
#semis,
#final,
#ganador,
#octavos_cuartos_semis{
	padding:14px;
	overflow:hidden;
}

@media(max-width:760px){
	html,
	body{
		background:#fff;
	}

	body{
		padding-bottom:84px;
		background:
			linear-gradient(160deg, rgba(8,31,92,.12), rgba(255,255,255,0) 42%),
			linear-gradient(25deg, rgba(0,168,89,.08), rgba(245,189,25,.08) 54%, rgba(225,37,47,.05)),
			#f4f7fb;
	}

	#separate{
		height:112px !important;
	}

	#cabecera1080{
		display:none !important;
	}

	#cabecera{
		display:flex !important;
		align-items:center;
		justify-content:center;
		position:fixed !important;
		top:-80px;
		left:0;
		right:0;
		z-index:10001;
		width:100% !important;
		height:184px !important;
		padding-top:80px !important;
		background:#fff !important;
		border-bottom:1px solid var(--wc-line);
		box-shadow:0 10px 20px rgba(7,17,38,.08);
		backdrop-filter:none;
		overflow:hidden !important;
	}

	#cabecera img{
		width:auto !important;
		height:76px !important;
		padding:0 !important;
		object-fit:contain !important;
		transform:none !important;
	}

	#menu_movil{
		display:block !important;
		position:fixed !important;
		left:0;
		right:0;
		bottom:var(--menu-movil-bottom, 0px);
		width:auto !important;
		height:auto !important;
		border:1px solid rgba(8,31,92,.16);
		border-radius:8px 8px 0 0;
		background:rgba(255,255,255,.94) !important;
		box-shadow:0 16px 34px rgba(7,17,38,.20);
		backdrop-filter:blur(14px);
		z-index:10000;
		overflow:visible;
		padding:8px;
	}

	#menu_movil::after{
		content:"";
		position:absolute;
		left:0;
		right:0;
		bottom:-180px;
		height:180px;
		background:linear-gradient(90deg, #071f5f 0%, #174fc3 100%);
		pointer-events:none;
	}

	html.chrome-ios #menu_movil{
		transform:translateY(var(--menu-movil-shift, 0px)) !important;
		will-change:transform;
	}

	html.chrome-ios,
	html.chrome-ios body{
		overflow-x:hidden !important;
	}

	#menu_movil #menu_movil_tabla{
		width:100% !important;
		height:auto !important;
		border-spacing:0 !important;
	}

	#menu_movil #menu_movil_tabla tr{
		display:grid;
		grid-template-columns:repeat(4, 1fr);
	}

	#menu_movil #menu_movil_tabla tr td{
		display:flex;
		align-items:center;
		justify-content:center;
		width:auto !important;
		height:64px !important;
		padding:4px 2px !important;
		font-size:11px !important;
		font-weight:800;
		color:var(--wc-blue);
		border:0 !important;
	}

	#menu_movil #menu_movil_tabla tr td a{
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		gap:3px;
		width:100%;
		height:100%;
		color:inherit !important;
		font-size:11px !important;
	}

	#menu_movil #menu_movil_tabla tr td img{
		width:22px !important;
		height:22px !important;
		object-fit:contain;
	}

	#menu_movil #menu_movil_tabla tr #select{
		background:var(--wc-blue) !important;
		color:#fff !important;
		border-radius:7px;
	}

	#pad_menu_movil{
		display:block !important;
		height:92px !important;
	}

	#nombregrupoclas,
	#bienvenida,
	#puntuacion,
	#formulario,
	#tabla,
	#partidos,
	#verusuario,
	#clasificacion_grupos,
	#octavos,
	#cuartos,
	#semis,
	#final,
	#ganador,
	#octavos_cuartos_semis,
	#verresultadousuario{
		width:calc(100vw - 20px) !important;
		margin-left:10px !important;
		margin-right:10px !important;
	}

	#formulario{
		padding:0 10px 18px !important;
		background:rgba(255,255,255,.94) !important;
		border:1px solid var(--wc-line) !important;
		border-radius:8px;
		box-shadow:var(--wc-shadow);
		overflow:hidden;
	}

	#nombregrupoclas{
		font-size:24px !important;
		padding:14px;
	}

	#bienvenida,
	#puntuacion,
	#partidos,
	#verusuario,
	#octavos,
	#cuartos,
	#semis,
	#final,
	#ganador,
	#octavos_cuartos_semis{
		padding:12px;
	}

	body.unirsegrupopronosticoinvitado-page #bienvenida{
		color:#071126 !important;
		margin-top:24px !important;
		padding-top:22px !important;
	}

	body.introducirfaseclasificatorio-page #bienvenida{
		color:#071126 !important;
	}

	.resultados-page #verusuario{
		padding-top:0;
	}

	#puntuacion table{
		display:block;
		overflow:hidden;
	}

	#puntuacion table tr{
		display:grid;
		grid-template-columns:minmax(0, 1fr) 34px;
		gap:8px;
		padding:8px 0;
	}

	#puntuacion table tr td{
		padding:4px !important;
	}

	#puntuacion #tablafase tr #contpunt{
		width:34px !important;
		justify-self:end !important;
		text-align:right !important;
	}

	#formulario table{
		border:0 !important;
		border-spacing:0 !important;
		margin-top:0 !important;
	}

	#formulario table tr{
		display:grid;
		grid-template-columns:minmax(0, 1fr) 72px minmax(0, 1fr);
		align-items:center;
		gap:6px;
		padding:10px 6px;
	}

	#formulario table tr:has(#grupo){
		display:block;
		padding:0;
		background:transparent;
		box-shadow:none;
		margin-top:0;
	}

	#formulario table tr.match-meta{
		display:block;
		padding:0;
		background:transparent;
		box-shadow:none;
	}

	#formulario table tr.pronostico-cabecera{
		display:none;
	}

	#nombre_grupo{
		width:100% !important;
		margin:0 auto !important;
		padding:16px 14px !important;
		font-size:20px !important;
		border-bottom-left-radius:0 !important;
		border-bottom-right-radius:0 !important;
		border:0 !important;
		box-shadow:none;
	}

	#inputnombregrupo{
		width:100%;
		max-width:280px;
		height:44px;
	}

	#formulario table tr.pronostico-separador{
		display:block;
		padding:24px 0 16px;
		background:linear-gradient(90deg,transparent,rgba(14,79,195,.38),transparent) !important;
		border-top:2px solid var(--wc-blue-2);
		box-shadow:none;
	}

	#formulario table tr.pronostico-separador td{
		display:block;
		padding:0 !important;
		height:0;
	}

	#formulario table tr.pronostico-partido{
		display:grid;
		grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);
		gap:8px;
		padding:12px 8px 14px;
	}

	#formulario table tr #grupo{
		display:block;
		width:100%;
		border:0 !important;
		border-top-left-radius:0 !important;
		border-top-right-radius:0 !important;
	}

	#formulario table tr #partido_meta{
		display:block;
		width:100%;
		font-size:12px;
	}

	#sedes_grupo{
		width:calc(100% - 20px);
		margin:14px auto 8px;
		border-radius:14px;
	}

	#sedes_titulo{
		font-size:14px;
		padding:12px 10px;
	}

	.sede_partido{
		grid-template-columns:68px minmax(0,1fr);
		gap:8px;
		padding:12px 10px;
	}

	.sede_fecha{
		font-size:11px;
	}

	.sede_fecha strong{
		font-size:13px;
	}

	.sede_equipos{
		font-size:14px;
		text-align:left;
	}

	.sede_equipos span{
		display:inline-block;
		margin:0 5px;
	}

	.sede_lugar{
		grid-column:1 / -1;
		padding-left:76px;
		font-size:12px;
		text-align:left;
	}

	.sede_lugar small{
		font-size:11px;
	}

	#formulario table tr td{
		display:block;
		width:auto !important;
		padding:8px 4px !important;
		text-align:center;
		font-size:13px;
		overflow-wrap:anywhere;
	}

	#formulario table tr.pronostico-separador td{
		padding:0 !important;
		height:0;
	}

	#formulario table tr.pronostico-partido .pronostico-hora,
	#formulario table tr.pronostico-partido .pronostico-numero,
	#formulario table tr.pronostico-partido .pronostico-grupo,
	#formulario table tr.pronostico-partido .pronostico-fecha,
	#formulario table tr.pronostico-partido .pronostico-sede{
		display:none !important;
	}

	#formulario table tr.pronostico-partido .pronostico-meta-movil{
		display:block;
		grid-column:1 / -1;
		grid-row:1;
		text-align:left;
		background:rgba(8,31,92,.06);
		border-radius:8px;
		padding:9px 8px !important;
		color:var(--wc-blue);
		font-size:12px;
		font-weight:900;
	}

	#formulario table tr.pronostico-partido .pronostico-equipo{
		grid-row:2;
		min-width:0;
	}

	#formulario table tr.pronostico-partido .pronostico-local{
		grid-column:1;
	}

	#formulario table tr.pronostico-partido .pronostico-select{
		grid-column:2;
		grid-row:2;
	}

	#formulario table tr.pronostico-partido .pronostico-select .pronostico-cerrado{
		min-width:58px;
		min-height:36px;
		padding:0 7px;
		font-size:10px;
		line-height:1;
		white-space:nowrap;
	}

	#formulario table tr.pronostico-partido .pronostico-visitante{
		grid-column:3;
	}

	#formulario table tr td img{
		width:34px !important;
		max-width:34px !important;
		height:34px !important;
		margin-top:5px;
	}

	#select-css{
		width:64px !important;
		min-height:46px !important;
		padding:0 10px !important;
	}

	#tablagruposoctavos #select-css,
	#tablagoleadores #select-css{
		width:100% !important;
		min-width:0;
	}

	#continuar{
		position:static;
		width:calc(100vw - 32px) !important;
		margin:24px auto 28px !important;
	}

	#formulario table.tabla-extra-pronostico{
		width:100% !important;
		margin:16px 0 !important;
		border-spacing:0 8px !important;
	}

	#formulario table.tabla-extra-pronostico tr:not(:first-child){
		display:grid !important;
		grid-template-columns:minmax(0, 1fr) minmax(118px, 46%);
		align-items:center;
		gap:10px;
		padding:12px !important;
		background:linear-gradient(90deg, #d9ecff 0, #eef7ff 48%, #f6fbff 100%) !important;
		border:1px solid rgba(23,84,168,.28);
		border-left:6px solid #2f7ed8;
		border-radius:8px;
		box-shadow:0 6px 14px rgba(8,31,92,.08);
	}

	#formulario table.tabla-extra-pronostico tr:not(:first-child) td{
		display:block !important;
		width:auto !important;
		min-width:0;
		padding:0 !important;
		border:0 !important;
		background:transparent !important;
		box-shadow:none !important;
		text-align:left;
	}

	#formulario table.tabla-extra-pronostico tr:not(:first-child) td:first-child{
		border:0 !important;
		border-radius:0 !important;
		color:var(--wc-blue);
		font-size:13px;
		font-weight:900;
		line-height:1.25;
	}

	#formulario table.tabla-extra-pronostico tr:not(:first-child) td:last-child{
		border:0 !important;
		border-radius:0 !important;
	}

	#formulario table.tabla-extra-pronostico select,
	#formulario table.tabla-extra-pronostico input{
		width:100% !important;
		min-width:0 !important;
		height:48px !important;
		padding:0 10px !important;
		font-size:13px !important;
		text-align:left;
		text-align-last:left;
	}

	#tabla table{
		border-spacing:0 8px !important;
	}

	#tabla table tr{
		display:grid;
		grid-template-columns:44px 50px minmax(0,1fr) 54px;
		align-items:center;
	}

	#tabla table tr td{
		width:auto !important;
		padding:9px 6px !important;
		font-size:14px;
		overflow-wrap:anywhere;
	}

	#partidos table tr{
		display:grid;
		grid-template-columns:1fr 48px 1fr;
		align-items:center;
	}

	#partidos table tr td{
		width:auto !important;
		padding:8px 4px !important;
		font-size:13px;
		overflow-wrap:anywhere;
	}

	#verusuario #grupo table{
		border-spacing:0 10px !important;
	}

	#verusuario #grupo table tr{
		display:grid;
		grid-template-columns:62px minmax(0,1fr) 58px minmax(0,1fr);
		align-items:center;
		gap:4px;
		padding:8px 4px;
	}

	#verusuario #grupo table tr:has(#nombregrupo){
		display:block;
		padding:0;
		background:transparent;
		box-shadow:none;
	}

	#verusuario #grupo table tr #nombregrupo{
		display:block;
		width:100%;
	}

	#verusuario #grupo table tr td{
		width:auto !important;
		padding:7px 3px !important;
		font-size:12px;
		text-align:center;
		overflow-wrap:anywhere;
	}

	#verusuario #grupo table tr #tiempo{
		min-width:0;
		font-size:12px;
	}

	#verusuario #grupo table tr #vs{
		font-size:13px;
	}

	.resultados-page #verusuario #grupo table tr #vs,
	.resultados-page #octavos_cuartos_semis table tr #vs{
		color:#000 !important;
		font-size:18px;
	}

	#verusuario #grupo table tr #vs a{
		display:inline-block;
		margin-top:4px;
		padding:4px 7px;
		border-radius:8px;
		background:rgba(8,31,92,.08);
		color:var(--wc-blue);
		font-size:10px !important;
	}

	.resultados-page #verusuario #grupo table tr #vs .examinar-link{
		color:var(--wc-blue) !important;
		font-size:10px !important;
	}

	#verusuario #grupo table tr td img,
	#partidos table tr td #bandera,
	img#bandera{
		width:26px !important;
		max-width:26px !important;
		height:26px !important;
	}

	#clasificacion_grupos{
		padding:10px;
	}

	#clasificacion_grupos table tr td{
		padding:9px 8px !important;
		font-size:13px;
	}

	#octavos table tr,
	#cuartos table tr,
	#semis table tr,
	#final table tr,
	#octavos_cuartos_semis table tr{
		display:grid;
		grid-template-columns:62px minmax(0,1fr) 58px minmax(0,1fr);
		align-items:center;
		gap:4px;
		padding:8px 4px;
	}

	#octavos table tr td,
	#cuartos table tr td,
	#semis table tr td,
	#final table tr td,
	#octavos_cuartos_semis table tr td{
		width:auto !important;
		padding:7px 3px !important;
		font-size:12px;
		text-align:center;
		overflow-wrap:anywhere;
	}
}

@media(max-width:380px){
	#formulario table tr{
		grid-template-columns:minmax(0, 1fr) 58px minmax(0, 1fr);
	}

	#formulario table tr.pronostico-partido{
		grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);
	}

	#verusuario #grupo table tr,
	#octavos table tr,
	#cuartos table tr,
	#semis table tr,
	#final table tr,
	#octavos_cuartos_semis table tr{
		grid-template-columns:54px minmax(0,1fr) 46px minmax(0,1fr);
	}

	#menu_movil #menu_movil_tabla tr td a{
		font-size:10px !important;
	}
}



/* Clasificacion prevista: indicador lateral claro por posicion */
#clasificacion_grupos table tr td.clasificacion-posicion{
	width:72px !important;
	min-width:72px !important;
	position:relative;
	padding:14px 12px 14px 20px !important;
	text-align:center !important;
	font-weight:800 !important;
	background:#fff !important;
	border-left:0 !important;
	box-shadow:inset 6px 0 0 transparent, inset 0 0 0 1px rgba(8,31,92,.05) !important;
}

#clasificacion_grupos table tr td.clasificacion-posicion.ranking-primero{
	color:#0f8a3b !important;
	background:linear-gradient(90deg, rgba(22,163,74,.18), #fff 58%) !important;
	box-shadow:inset 6px 0 0 #16a34a, inset 0 0 0 1px rgba(22,163,74,.14) !important;
}

#clasificacion_grupos table tr td.clasificacion-posicion.ranking-segundo{
	color:#4d7c0f !important;
	background:linear-gradient(90deg, rgba(132,204,22,.18), #fff 58%) !important;
	box-shadow:inset 6px 0 0 #84cc16, inset 0 0 0 1px rgba(132,204,22,.16) !important;
}

#clasificacion_grupos table tr td.clasificacion-posicion.ranking-tercero{
	color:#a16207 !important;
	background:linear-gradient(90deg, rgba(250,204,21,.24), #fff 58%) !important;
	box-shadow:inset 6px 0 0 #facc15, inset 0 0 0 1px rgba(250,204,21,.2) !important;
}

#clasificacion_grupos table tr td.clasificacion-posicion.ranking-resto{
	color:#64748b !important;
	background:#f8fafc !important;
	box-shadow:inset 6px 0 0 #d7dee8, inset 0 0 0 1px rgba(100,116,139,.10) !important;
}

/* Clasificacion prevista de grupos: 12 grupos en 3 filas de 4 */
#clasificacion_grupos.clasificacion-prevista-grid{
	display:grid !important;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:16px !important;
	width:100% !important;
	max-width:1500px;
	margin:0 auto 22px auto !important;
	padding:18px !important;
	overflow:visible !important;
	background:#f3f7fb !important;
	color:#001845 !important;
	box-sizing:border-box;
}

#clasificacion_grupos.clasificacion-prevista-grid table{
	width:100% !important;
	min-width:0 !important;
	margin:0 !important;
	border-collapse:separate !important;
	border-spacing:0 !important;
	background:#fff;
	border:1px solid rgba(8,31,92,.10);
	border-radius:8px;
	overflow:hidden;
	box-shadow:0 8px 20px rgba(8,31,92,.08);
}

#clasificacion_grupos.clasificacion-prevista-grid table tr #titulo{
	padding:10px 8px !important;
	border-radius:0 !important;
	font-size:15px !important;
	letter-spacing:0 !important;
}

#clasificacion_grupos.clasificacion-prevista-grid table tr td{
	padding:10px 8px !important;
	border-bottom:1px solid rgba(8,31,92,.08) !important;
	font-size:14px !important;
}

#clasificacion_grupos.clasificacion-prevista-grid table tr:last-child td{
	border-bottom:0 !important;
}

#clasificacion_grupos.clasificacion-prevista-grid table tr #nombre{
	width:auto !important;
	padding-left:8px !important;
	font-size:15px !important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#clasificacion_grupos.clasificacion-prevista-grid table tr #pts{
	width:54px !important;
	font-size:13px !important;
	white-space:nowrap;
}

#clasificacion_grupos.clasificacion-prevista-grid table tr td img{
	width:24px !important;
	max-width:24px !important;
	height:24px !important;
	margin-right:7px !important;
	object-fit:cover;
}

#clasificacion_grupos.clasificacion-prevista-grid table tr td.clasificacion-posicion{
	width:42px !important;
	min-width:42px !important;
	padding:10px 7px 10px 12px !important;
}

@media(max-width:1100px){
	#clasificacion_grupos.clasificacion-prevista-grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media(max-width:640px){
	#clasificacion_grupos.clasificacion-prevista-grid{
		grid-template-columns:1fr;
		padding:10px !important;
		gap:12px !important;
	}
}

/* Eliminatorias: partidos en dos columnas */
#formulario table.tabla-eliminatoria-doble{
	display:grid !important;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	column-gap:34px !important;
	row-gap:12px !important;
	width:100% !important;
	max-width:1500px;
	margin:18px auto !important;
	border-collapse:separate !important;
	background:transparent !important;
}

#formulario table.tabla-eliminatoria-doble tbody{
	display:contents !important;
}

#formulario table.tabla-eliminatoria-doble tr:first-child{
	display:block !important;
	grid-column:1 / -1;
	width:100% !important;
}

#formulario table.tabla-eliminatoria-doble tr:first-child td{
	display:block !important;
	width:100% !important;
	box-sizing:border-box;
}

#formulario table.tabla-eliminatoria-doble tr.partido-eliminatoria{
	display:grid !important;
	grid-template-columns:96px minmax(0, 1fr) 38px minmax(0, 1fr);
	align-items:center;
	gap:8px;
	width:100% !important;
	box-sizing:border-box;
	padding:10px !important;
	background:linear-gradient(90deg, #d9ecff 0, #eef7ff 42%, #f6fbff 100%) !important;
	border:1px solid rgba(23,84,168,.34);
	border-left:6px solid #2f7ed8;
	border-radius:8px;
	box-shadow:0 8px 18px rgba(8,31,92,.11);
}

#formulario:has(.tabla-eliminatoria-doble){
	width:100% !important;
	max-width:1500px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	box-sizing:border-box;
}

#formulario.formulario-cuadro-mundial{
	width:100% !important;
	max-width:1500px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	box-sizing:border-box;
}

#formulario table.tabla-eliminatoria-doble tr.partido-eliminatoria td{
	display:block !important;
	width:auto !important;
	padding:0 !important;
	border:0 !important;
	background:transparent !important;
	box-sizing:border-box;
}

#formulario table.tabla-eliminatoria-doble tr.partido-eliminatoria td#seleccion{
	text-align:center !important;
	font-size:13px !important;
	line-height:1.25;
	color:#001845;
}

#formulario table.tabla-eliminatoria-doble tr.partido-eliminatoria td:nth-child(3){
	font-weight:800;
	color:#001845;
}

#formulario table.tabla-eliminatoria-doble tr.partido-eliminatoria select{
	background:#ffffff !important;
	border-color:rgba(23,84,168,.42) !important;
	box-shadow:inset 0 0 0 1px rgba(23,84,168,.08), 0 2px 5px rgba(8,31,92,.08) !important;
	width:100% !important;
	min-width:0 !important;
}

#formulario table.tabla-eliminatoria-doble tr.partido-eliminatoria .cuadro-equipo-bloqueado{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:64px;
	padding:8px 10px;
	box-sizing:border-box;
	background:#eef5ff;
	border:1px solid rgba(23,84,168,.28);
	border-left:5px solid #11a36a;
	border-radius:8px;
	color:#061c5d;
	font-size:18px;
	font-weight:800;
	line-height:1.08;
	text-align:center;
	overflow-wrap:normal;
	word-break:normal;
}

#formulario table.tabla-extra-pronostico{
	width:100% !important;
	max-width:1500px;
	margin:18px auto !important;
	border-collapse:separate !important;
	border-spacing:0 10px !important;
	background:transparent !important;
}

#formulario table.tabla-extra-pronostico tr:not(:first-child){
	background:linear-gradient(90deg, #d9ecff 0, #eef7ff 42%, #f6fbff 100%) !important;
	box-shadow:0 8px 18px rgba(8,31,92,.11);
}

#formulario table.tabla-extra-pronostico tr:not(:first-child) td{
	background:transparent !important;
	border-top:1px solid rgba(23,84,168,.34) !important;
	border-bottom:1px solid rgba(23,84,168,.34) !important;
	padding:12px !important;
}

#formulario table.tabla-extra-pronostico tr:not(:first-child) td:first-child{
	border-left:6px solid #2f7ed8 !important;
	border-radius:8px 0 0 8px;
}

#formulario table.tabla-extra-pronostico tr:not(:first-child) td:last-child{
	border-right:1px solid rgba(23,84,168,.34) !important;
	border-radius:0 8px 8px 0;
}

#formulario table.tabla-extra-pronostico select,
#formulario table.tabla-extra-pronostico input{
	background:#ffffff !important;
	border-color:rgba(23,84,168,.42) !important;
	box-shadow:inset 0 0 0 1px rgba(23,84,168,.08), 0 2px 5px rgba(8,31,92,.08) !important;
}

#formulario table.tabla-extra-pronostico.tabla-campeon tr:not(:first-child){
	display:grid !important;
	grid-template-columns:1fr;
	justify-items:center;
	align-items:center;
	gap:10px;
	max-width:620px;
	margin:0 auto;
	padding:18px 22px !important;
}

#formulario table.tabla-extra-pronostico.tabla-campeon tr:not(:first-child) td{
	display:block !important;
	width:100% !important;
	box-sizing:border-box;
	border-left:0 !important;
	border-right:0 !important;
	border-radius:0 !important;
	padding:0 !important;
}

#formulario table.tabla-extra-pronostico.tabla-campeon tr:not(:first-child) td#seleccioncampeon{
	font-weight:800;
	color:#001845;
	text-align:center !important;
	white-space:nowrap;
	font-size:18px;
}

#formulario table.tabla-extra-pronostico.tabla-campeon select{
	display:block;
	width:100% !important;
	max-width:430px;
	min-width:0 !important;
	margin:0 auto;
	text-align:center;
}

@media(max-width:760px){
	#formulario table.tabla-extra-pronostico{
		width:100% !important;
		margin:16px 0 !important;
		border-spacing:0 8px !important;
	}

	#formulario table.tabla-extra-pronostico tr:not(:first-child),
	#formulario table.tabla-extra-pronostico.tabla-campeon tr:not(:first-child){
		display:grid !important;
		grid-template-columns:minmax(0, 1fr) minmax(118px, 46%) !important;
		align-items:center;
		justify-items:stretch;
		gap:10px;
		max-width:none;
		margin:0 !important;
		padding:12px !important;
		background:linear-gradient(90deg, #d9ecff 0, #eef7ff 48%, #f6fbff 100%) !important;
		border:1px solid rgba(23,84,168,.28);
		border-left:6px solid #2f7ed8;
		border-radius:8px;
		box-shadow:0 6px 14px rgba(8,31,92,.08);
	}

	#formulario table.tabla-extra-pronostico tr:not(:first-child) td,
	#formulario table.tabla-extra-pronostico.tabla-campeon tr:not(:first-child) td,
	#formulario table.tabla-extra-pronostico.tabla-campeon tr:not(:first-child) td#seleccioncampeon{
		display:block !important;
		width:auto !important;
		min-width:0;
		padding:0 !important;
		border:0 !important;
		border-radius:0 !important;
		background:transparent !important;
		box-shadow:none !important;
		text-align:left !important;
		white-space:normal;
	}

	#formulario table.tabla-extra-pronostico tr:not(:first-child) td:first-child,
	#formulario table.tabla-extra-pronostico tr:not(:first-child) td:last-child{
		border:0 !important;
		border-left:0 !important;
		border-right:0 !important;
		border-top:0 !important;
		border-bottom:0 !important;
		box-shadow:none !important;
	}

	#formulario table.tabla-extra-pronostico tr:not(:first-child) td:first-child{
		color:var(--wc-blue);
		font-size:13px;
		font-weight:900;
		line-height:1.25;
	}

	#formulario table.tabla-extra-pronostico select,
	#formulario table.tabla-extra-pronostico input{
		width:100% !important;
		max-width:none !important;
		min-width:0 !important;
		height:48px !important;
		padding:0 10px !important;
		font-size:13px !important;
		text-align:left;
		text-align-last:left;
	}
}

/* Fondo suave inspirado en la identidad visual del Mundial 2026 */
body{
	background-color:#eef5f8 !important;
	background-image:
		linear-gradient(180deg, rgba(255,255,255,.44), rgba(238,245,248,.76)),
		repeating-radial-gradient(ellipse 760px 430px at -130px 110px, transparent 0 54px, rgba(225,37,47,.28) 56px 88px, transparent 90px 118px, rgba(14,79,195,.24) 120px 154px, transparent 156px 188px, rgba(148,214,0,.22) 190px 220px, transparent 222px 252px),
		repeating-radial-gradient(ellipse 780px 430px at calc(100% + 130px) 260px, transparent 0 58px, rgba(245,189,25,.25) 60px 92px, transparent 94px 124px, rgba(0,168,89,.24) 126px 158px, transparent 160px 194px, rgba(225,37,47,.22) 196px 226px, transparent 228px 260px),
		linear-gradient(135deg, rgba(225,37,47,.12) 0 12%, transparent 12% 28%, rgba(14,79,195,.13) 28% 41%, transparent 41% 62%, rgba(0,168,89,.11) 62% 74%, transparent 74%),
		#eef5f8 !important;
	background-attachment:fixed;
	background-size:auto, auto, auto, 760px 760px, auto;
}

html{
	background:#eef5f8 !important;
}

body{
	background-color:#eef5f8 !important;
	background-image:
		linear-gradient(180deg, rgba(255,255,255,.42), rgba(238,245,248,.70)),
		repeating-radial-gradient(ellipse 920px 520px at 50% -180px,
			rgba(225,37,47,.28) 0 34px,
			rgba(225,37,47,0) 36px 70px,
			rgba(14,79,195,.24) 72px 108px,
			rgba(14,79,195,0) 110px 144px,
			rgba(176,225,0,.24) 146px 184px,
			rgba(176,225,0,0) 186px 222px,
			rgba(245,189,25,.22) 224px 260px,
			rgba(245,189,25,0) 262px 304px),
		repeating-radial-gradient(ellipse 980px 560px at 50% calc(100% + 220px),
			rgba(14,79,195,.22) 0 42px,
			rgba(14,79,195,0) 44px 82px,
			rgba(225,37,47,.24) 84px 124px,
			rgba(225,37,47,0) 126px 164px,
			rgba(0,168,89,.22) 166px 206px,
			rgba(0,168,89,0) 208px 248px),
		repeating-linear-gradient(135deg,
			rgba(225,37,47,.12) 0 42px,
			rgba(225,37,47,0) 42px 88px,
			rgba(14,79,195,.11) 88px 130px,
			rgba(14,79,195,0) 130px 178px,
			rgba(0,168,89,.10) 178px 220px,
			rgba(0,168,89,0) 220px 268px,
			rgba(245,189,25,.10) 268px 310px,
			rgba(245,189,25,0) 310px 360px),
		#eef5f8 !important;
	background-attachment:fixed;
	background-size:auto, auto, auto, 980px 980px, auto;
}

body{
	position:relative;
}

body > *{
	position:relative;
	z-index:1;
}

body::after{
	content:"26";
	position:fixed;
	inset:0;
	z-index:0;
	pointer-events:none;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	font-family:Impact, Haettenschweiler, "Arial Black", sans-serif;
	font-size:min(68vw, 980px);
	font-weight:900;
	line-height:.78;
	letter-spacing:-.08em;
	color:rgba(9,45,150,.18);
	text-shadow:
		0 0 0 rgba(255,255,255,.70),
		46px 34px 0 rgba(255,95,0,.16),
		-34px -26px 0 rgba(0,168,89,.14);
	background:
		linear-gradient(180deg, rgba(255,255,255,.50), rgba(238,245,248,.76)),
		repeating-radial-gradient(ellipse 880px 560px at 50% 48%,
			transparent 0 92px,
			rgba(14,79,195,.30) 94px 132px,
			rgba(0,168,89,.26) 134px 172px,
			rgba(176,225,0,.25) 174px 212px,
			rgba(255,112,0,.24) 214px 252px,
			rgba(96,72,210,.20) 254px 292px,
			transparent 294px 340px),
		repeating-radial-gradient(ellipse 720px 420px at -8% 24%,
			transparent 0 56px,
			rgba(255,112,0,.28) 58px 92px,
			rgba(14,79,195,.28) 94px 128px,
			rgba(0,168,89,.23) 130px 164px,
			rgba(96,72,210,.21) 166px 202px,
			transparent 204px 252px),
		repeating-radial-gradient(ellipse 740px 430px at 108% 28%,
			transparent 0 60px,
			rgba(176,225,0,.26) 62px 96px,
			rgba(255,112,0,.24) 98px 132px,
			rgba(14,79,195,.27) 134px 170px,
			rgba(0,168,89,.22) 172px 208px,
			transparent 210px 260px),
		repeating-radial-gradient(ellipse 900px 390px at 50% 115%,
			rgba(0,168,89,.22) 0 36px,
			rgba(14,79,195,.26) 38px 76px,
			rgba(96,72,210,.20) 78px 116px,
			rgba(255,112,0,.22) 118px 156px,
			rgba(176,225,0,.20) 158px 196px,
			transparent 198px 248px);
	opacity:1;
}

/* Index moderno */
body.index-body{
	min-height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:34px;
	background-color:#eef5f8 !important;
}

body.index-body::before{
	height:8px;
}

.index-shell{
	position:relative;
	z-index:1;
	width:min(1120px, 100%);
	display:grid;
	grid-template-columns:minmax(0, 1.08fr) minmax(360px, .92fr);
	gap:28px;
	align-items:stretch;
}

.index-hero,
body.index-body .login-wrap{
	border:1px solid rgba(255,255,255,.68);
	box-shadow:0 24px 70px rgba(7,17,38,.22);
	backdrop-filter:blur(18px);
}

.index-hero{
	min-height:620px;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	padding:148px 42px 36px;
	border-radius:22px;
	color:#fff;
	overflow:hidden;
	background:
		linear-gradient(180deg, rgba(8,31,92,.12), rgba(8,31,92,.82)),
		radial-gradient(circle at 18% 12%, rgba(245,189,25,.92), transparent 22%),
		radial-gradient(circle at 85% 18%, rgba(0,168,89,.72), transparent 28%),
		radial-gradient(circle at 62% 52%, rgba(225,37,47,.62), transparent 30%),
		linear-gradient(135deg, #0e4fc3, #081f5c);
}

.index-hero::before{
	content:"26";
	position:absolute;
	inset:auto -28px 14px auto;
	font-family:Impact, Haettenschweiler, "Arial Black", sans-serif;
	font-size:240px;
	line-height:.8;
	letter-spacing:-.08em;
	color:rgba(255,255,255,.12);
	pointer-events:none;
}

.index-logo{
	position:absolute;
	display:block !important;
	top:26px;
	left:32px;
	width:138px !important;
	margin:0 !important;
	z-index:2;
}

.index-logo img{
	display:block !important;
	width:100% !important;
	filter:drop-shadow(0 8px 18px rgba(0,0,0,.25));
}

.index-kicker{
	position:absolute;
	top:92px;
	left:190px;
	z-index:2;
	width:max-content;
	padding:7px 11px;
	border-radius:999px;
	background:rgba(255,255,255,.16);
	border:1px solid rgba(255,255,255,.28);
	font-size:13px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.index-hero h1{
	position:relative;
	max-width:650px;
	margin:18px 0 12px;
	font-size:clamp(34px, 4.5vw, 60px);
	line-height:1.04;
	letter-spacing:0;
}

.index-hero p{
	position:relative;
	max-width:580px;
	margin:0;
	color:rgba(255,255,255,.86);
	font-size:18px;
	line-height:1.5;
}

.index-highlights{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	gap:9px;
	margin-top:24px;
}

.index-highlights span{
	padding:8px 10px;
	border-radius:999px;
	background:rgba(255,255,255,.14);
	border:1px solid rgba(255,255,255,.22);
	font-size:13px;
	font-weight:700;
}

.mundial-countdown{
	position:relative;
	z-index:1;
	display:grid;
	grid-template-columns:minmax(0, 1fr) auto;
	align-items:center;
	gap:16px;
	margin-top:22px;
	padding:16px;
	border-radius:18px;
	background:rgba(255,255,255,.13);
	border:1px solid rgba(255,255,255,.26);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 12px 28px rgba(0,0,0,.16);
	backdrop-filter:blur(12px);
}

.countdown-copy{
	display:flex;
	flex-direction:column;
	gap:4px;
	min-width:0;
}

.countdown-copy span{
	color:rgba(255,255,255,.78);
	font-size:13px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.04em;
}

.countdown-copy strong{
	color:#fff;
	font-size:18px;
	line-height:1.2;
}

.countdown-grid{
	display:grid;
	grid-template-columns:repeat(4, 64px);
	gap:8px;
}

.countdown-grid div{
	min-width:0;
	padding:9px 8px;
	border-radius:13px;
	text-align:center;
	background:rgba(255,255,255,.92);
	color:#081f5c;
	box-shadow:0 8px 18px rgba(0,0,0,.14);
}

.countdown-grid strong,
.countdown-grid span{
	display:block;
}

.countdown-grid strong{
	font-size:22px;
	line-height:1;
}

.countdown-grid span{
	margin-top:4px;
	font-size:11px;
	font-weight:900;
	text-transform:uppercase;
	color:#536179;
}

body.index-body .login-wrap{
	width:100%;
	max-width:none;
	min-height:620px;
	margin:0;
	border:0;
	border-radius:22px;
	background:rgba(255,255,255,.82);
	color:var(--wc-ink);
	overflow:hidden;
}

body.index-body .login-html{
	position:relative;
	width:100%;
	height:100%;
	padding:48px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.94), rgba(238,246,255,.90)),
		radial-gradient(circle at 100% 0, rgba(245,189,25,.18), transparent 30%);
}

body.index-body .login-html .tab{
	margin:0;
	padding:11px 16px;
	border:0;
	border-radius:999px;
	color:#5b6b86;
	font-size:14px;
	font-weight:900;
	text-transform:none;
	cursor:pointer;
}

body.index-body .login-html .sign-in:checked + .tab,
body.index-body .login-html .sign-up:checked + .tab{
	color:#fff;
	background:linear-gradient(90deg, var(--wc-blue), var(--wc-blue-2));
	box-shadow:0 10px 24px rgba(14,79,195,.24);
}

body.index-body .login-form{
	min-height:330px;
	margin-top:42px;
}

body.index-body .login-html .sign-in-htm,
body.index-body .login-html .sign-up-htm{
	top:0;
}

body.index-body .login-form .group{
	margin-bottom:18px;
}

body.index-body .login-form .group .label{
	margin-bottom:8px;
	color:#40516d;
	font-size:13px;
	font-weight:800;
	text-transform:none;
}

body.index-body .login-form .group .input{
	height:54px;
	border:1px solid rgba(8,31,92,.14);
	border-radius:14px;
	background:#fff;
	color:#071126;
	box-shadow:0 8px 18px rgba(8,31,92,.07);
}

body.index-body .login-form .group .button{
	height:54px;
	margin-top:8px;
	border-radius:14px;
	background:linear-gradient(90deg, var(--wc-red), var(--wc-blue-2));
	color:#fff;
	font-weight:900;
	text-transform:none;
	cursor:pointer;
	box-shadow:0 14px 28px rgba(14,79,195,.24);
}

.google-login-row{
	display:flex;
	align-items:center;
	gap:12px;
	margin:18px 0 0;
	color:#1f2d44;
	font-size:15px;
	font-weight:800;
}

.google-login-icon-link{
	width:34px;
	height:34px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	border:1px solid rgba(8,31,92,.14);
	border-radius:10px;
	background:#fff;
	box-shadow:0 8px 18px rgba(8,31,92,.08);
}

.google-login-icon-link img{
	width:20px !important;
	height:20px !important;
	display:block;
	max-width:20px !important;
}

.creargrupo-acciones{
	width:min(720px, calc(100% - 28px));
	margin:20px auto;
	display:flex;
	justify-content:center;
	gap:14px;
	flex-wrap:wrap;
	position:relative;
	z-index:1;
}

.creargrupo-accion{
	min-width:190px;
	padding:14px 22px;
	border-radius:14px;
	text-align:center;
	font-weight:900;
	color:#fff;
	box-shadow:0 14px 28px rgba(8,31,92,.18);
	transition:transform .18s ease, box-shadow .18s ease;
}

.creargrupo-accion-principal{
	background:linear-gradient(90deg, var(--wc-blue), var(--wc-blue-2));
}

.creargrupo-accion-secundaria{
	background:linear-gradient(90deg, var(--wc-green), #0e4fc3);
}

.creargrupo-accion:hover{
	transform:translateY(-2px);
	box-shadow:0 18px 34px rgba(8,31,92,.24);
}

body.index-body #error,
body.index-body #correcto{
	margin-top:12px;
	padding:12px 14px;
	border-radius:12px;
	background:rgba(255,255,255,.72);
}

body.index-body #error{
	color:#b91c1c;
}

body.index-body #correcto{
	color:#0f7a3a;
}

.login-deadline-note{
	margin:24px 0 0;
	color:#1f2d44;
	font-size:18px;
	line-height:1.35;
}

@media(max-width:900px){
	body.index-body{
		padding:18px;
		align-items:flex-start;
	}

	.index-shell{
		grid-template-columns:1fr;
	}

	.index-hero{
		min-height:360px;
		padding:132px 24px 28px;
	}

	.index-hero::before{
		font-size:150px;
	}

	.index-logo{
		top:24px;
		left:28px;
		width:112px !important;
	}

	.index-kicker{
		top:78px;
		left:156px;
	}

	body.index-body .login-wrap{
		min-height:520px;
	}

	body.index-body .login-html{
		padding:30px 22px;
	}
}

@media(max-width:720px){
	.mundial-countdown{
		grid-template-columns:1fr;
	}

	.countdown-grid{
		grid-template-columns:repeat(4, minmax(0, 1fr));
	}
}

@media(max-width:1100px) and (max-height:620px) and (orientation:landscape){
	.index-shell{
		grid-template-columns:1fr;
	}

	.index-hero{
		min-height:430px;
		padding:112px 28px 30px;
	}

	#cabecerainicio.index-logo{
		top:22px;
		left:28px;
		width:86px !important;
	}

	.index-kicker{
		top:44px;
		left:130px;
		padding:6px 10px;
		font-size:11px;
	}

	.index-hero h1{
		margin-top:16px;
		font-size:clamp(30px, 5vw, 46px);
		max-width:820px;
	}
}

@media(max-width:480px){
	.index-hero{
		padding-top:140px;
	}

	.index-logo{
		top:26px;
		left:28px;
		width:108px !important;
	}

	.index-kicker{
		top:72px;
		left:148px;
		padding:6px 9px;
		font-size:11px;
	}

	.index-hero h1{
		font-size:34px;
	}

	.countdown-grid{
		gap:6px;
	}

	.countdown-grid div{
		padding:8px 5px;
	}

	.countdown-grid strong{
		font-size:18px;
	}
}

@media(max-width:700px){
	#formulario table.tabla-extra-pronostico.tabla-campeon tr:not(:first-child){
		grid-template-columns:1fr;
		gap:8px;
	}

	#formulario table.tabla-extra-pronostico.tabla-campeon tr:not(:first-child) td#seleccioncampeon{
		white-space:normal;
	}
}

#formulario table.tabla-eliminatoria-doble.tabla-final-centrada tr.partido-eliminatoria{
	grid-column:1 / -1;
	justify-self:center;
	width:calc((100% - 34px) / 2) !important;
}

@media(max-width:900px){
	#formulario table.tabla-eliminatoria-doble{
		grid-template-columns:1fr;
	}

#formulario table.tabla-eliminatoria-doble.tabla-final-centrada tr.partido-eliminatoria{
	width:100% !important;
	}
}

#tabla{
	width:min(1280px, calc(100% - 48px)) !important;
	margin:0 auto 28px !important;
	background:#fff !important;
	border-radius:8px !important;
	overflow:hidden !important;
	box-shadow:0 18px 38px rgba(13,32,77,.16) !important;
	border:1px solid rgba(12,31,79,.08) !important;
}

#tabla + .grupo-compartir,
#tabla + .grupo-compartir + .editar-quiniela-card{
	margin-top:28px !important;
}

#tabla table{
	width:100% !important;
	border-collapse:collapse !important;
	border-spacing:0 !important;
	background:#fff !important;
	font-family:inherit !important;
}

#tabla table tr{
	background:#fff !important;
	border-bottom:1px solid #edf1f7 !important;
}

#tabla table tr:last-child{
	border-bottom:0 !important;
}

#tabla table tr td{
	background:#fff !important;
	color:#071f5f !important;
	padding:18px 16px !important;
	font-family:inherit !important;
	font-size:18px !important;
	font-weight:800 !important;
	vertical-align:middle !important;
}

#tabla table tr td a{
	color:#071f5f !important;
	text-decoration:none !important;
	display:flex !important;
	align-items:center !important;
}

#tabla table tr #posicion{
	width:76px !important;
}

#tabla table tr #posicion #numero{
	width:42px !important;
	height:42px !important;
	min-width:42px !important;
	min-height:42px !important;
	background:#eef4ff !important;
	color:#071f5f !important;
	border-radius:50% !important;
	font-size:18px !important;
}

#tabla table #imagen{
	width:72px !important;
}

#tabla table #imagen img{
	width:52px !important;
	height:52px !important;
	border-radius:50% !important;
	object-fit:cover !important;
	border:3px solid #edf3fb !important;
	box-shadow:0 6px 14px rgba(13,32,77,.12) !important;
}

#tabla table tr #nombre{
	text-align:left !important;
}

#tabla table tr #nombre #numero{
	background:transparent !important;
	color:#071f5f !important;
	border-radius:0 !important;
	font-size:19px !important;
	font-weight:800 !important;
}

#tabla table tr #puntos{
	width:110px !important;
	text-align:right !important;
}

#tabla table tr #puntos a{
	justify-content:flex-end !important;
}

#tabla table tr #puntos #numero{
	min-width:48px !important;
	height:42px !important;
	padding:0 14px !important;
	background:#f3f6fb !important;
	color:#071f5f !important;
	border-radius:999px !important;
	font-size:20px !important;
	font-weight:900 !important;
}

#tabla table tr .racha-cell{
	width:72px !important;
	min-width:72px !important;
	padding-left:4px !important;
	padding-right:4px !important;
	text-align:center !important;
}

#tabla table tr .racha-cell a.clasificacion-racha{
	position:relative !important;
	display:inline-grid !important;
	place-items:center !important;
	width:56px !important;
	height:56px !important;
	min-width:56px !important;
	margin:0 auto !important;
	color:#fff !important;
	text-decoration:none !important;
	filter:drop-shadow(0 8px 14px rgba(225,37,47,.26));
}

#tabla table tr .racha-cell .clasificacion-racha img{
	position:absolute !important;
	inset:0 !important;
	display:block !important;
	width:56px !important;
	height:56px !important;
	min-width:56px !important;
	max-width:56px !important;
	min-height:56px !important;
	max-height:56px !important;
	object-fit:contain !important;
	border:0 !important;
	border-radius:0 !important;
	background:transparent !important;
	box-shadow:none !important;
}

#tabla table tr .racha-cell .clasificacion-racha span{
	position:relative !important;
	z-index:1 !important;
	display:grid !important;
	place-items:center !important;
	min-width:28px !important;
	height:28px !important;
	padding:0 6px !important;
	border-radius:999px !important;
	background:rgba(7,31,95,.74) !important;
	color:#fff !important;
	font-family:Arial, sans-serif !important;
	font-size:17px !important;
	font-weight:1000 !important;
	line-height:1 !important;
	text-shadow:0 2px 4px rgba(0,0,0,.34);
}

body.clasificacion-page #tabla table tr.clasificacion-usuario-actual,
body.clasificacion-page #tabla table tr.clasificacion-usuario-actual td{
	background:#dbeafe !important;
}

body.clasificacion-page #tabla table tr.clasificacion-usuario-actual td:first-child{
	box-shadow:inset 6px 0 0 var(--wc-blue);
}

body.clasificacion-page #tabla table td.admin-grupo-acciones{
	width:96px !important;
	text-align:center !important;
	vertical-align:middle !important;
}

body.clasificacion-page .admin-grupo-eliminar-form{
	margin:0 !important;
	display:flex !important;
	justify-content:center !important;
}

body.clasificacion-page .admin-grupo-eliminar-btn{
	min-height:32px !important;
	padding:7px 11px !important;
	border:0 !important;
	border-radius:999px !important;
	background:#e1252f !important;
	color:#fff !important;
	font-size:12px !important;
	font-weight:900 !important;
	cursor:pointer !important;
	box-shadow:0 8px 16px rgba(120,12,24,.18) !important;
}

body.clasificacion-page .admin-grupo-eliminar-btn:hover{
	background:#b91c1c !important;
	transform:translateY(-1px);
}


body.clasificacion-page #mensaje-ok{
	width:min(92vw, 860px);
	margin:12px auto 0;
	padding:12px 16px;
	border-radius:10px;
	background:#e6f7ef;
	color:#075e37;
	text-align:center;
	font-weight:800;
}

body.administrargrupo-page .admin-grupo-panel{
	width:min(92vw, 900px);
	margin:28px auto 120px;
}

body.administrargrupo-page .admin-grupo-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	margin-bottom:18px;
	padding:18px 20px;
	border-radius:12px;
	background:#fff;
	box-shadow:0 18px 38px rgba(8,31,92,.16);
}

body.administrargrupo-page .admin-grupo-header span{
	display:block;
	color:#5f6f92;
	font-size:13px;
	font-weight:800;
	text-transform:uppercase;
}

body.administrargrupo-page .admin-grupo-header h1{
	margin:4px 0 0;
	color:#071f5f;
	font-size:28px;
	line-height:1.1;
}

body.administrargrupo-page .admin-grupo-header a{
	padding:10px 14px;
	border-radius:999px;
	background:#071f5f;
	color:#fff;
	text-decoration:none;
	font-weight:900;
	white-space:nowrap;
}

body.administrargrupo-page .admin-grupo-tabla{
	width:100%;
	border-collapse:separate;
	border-spacing:0 10px;
}

body.administrargrupo-page .admin-grupo-tabla th{
	padding:12px 14px;
	background:#071f5f;
	color:#fff;
	text-align:left;
	font-size:13px;
	text-transform:uppercase;
}

body.administrargrupo-page .admin-grupo-tabla th:first-child{
	border-radius:10px 0 0 10px;
}

body.administrargrupo-page .admin-grupo-tabla th:last-child{
	border-radius:0 10px 10px 0;
	text-align:center;
}

body.administrargrupo-page .admin-grupo-tabla td{
	padding:14px;
	background:#fff;
	color:#071f5f;
	font-weight:800;
	box-shadow:0 10px 24px rgba(8,31,92,.12);
}

body.administrargrupo-page .admin-grupo-tabla td:first-child{
	border-radius:10px 0 0 10px;
}

body.administrargrupo-page .admin-grupo-tabla td:last-child{
	border-radius:0 10px 10px 0;
	text-align:center;
}

body.administrargrupo-page .admin-grupo-usuario{
	display:flex;
	align-items:center;
	gap:12px;
}

body.administrargrupo-page .admin-grupo-usuario img{
	width:46px;
	height:46px;
	border-radius:50%;
	object-fit:cover;
	background:#eef2f7;
}

body.administrargrupo-page .admin-grupo-propio{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:32px;
	padding:7px 11px;
	border-radius:999px;
	background:#dbeafe;
	color:#071f5f;
	font-size:12px;
	font-weight:900;
}

body.administrargrupo-page #mensaje-ok{
	width:100%;
	margin:12px auto;
	padding:12px 16px;
	border-radius:10px;
	background:#e6f7ef;
	color:#075e37;
	text-align:center;
	font-weight:800;
}

body.administrargrupo-page .admin-grupo-eliminar-form{
	margin:0;
}

body.administrargrupo-page .admin-grupo-eliminar-btn{
	min-height:32px;
	padding:7px 11px;
	border:0;
	border-radius:999px;
	background:#e1252f;
	color:#fff;
	font-size:12px;
	font-weight:900;
	cursor:pointer;
	box-shadow:0 8px 16px rgba(120,12,24,.18);
}

body.administrargrupo-page .admin-grupo-eliminar-btn:hover{
	background:#b91c1c;
	transform:translateY(-1px);
}

@media (max-width: 768px){
	body.administrargrupo-page .admin-grupo-panel{
		width:calc(100% - 24px);
		margin:18px auto 130px;
		overflow:hidden;
	}

	body.administrargrupo-page .admin-grupo-header{
		padding:16px;
		align-items:center;
		gap:12px;
	}

	body.administrargrupo-page .admin-grupo-header h1{
		max-width:42vw;
		font-size:34px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	body.administrargrupo-page .admin-grupo-header a{
		padding:12px 16px;
		font-size:18px;
	}

	body.administrargrupo-page .admin-grupo-tabla{
		display:table;
		width:100%;
		table-layout:fixed;
		border-collapse:separate;
		border-spacing:0 10px;
	}

	body.administrargrupo-page .admin-grupo-tabla tr{
		display:table-row;
	}

	body.administrargrupo-page .admin-grupo-tabla th,
	body.administrargrupo-page .admin-grupo-tabla td{
		display:table-cell;
		padding:12px 8px;
		vertical-align:middle;
	}

	body.administrargrupo-page .admin-grupo-tabla th:first-child,
	body.administrargrupo-page .admin-grupo-tabla td:first-child{
		width:58%;
	}

	body.administrargrupo-page .admin-grupo-tabla th:nth-child(2),
	body.administrargrupo-page .admin-grupo-tabla td:nth-child(2){
		width:17%;
		text-align:center;
	}

	body.administrargrupo-page .admin-grupo-tabla th:last-child,
	body.administrargrupo-page .admin-grupo-tabla td:last-child{
		width:25%;
		text-align:center;
	}

	body.administrargrupo-page .admin-grupo-usuario{
		gap:8px;
		min-width:0;
	}

	body.administrargrupo-page .admin-grupo-usuario img{
		width:42px;
		height:42px;
		flex:0 0 auto;
	}

	body.administrargrupo-page .admin-grupo-usuario span{
		display:block;
		min-width:0;
		max-width:100%;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		font-size:clamp(15px, 4.3vw, 20px);
	}

	body.administrargrupo-page .admin-grupo-eliminar-btn,
	body.administrargrupo-page .admin-grupo-propio{
		min-height:34px;
		padding:8px 9px;
		font-size:12px;
	}
}

#verusuario #nombrepuntos .verusuario-identidad{
	display:flex !important;
	align-items:center !important;
	gap:16px !important;
	min-width:0 !important;
}

#verusuario #nombrepuntos .verusuario-identidad img{
	width:64px !important;
	height:64px !important;
	border-radius:50% !important;
	object-fit:cover !important;
	border:4px solid #edf3fb !important;
	box-shadow:0 8px 18px rgba(13,32,77,.14) !important;
	flex:0 0 auto !important;
}

#verusuario #nombrepuntos .verusuario-identidad #nombre{
	margin:0 !important;
	min-width:0 !important;
}

#cabecera1080 > a.menu-inicio-link{
	display:flex !important;
	align-items:center !important;
	gap:16px !important;
	height:100% !important;
	padding:0 20px !important;
	color:#071f5f !important;
	text-decoration:none !important;
}

#cabecera1080 > a.menu-inicio-link::after{
	content:none !important;
	display:none !important;
}

#cabecera1080 > a.menu-inicio-link > img{
	display:block !important;
	width:100px !important;
	height:100px !important;
	object-fit:contain !important;
	padding:0 !important;
}

#cabecera1080 > a.menu-inicio-link > span{
	display:block !important;
	width:1px !important;
	height:34px !important;
	background:#d7dfeb !important;
	flex:0 0 auto !important;
}

#cabecera1080 > a.menu-inicio-link > strong{
	display:block !important;
	color:#071f5f !important;
	font-size:18px !important;
	font-weight:900 !important;
	letter-spacing:0 !important;
}

#cabecera1080 #lista #ul_lista{
	height:100% !important;
	align-items:center !important;
}

#cabecera1080 #lista #ul_lista li{
	height:56px !important;
	display:flex !important;
	align-items:center !important;
	border-radius:0 !important;
	transform:none !important;
	transition:background .18s ease, color .18s ease !important;
}

#cabecera1080 #lista #ul_lista li a{
	min-height:56px !important;
	height:56px !important;
	padding:0 16px !important;
	display:flex !important;
	align-items:center !important;
}

#cabecera1080 #lista #ul_lista #selected,
#cabecera1080 #lista #ul_lista li:hover{
	transform:none !important;
	border-radius:0 !important;
	background:var(--wc-blue) !important;
}

#cabecera1080 #lista #ul_lista li:has(#fotosesion),
#cabecera1080 #lista #ul_lista li:has(#fotosesion):hover{
	width:56px !important;
	height:56px !important;
	margin-left:6px !important;
	margin-right:-12px !important;
	background:transparent !important;
	transform:none !important;
	border-radius:0 !important;
}

#cabecera1080 #lista #ul_lista li:has(#fotosesion) a{
	width:56px !important;
	height:56px !important;
	min-height:56px !important;
	padding:0 !important;
	justify-content:center !important;
}

#cabecera1080 #fotosesion,
#cabecera1080 #fotosesion:hover{
	width:42px !important;
	height:42px !important;
	margin:0 !important;
	padding:0 !important;
	border:2px solid var(--wc-gold) !important;
	border-radius:50% !important;
	object-fit:cover !important;
	transform:none !important;
	position:static !important;
}

.pichichi-page{
	width:min(1180px, calc(100% - 48px));
	margin:34px auto 46px;
	display:grid;
	gap:28px;
}

.pichichi-panel{
	background:#fff;
	border:1px solid rgba(12,31,79,.08);
	border-radius:8px;
	box-shadow:0 18px 38px rgba(13,32,77,.16);
	overflow:hidden;
}

.pichichi-header{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:18px;
	padding:24px 28px;
	border-bottom:1px solid #edf1f7;
	background:#fff;
}

.pichichi-header span{
	color:#52617a;
	font-size:14px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:0;
}

.pichichi-header h1{
	margin:0;
	color:#071f5f;
	font-size:clamp(28px, 4vw, 42px);
	font-weight:900;
	letter-spacing:0;
}

.pichichi-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
	gap:18px;
	padding:22px;
}

.pichichi-card{
	position:relative;
	display:flex;
	flex-direction:column;
	min-height:340px;
	background:#f8fbff;
	border:1px solid #edf1f7;
	border-radius:8px;
	overflow:hidden;
	box-shadow:0 10px 22px rgba(13,32,77,.08);
}

.pichichi-card-destacada{
	grid-column:span 2;
	min-height:420px;
	background:#fff;
}

.pichichi-card-top{
	position:absolute;
	top:14px;
	left:14px;
	right:14px;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:space-between;
	pointer-events:none;
}

.pichichi-rank,
.pichichi-goles{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:42px;
	border-radius:999px;
	font-weight:900;
	box-shadow:0 8px 18px rgba(13,32,77,.12);
}

.pichichi-rank{
	min-width:42px;
	padding:0 12px;
	background:#eef4ff;
	color:#071f5f;
	font-size:18px;
}

.pichichi-goles{
	padding:0 14px;
	background:#071f5f;
	color:#fff;
	font-size:15px;
}

.pichichi-foto{
	width:100%;
	height:250px;
	object-fit:contain;
	object-position:center bottom;
	background:#eef4ff;
}

.pichichi-card-destacada .pichichi-foto{
	height:330px;
}

.pichichi-card-info{
	display:grid;
	gap:6px;
	padding:18px 20px 20px;
	background:#fff;
	border-top:1px solid #edf1f7;
}

.pichichi-card-info strong{
	display:flex;
	align-items:center;
	gap:10px;
	color:#071f5f;
	font-size:22px;
	font-weight:900;
	line-height:1.15;
}

.pichichi-card-info strong img{
	width:30px;
	height:30px;
	border-radius:50%;
	object-fit:cover;
	flex:0 0 auto;
	box-shadow:0 4px 10px rgba(13,32,77,.12);
}

.pichichi-card-info span{
	color:#52617a;
	font-size:15px;
	font-weight:900;
	text-transform:uppercase;
}

.pichichi-apuestas{
	display:inline-flex;
	align-items:center;
	width:max-content;
	max-width:100%;
	padding:5px 10px;
	border-radius:999px;
	background:#eef4ff;
	color:#071f5f !important;
	font-size:12px !important;
	letter-spacing:0;
}

.pichichi-usuarios{
	display:flex;
	flex-wrap:wrap;
	gap:7px;
	margin-top:6px;
	max-height:96px;
	overflow:auto;
	padding-right:2px;
}

.pichichi-usuario{
	display:flex;
	align-items:center;
	gap:8px;
	min-width:0;
	max-width:100%;
	padding:5px 8px 5px 5px;
	border-radius:999px;
	background:#f6f8fc;
	color:#52617a;
	font-size:12px !important;
	line-height:1;
	text-transform:none !important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.pichichi-usuario img{
	width:28px;
	height:28px;
	border-radius:50%;
	object-fit:cover;
	flex:0 0 auto;
	background:#fff;
	box-shadow:0 4px 10px rgba(13,32,77,.12);
}

.perfil-panel{
	width:min(1040px, calc(100% - 48px));
	margin:34px auto 46px;
	background:#fff;
	border:1px solid rgba(12,31,79,.08);
	border-radius:8px;
	box-shadow:0 18px 38px rgba(13,32,77,.16);
	overflow:hidden;
}

.perfil-panel ~ #usuario,
.perfil-panel ~ #perfil{
	display:none !important;
}

.perfil-hero{
	display:flex;
	align-items:center;
	gap:22px;
	padding:28px;
	border-bottom:1px solid #edf1f7;
	background:#fff;
}

.perfil-hero img{
	width:96px;
	height:96px;
	border-radius:50%;
	object-fit:cover;
	border:5px solid #edf3fb;
	box-shadow:0 10px 24px rgba(13,32,77,.14);
	flex:0 0 auto;
}

.perfil-hero span{
	color:#52617a;
	font-size:14px;
	font-weight:900;
	text-transform:uppercase;
}

.perfil-hero h1{
	margin:4px 0 0;
	color:#071f5f;
	font-size:clamp(30px, 5vw, 48px);
	font-weight:900;
	letter-spacing:0;
}

.perfil-grid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:18px;
	padding:24px;
}

.perfil-card{
	background:#f8fbff;
	border:1px solid #edf1f7;
	border-radius:8px;
	padding:22px;
}

.perfil-push-card{
	display:grid;
	grid-template-columns:minmax(0, 1fr) auto;
	align-items:center;
	gap:16px;
}

.perfil-grid > .perfil-push-card{
	display:none;
}

.perfil-link-control.perfil-push-card{
	min-height:54px;
	padding:8px 14px;
	border-radius:8px;
	background:#f3f6fb;
	box-sizing:border-box;
}

.perfil-push-copy label{
	display:block;
	color:#071f5f;
	font-size:17px;
	font-weight:900;
	margin:0 0 2px;
}

.perfil-push-copy p{
	margin:0;
	color:#42526f;
	font-size:13px;
	font-weight:700;
	line-height:1.35;
}

.perfil-push-copy p[data-state="ok"]{
	color:#116329;
}

.perfil-push-copy p[data-state="error"]{
	color:#a01828;
}

.perfil-push-button{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	width:70px;
	min-width:70px;
	height:36px;
	min-height:36px;
	border:0;
	border-radius:999px;
	padding:3px;
	background:#444 !important;
	background-image:none !important;
	color:transparent;
	cursor:pointer;
	box-shadow:
		inset 0 0 0 1px rgba(0,0,0,.35),
		0 1px 3px rgba(0,0,0,.16);
	transition:background .2s ease, opacity .2s ease;
}

.perfil-push-button[data-push-mode="disable"]{
	background:#8ccf37 !important;
	background-image:none !important;
	justify-content:flex-end;
	box-shadow:
		inset 0 0 0 1px rgba(79, 137, 22, .45),
		0 1px 3px rgba(0,0,0,.14);
}

.perfil-push-switch-dot{
	display:block;
	width:30px;
	height:30px;
	border-radius:9999px;
	background:#fff;
	box-shadow:
		inset 0 1px 1px rgba(255,255,255,.95),
		0 1px 4px rgba(0,0,0,.24);
	transition:background .2s ease;
}

.perfil-push-button[data-push-mode="disable"] .perfil-push-switch-dot{
	background:#fff;
}

.perfil-push-switch-text{
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	white-space:nowrap;
}

.perfil-push-button:disabled{
	cursor:not-allowed;
	opacity:.68;
	box-shadow:none;
}

.perfil-panel .perfil-form{
	display:grid;
	gap:14px;
	margin:0;
}

.perfil-panel .perfil-form label{
	color:#071f5f;
	font-size:18px;
	font-weight:900;
}

.perfil-panel .perfil-form input[type="file"],
.perfil-panel .perfil-form input[type="text"],
.perfil-panel .perfil-form input[type="password"]{
	width:100%;
	min-height:48px;
	border:1px solid #cfd8e8;
	border-radius:8px;
	background:#fff;
	color:#071f5f;
	font:inherit;
	font-weight:700;
	padding:11px 12px;
}

.perfil-panel .perfil-form input[type="submit"]{
	min-height:52px;
	border:0;
	border-radius:8px;
	background:linear-gradient(100deg, #e52535, #071f5f);
	color:#fff;
	font:inherit;
	font-size:17px;
	font-weight:900;
	cursor:pointer;
	box-shadow:0 12px 24px rgba(13,32,77,.16);
}

.perfil-links{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:12px;
	padding:0 24px 24px;
}

.perfil-links a{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:54px;
	padding:0 16px;
	border-radius:8px;
	background:#f3f6fb;
	color:#071f5f;
	font-weight:900;
	text-align:center;
	text-decoration:none;
}

.perfil-links a:hover{
	background:#071f5f;
	color:#fff;
}

.perfil-links .perfil-cerrar{
	background:#fff1f3;
	color:#b81222;
}


@media (min-width: 769px){
	.perfil-links.perfil-links-admin .perfil-cerrar{
		grid-column:2;
	}
}

#tabla_clasif{
	width:min(1180px, calc(100% - 48px)) !important;
	margin:34px auto !important;
	background:#fff !important;
	border:1px solid rgba(12,31,79,.08) !important;
	border-radius:8px !important;
	box-shadow:0 18px 38px rgba(13,32,77,.16) !important;
	overflow:hidden !important;
	color:#071f5f !important;
}

.resultados-page #tabla_clasif{
	display:block !important;
	width:min(94vw, 920px) !important;
	max-width:920px !important;
	margin:34px auto !important;
}

#tabla_clasif table{
	width:100% !important;
	border-collapse:collapse !important;
	background:#fff !important;
	font-family:inherit !important;
}

#tabla_clasif table tr{
	border-bottom:1px solid #edf1f7 !important;
}

#tabla_clasif table tr:last-child{
	border-bottom:0 !important;
}

#tabla_clasif table tr #titulo{
	padding:22px 26px !important;
	background:#fff !important;
	color:#071f5f !important;
	text-align:left !important;
	font-size:24px !important;
	font-weight:900 !important;
	letter-spacing:0 !important;
	border-bottom:1px solid #edf1f7 !important;
}

#tabla_clasif table tr:nth-child(2) td{
	padding:14px 12px !important;
	background:#f8fbff !important;
	color:#52617a !important;
	font-size:13px !important;
	font-weight:900 !important;
	text-transform:uppercase !important;
}

#tabla_clasif table tr td{
	padding:16px 12px !important;
	background:#fff !important;
	color:#071f5f !important;
	font-size:16px !important;
	font-weight:800 !important;
	text-align:center !important;
	vertical-align:middle !important;
}

#tabla_clasif table tr td:nth-child(3){
	text-align:left !important;
	font-size:18px !important;
	font-weight:900 !important;
}

#tabla_clasif table tr td:first-child{
	width:54px !important;
	color:#52617a !important;
	font-weight:900 !important;
}

#tabla_clasif table tr td img{
	display:block !important;
	width:40px !important;
	height:40px !important;
	min-width:40px !important;
	max-width:40px !important;
	min-height:40px !important;
	max-height:40px !important;
	border-radius:50% !important;
	object-fit:cover !important;
	object-position:center center !important;
	aspect-ratio:1 / 1 !important;
	background:#fff !important;
	box-shadow:0 5px 12px rgba(13,32,77,.12) !important;
}

#tabla_clasif table tr #pts{
	font-size:18px !important;
	font-weight:900 !important;
	color:#071f5f !important;
}

#tabla_clasif table tr.clasifica-primero td:first-child{
	border-left:5px solid #15a44a !important;
	color:#137a38 !important;
}

#tabla_clasif table tr.clasifica-segundo td:first-child{
	border-left:5px solid #87d66a !important;
	color:#4d8f2d !important;
}

#tabla_clasif table tr.clasifica-tercero td:first-child{
	border-left:5px solid #f3bd18 !important;
	color:#a76f00 !important;
}

#tabla_clasif table tr.clasifica-primero,
#tabla_clasif table tr.clasifica-segundo,
#tabla_clasif table tr.clasifica-tercero{
	background:#fff !important;
}

@media(max-width:760px){
	.pichichi-page{
		width:calc(100% - 20px);
		margin:20px auto 30px;
		gap:18px;
	}

	.pichichi-header{
		align-items:center;
		padding:16px 18px;
	}

	.pichichi-header span{
		font-size:12px;
		line-height:1.15;
		max-width:84px;
	}

	.pichichi-header h1{
		font-size:clamp(28px, 9vw, 38px);
		line-height:1.04;
	}

	.pichichi-grid{
		grid-template-columns:1fr;
		gap:10px;
		padding:12px;
	}

	.pichichi-card{
		display:grid;
		grid-template-columns:54px 76px minmax(0,1fr) auto;
		align-items:center;
		min-height:0;
		padding:10px 12px;
		column-gap:10px;
		background:#eef5ff;
	}

	.pichichi-card-destacada{
		grid-template-columns:1fr;
		grid-column:auto;
		min-height:0;
		padding:14px;
		gap:12px;
		background:#fff;
	}

	.pichichi-card-top{
		position:static;
		grid-column:1;
		grid-row:1;
		display:grid;
		gap:6px;
		justify-items:center;
	}

	.pichichi-card-destacada .pichichi-card-top{
		grid-column:1;
		grid-row:1;
		display:flex;
		justify-content:space-between;
	}

	.pichichi-rank,
	.pichichi-goles{
		min-height:36px;
	}

	.pichichi-rank{
		min-width:36px;
		padding:0 10px;
		font-size:15px;
	}

	.pichichi-goles{
		min-width:42px;
		padding:0 12px;
		font-size:13px;
		white-space:nowrap;
	}

	.pichichi-foto{
		grid-column:2;
		grid-row:1;
		width:66px;
		height:66px;
		border-radius:50%;
		object-fit:cover;
		object-position:center top;
		background:#fff;
		box-shadow:0 8px 18px rgba(13,32,77,.12);
	}

	.pichichi-card-destacada .pichichi-foto{
		grid-column:1;
		grid-row:2;
		width:100%;
		height:180px;
		border-radius:8px;
		object-fit:contain;
		object-position:center bottom;
		background:#eef4ff;
		box-shadow:none;
	}

	.pichichi-card-info{
		grid-column:3 / -1;
		grid-row:1;
		min-width:0;
		padding:0;
		background:transparent;
		border-top:0;
	}

	.pichichi-card-destacada .pichichi-card-info{
		grid-column:1;
		grid-row:3;
		padding:12px 4px 2px;
	}

	.pichichi-card-info strong{
		min-width:0;
		font-size:16px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.pichichi-card-destacada .pichichi-card-info strong{
		font-size:24px;
	}

	.pichichi-card-info strong img{
		width:24px;
		height:24px;
	}

	.pichichi-card-info span{
		font-size:12px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.pichichi-apuestas{
		width:max-content;
		padding:4px 9px;
		font-size:11px !important;
	}

	.pichichi-usuarios{
		max-height:66px;
		gap:5px;
		margin-top:5px;
	}

	.pichichi-usuario{
		max-width:100%;
		padding:4px 7px 4px 4px;
		font-size:11px !important;
	}

	.pichichi-usuario img{
		width:22px;
		height:22px;
	}

	.perfil-panel{
		width:calc(100% - 20px);
		margin:18px auto 28px;
	}

	.perfil-hero{
		gap:14px;
		padding:16px;
	}

	.perfil-hero img{
		width:72px;
		height:72px;
		border-width:4px;
	}

	.perfil-hero span{
		font-size:12px;
	}

	.perfil-hero h1{
		max-width:100%;
		font-size:clamp(24px, 8vw, 34px);
		line-height:1.05;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.perfil-grid{
		gap:12px;
		padding:14px;
	}

	.perfil-card{
		padding:14px;
	}

	.perfil-push-card{
		grid-template-columns:1fr;
		gap:10px;
	}

	.perfil-link-control.perfil-push-card{
		grid-template-columns:minmax(0, 1fr) auto;
		gap:12px;
	}

	.perfil-push-copy label{
		font-size:16px;
	}

	.perfil-push-copy p{
		font-size:14px;
	}

	.perfil-push-button{
		width:68px;
		min-width:68px;
		height:34px;
		min-height:34px;
	}

	.perfil-push-switch-dot{
		width:28px;
		height:28px;
	}

	.perfil-panel .perfil-form{
		gap:10px;
	}

	.perfil-panel .perfil-form label{
		font-size:16px;
	}

	.perfil-panel .perfil-form input[type="file"],
	.perfil-panel .perfil-form input[type="text"],
	.perfil-panel .perfil-form input[type="password"]{
		min-height:42px;
		padding:8px 10px;
		font-size:15px;
	}

	.perfil-panel .perfil-form input[type="submit"]{
		min-height:44px;
		font-size:15px;
	}

	.perfil-links{
		gap:10px;
		padding:0 14px 16px;
	}

	.perfil-grid,
	.perfil-links{
		grid-template-columns:1fr;
	}

	#tabla_clasif{
		width:calc(100% - 20px) !important;
		overflow-x:auto !important;
	}

	.resultados-page #tabla_clasif{
		display:block !important;
		width:calc(100vw - 20px) !important;
		max-width:none !important;
		margin:24px 10px 34px !important;
		overflow-x:auto !important;
		-webkit-overflow-scrolling:touch;
	}

	#tabla_clasif table{
		min-width:760px !important;
	}

	.resultados-page #tabla_clasif table{
		min-width:560px !important;
		table-layout:fixed !important;
	}

	.resultados-page #tabla_clasif col.clasif-pos{
		width:48px;
	}

	.resultados-page #tabla_clasif col.clasif-bandera{
		width:64px;
	}

	.resultados-page #tabla_clasif col.clasif-seleccion{
		width:195px;
	}

	.resultados-page #tabla_clasif col.clasif-pts,
	.resultados-page #tabla_clasif col.clasif-stat{
		width:40px;
	}

	.resultados-page #tabla_clasif table tr #titulo{
		text-align:center !important;
		font-size:22px !important;
	}

	.resultados-page #tabla_clasif table tr td{
		padding:14px 8px !important;
	}

	.resultados-page #tabla_clasif table tr td:nth-child(3){
		font-size:16px !important;
	}
}

@media(max-width:700px){
	.clasificacion-app-aviso{
		grid-template-columns:1fr;
		width:calc(100% - 20px);
		margin:10px auto 14px;
		padding:13px 14px;
	}

	.clasificacion-app-aviso strong{
		font-size:16px;
	}

	.clasificacion-app-aviso span{
		font-size:13px;
	}

	.clasificacion-app-aviso a{
		grid-column:auto;
		grid-row:auto;
		width:100%;
		min-height:42px;
	}

	#tabla{
		width:calc(100% - 20px) !important;
		margin:0 auto 22px !important;
	}

	#tabla table tr{
		display:grid !important;
		grid-template-columns:48px 56px minmax(0,1fr) 48px 72px !important;
		align-items:center !important;
	}

	#tabla table tr td{
		padding:14px 8px !important;
		font-size:15px !important;
	}

	body.clasificacion-page #tabla table tr #puntos{
		width:auto !important;
		min-width:0 !important;
		padding-right:8px !important;
		text-align:right !important;
		justify-self:end !important;
	}

	body.clasificacion-page #tabla table tr #puntos a{
		justify-content:center !important;
	}

	body.clasificacion-page #tabla table tr #puntos #numero{
		min-width:44px !important;
		height:38px !important;
		padding:0 10px !important;
		font-size:17px !important;
	}

	body.clasificacion-page #tabla table tr .racha-cell{
		width:48px !important;
		min-width:48px !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}

	body.clasificacion-page #tabla table tr .racha-cell a.clasificacion-racha{
		width:42px !important;
		height:42px !important;
		min-width:42px !important;
	}

	body.clasificacion-page #tabla table tr .racha-cell .clasificacion-racha img{
		width:42px !important;
		height:42px !important;
		min-width:42px !important;
		max-width:42px !important;
		min-height:42px !important;
		max-height:42px !important;
	}

	body.clasificacion-page #tabla table tr .racha-cell .clasificacion-racha span{
		min-width:23px !important;
		height:23px !important;
		padding:0 5px !important;
		font-size:14px !important;
	}

	#tabla table #imagen img{
		width:44px !important;
		height:44px !important;
	}

	#tabla table tr #nombre #numero{
		font-size:16px !important;
		overflow-wrap:anywhere !important;
	}

	#verusuario #nombrepuntos .verusuario-identidad{
		gap:12px !important;
	}

	#verusuario #nombrepuntos .verusuario-identidad img{
		width:50px !important;
		height:50px !important;
	}
}

/* Mobile polish for user prediction review */
#cabecera::after{
	content:none !important;
	display:none !important;
}

#cabecera > img,
#cabecera img{
	display:block !important;
	width:auto !important;
	height:100px !important;
	max-width:min(82vw, 320px) !important;
	object-fit:contain !important;
	padding:0 !important;
}

@media(max-width:760px){
	#cabecera{
		top:0 !important;
		min-height:98px !important;
		height:98px !important;
		padding:8px 0 0 !important;
		z-index:10002 !important;
		background:#fff !important;
		border-bottom:0 !important;
		box-shadow:none !important;
		overflow:hidden !important;
		line-height:0 !important;
	}

	#cabecera::before{
		content:"";
		position:fixed;
		top:0;
		left:0;
		right:0;
		height:7px;
		background:linear-gradient(90deg,var(--wc-blue),var(--wc-red),var(--wc-gold),var(--wc-green),var(--wc-blue-2));
		z-index:10003;
		pointer-events:none;
	}

	#cabecera > img,
	#cabecera img{
		height:82px !important;
		max-width:min(86vw, 340px) !important;
		transform:none !important;
		transform-origin:center !important;
	}

	#separate{
		display:block !important;
		height:98px !important;
	}

	#nombregrupoclas{
		margin-top:8px !important;
		margin-bottom:12px !important;
	}

	#menu_movil{
		left:0 !important;
		right:0 !important;
		bottom:var(--menu-movil-bottom, 0px) !important;
		border:1px solid rgba(255,255,255,.34) !important;
		border-radius:8px 8px 0 0 !important;
		background:linear-gradient(90deg, #071f5f 0%, #174fc3 100%) !important;
		box-shadow:0 18px 34px rgba(7,31,95,.28) !important;
		padding:6px !important;
		overflow:visible !important;
	}

	#menu_movil #menu_movil_tabla tr{
		gap:6px !important;
	}

	#menu_movil #menu_movil_tabla tr td{
		height:58px !important;
		border-radius:8px !important;
		background:rgba(255,255,255,.10) !important;
		color:#fff !important;
	}

	#menu_movil #menu_movil_tabla tr td a{
		color:#fff !important;
		font-size:10px !important;
		font-weight:900 !important;
		line-height:1.05 !important;
	}

	#menu_movil #menu_movil_tabla tr td img{
		width:21px !important;
		height:21px !important;
		filter:brightness(0) invert(1) !important;
		opacity:.9;
	}

	#menu_movil #menu_movil_tabla tr #select{
		background:#c65a16 !important;
		color:#fff !important;
		box-shadow:inset 0 -2px 0 rgba(7,31,95,.16);
	}

	#menu_movil #menu_movil_tabla tr #select a{
		color:#fff !important;
	}

	#menu_movil #menu_movil_tabla tr #select img{
		filter:brightness(0) invert(1) !important;
		opacity:1;
	}

	#verusuario #grupo table tr.pred-acierto,
	#verresultadousuario #tablaverresultado tr.pronostico-acierto{
		background:#d7f8d1 !important;
		box-shadow:inset 6px 0 0 #16a34a, 0 8px 18px rgba(13,32,77,.10) !important;
	}

	#verusuario #grupo table tr.pred-fallo,
	#verresultadousuario #tablaverresultado tr.pronostico-fallo{
		background:#ffd7d7 !important;
		box-shadow:inset 6px 0 0 #e1252f, 0 8px 18px rgba(13,32,77,.10) !important;
	}

	#verusuario #grupo table tr.pred-pendiente{
		background:#fff !important;
	}

	#verusuario #grupo table tr.pred-acierto td,
	#verusuario #grupo table tr.pred-fallo td,
	#verusuario #grupo table tr.pred-pendiente td,
	#verresultadousuario #tablaverresultado tr.pronostico-usuario td{
		background:transparent !important;
	}

	#fase_eliminatoria #octavos_cuartos_semis,
	#octavos_cuartos_semis{
		overflow:visible !important;
	}

	#fase_eliminatoria #octavos_cuartos_semis table tr.seccion-titulo,
	#octavos_cuartos_semis table tr.seccion-titulo{
		display:block !important;
		width:100% !important;
		padding:0 !important;
		background:transparent !important;
		box-shadow:none !important;
	}

	#fase_eliminatoria #octavos_cuartos_semis table tr.seccion-titulo td,
	#octavos_cuartos_semis table tr.seccion-titulo td{
		display:block !important;
		width:100% !important;
		min-width:0 !important;
		padding:0 !important;
		background:transparent !important;
		border:0 !important;
	}

	#fase_eliminatoria #octavos_cuartos_semis table tr.seccion-titulo td #titulo,
	#octavos_cuartos_semis table tr.seccion-titulo td #titulo{
		display:block !important;
		width:100% !important;
		min-width:0 !important;
		box-sizing:border-box !important;
		white-space:normal !important;
		overflow-wrap:normal !important;
		word-break:normal !important;
		font-size:clamp(20px, 7vw, 30px) !important;
		line-height:1.08 !important;
		letter-spacing:0 !important;
		text-align:center !important;
	}

	#octavos_cuartos_semis table tr:not(.seccion-titulo) td:first-child,
	#fase_eliminatoria #octavos_cuartos_semis table tr:not(.seccion-titulo) td:first-child{
		min-width:0 !important;
		white-space:normal !important;
	}

	#formulario table.tabla-eliminatoria-doble tr:first-child,
	#formulario table.tabla-extra-pronostico tr:first-child{
		display:block !important;
		grid-column:1 / -1 !important;
		width:100% !important;
		padding:0 !important;
		background:transparent !important;
		box-shadow:none !important;
	}

	#formulario table.tabla-eliminatoria-doble tr:first-child td,
	#formulario table.tabla-extra-pronostico tr:first-child td{
		display:block !important;
		width:100% !important;
		min-width:0 !important;
		box-sizing:border-box !important;
		padding:14px !important;
		white-space:normal !important;
		overflow-wrap:normal !important;
		word-break:normal !important;
		text-align:center !important;
		font-size:clamp(20px, 7vw, 30px) !important;
		line-height:1.08 !important;
	}

	#formulario table.tabla-eliminatoria-doble tr.partido-eliminatoria{
		grid-template-columns:minmax(70px, 24%) minmax(0,1fr) 34px minmax(0,1fr) !important;
	}

	#formulario table.tabla-eliminatoria-doble tr.partido-eliminatoria .cuadro-equipo-bloqueado{
		min-height:54px !important;
		padding:6px 7px !important;
		font-size:13px !important;
		line-height:1.08 !important;
		overflow-wrap:normal !important;
		word-break:normal !important;
		hyphens:none !important;
	}

	#formulario table.tabla-eliminatoria-doble tr.partido-eliminatoria td#seleccion:first-child{
		min-width:0 !important;
		white-space:normal !important;
		overflow-wrap:anywhere !important;
		font-size:12px !important;
	}
}

/* Hard mobile fixes for table titles and full-row surfaces */
.seccion-titulo-fuera{
	display:block;
	width:100%;
	box-sizing:border-box;
	margin:0 0 10px;
	padding:14px 16px;
	border-radius:8px;
	background:linear-gradient(90deg,var(--wc-blue),var(--wc-blue-2));
	color:#fff;
	font-size:clamp(22px, 7vw, 34px);
	font-weight:900;
	line-height:1.08;
	text-align:center;
	letter-spacing:0;
}

#formulario #nombre_grupo.nombre-grupo-solo{
	display:block !important;
	width:min(94vw, 520px) !important;
	margin:24px auto 12px !important;
	padding:16px 18px !important;
	background:#fff !important;
	border:1px solid rgba(8,31,92,.12) !important;
	border-left:6px solid var(--wc-blue) !important;
	border-radius:8px !important;
	box-shadow:0 8px 18px rgba(8,31,92,.08) !important;
	color:var(--wc-blue) !important;
	font-size:22px !important;
	font-weight:900 !important;
	text-align:center !important;
}

@media(max-width:760px){
	#fase_eliminatoria #octavos_cuartos_semis table tr.seccion-titulo,
	#fase_eliminatoria #octavos_cuartos_semis table tr:has(#titulo),
	#octavos_cuartos_semis table tr.seccion-titulo,
	#octavos_cuartos_semis table tr:has(#titulo){
		display:none !important;
	}

	#formulario table tr.pronostico-partido,
	#verusuario #grupo table tr.match-row,
	#verusuario #grupo table tr.pred-acierto,
	#verusuario #grupo table tr.pred-fallo,
	#verusuario #grupo table tr.pred-pendiente,
	#octavos_cuartos_semis table tr.match-row,
	#fase_eliminatoria #octavos_cuartos_semis table tr.match-row{
		background:#f3f6fb !important;
		border:1px solid rgba(8,31,92,.08) !important;
		border-radius:8px !important;
		box-shadow:0 8px 18px rgba(8,31,92,.08) !important;
		overflow:hidden !important;
	}

	#formulario table tr.pronostico-partido td,
	#verusuario #grupo table tr.match-row td,
	#verusuario #grupo table tr.pred-acierto td,
	#verusuario #grupo table tr.pred-fallo td,
	#verusuario #grupo table tr.pred-pendiente td,
	#octavos_cuartos_semis table tr.match-row td,
	#fase_eliminatoria #octavos_cuartos_semis table tr.match-row td{
		background:transparent !important;
		box-shadow:none !important;
	}

	#formulario table tr.pronostico-partido .pronostico-equipo,
	#formulario table tr.pronostico-partido .pronostico-select,
	#verusuario #grupo table tr.match-row #local,
	#verusuario #grupo table tr.match-row #vs,
	#verusuario #grupo table tr.match-row #visitante,
	#octavos_cuartos_semis table tr.match-row #local,
	#octavos_cuartos_semis table tr.match-row #vs,
	#octavos_cuartos_semis table tr.match-row #visitante{
		background:transparent !important;
		border-radius:0 !important;
	}

	#formulario table tr.pronostico-partido .pronostico-meta-movil{
		background:rgba(8,31,92,.06) !important;
	}

	#verusuario #grupo table tr.pred-acierto{
		background:#d7f8d1 !important;
	}

	#verusuario #grupo table tr.pred-fallo{
		background:#ffd7d7 !important;
	}

	#verusuario #grupo table tr.pred-acierto,
	#verusuario #grupo table tr.pred-fallo{
		box-shadow:inset 6px 0 0 currentColor, 0 8px 18px rgba(8,31,92,.08) !important;
	}

	#verusuario #grupo table tr.pred-acierto{
		color:#16a34a !important;
	}

	#verusuario #grupo table tr.pred-fallo{
		color:#e1252f !important;
	}

	#verusuario #grupo table tr.pred-acierto td,
	#verusuario #grupo table tr.pred-fallo td{
		color:var(--wc-ink) !important;
	}

	.equipo-pendiente{
		display:inline-flex !important;
		align-items:center;
		justify-content:center;
		min-height:28px;
		padding:4px 8px;
		border-radius:8px;
		background:rgba(8,31,92,.07);
		color:var(--wc-blue) !important;
		font-weight:900 !important;
		line-height:1.1;
	}

	#formulario #nombre_grupo.nombre-grupo-solo{
		width:calc(100vw - 20px) !important;
		margin:0 auto 12px !important;
		font-size:20px !important;
	}
}

/* Responsive results and prediction detail refinements */
.examinar-link{
	display:inline-flex !important;
	align-items:center;
	justify-content:center;
	max-width:100%;
	margin-top:6px !important;
	padding:6px 8px !important;
	border-radius:8px !important;
	background:var(--wc-blue) !important;
	color:#fff !important;
	font-size:11px !important;
	font-weight:900 !important;
	line-height:1 !important;
	text-decoration:none !important;
	white-space:normal !important;
	overflow-wrap:anywhere !important;
	box-shadow:0 4px 10px rgba(8,31,92,.16);
}

@media(max-width:760px){
	.resultados-page #verusuario #grupo table tr.match-row,
	.resultados-page #octavos_cuartos_semis table tr.match-row{
		grid-template-columns:54px minmax(0,1fr) 58px minmax(0,1fr) !important;
		gap:4px !important;
		padding:8px 4px !important;
	}

	.resultados-page #verusuario #grupo table tr.match-row #vs,
	.resultados-page #octavos_cuartos_semis table tr.match-row #vs{
		display:flex !important;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		min-width:0 !important;
		font-size:14px !important;
		line-height:1.05 !important;
		overflow-wrap:anywhere !important;
	}

	.resultados-page .examinar-link{
		width:100%;
		min-width:0;
		padding:6px 4px !important;
		font-size:9px !important;
	}

	.resultados-page #verusuario #grupo table tr #vs .examinar-link,
	.resultados-page #octavos_cuartos_semis table tr #vs .examinar-link{
		display:inline-flex !important;
		width:100% !important;
		max-width:54px !important;
		margin-top:5px !important;
		padding:6px 3px !important;
		border-radius:8px !important;
		background:var(--wc-blue) !important;
		color:#fff !important;
		font-size:8px !important;
		line-height:1 !important;
		text-align:center !important;
		white-space:normal !important;
		overflow-wrap:anywhere !important;
	}

	.resultados-page #tabla_clasif{
		display:block !important;
		width:calc(100vw - 20px) !important;
		margin:24px 10px 34px !important;
		padding:10px !important;
		overflow:visible !important;
	}

	.resultados-page #tabla_clasif table{
		width:100% !important;
		min-width:0 !important;
		table-layout:fixed !important;
		border-spacing:0 8px !important;
	}

	.resultados-page #tabla_clasif col.clasif-pos{
		width:34px !important;
	}

	.resultados-page #tabla_clasif col.clasif-bandera{
		width:42px !important;
	}

	.resultados-page #tabla_clasif col.clasif-seleccion{
		width:auto !important;
	}

	.resultados-page #tabla_clasif col.clasif-pts{
		width:42px !important;
	}

	.resultados-page #tabla_clasif col.clasif-stat{
		width:0 !important;
	}

	.resultados-page #tabla_clasif table tr td:nth-child(n+5),
	.resultados-page #tabla_clasif table tr:nth-child(2) td:nth-child(n+5){
		display:none !important;
	}

	.resultados-page #tabla_clasif table tr:nth-child(2) td:nth-child(2){
		text-align:left !important;
	}

	.resultados-page #tabla_clasif table tr td{
		padding:10px 5px !important;
		font-size:12px !important;
		overflow-wrap:anywhere !important;
	}

	.resultados-page #tabla_clasif table tr td:nth-child(3){
		font-size:13px !important;
		text-align:left !important;
	}

	.resultados-page #tabla_clasif table tr #titulo{
		font-size:20px !important;
		padding:14px 10px !important;
	}

	.resultados-page #tabla_clasif table tr td img{
		width:26px !important;
		height:26px !important;
		max-width:26px !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario{
		display:grid !important;
		grid-template-columns:34px 48px minmax(0,1fr) minmax(112px, 32%) !important;
		align-items:center !important;
		gap:6px !important;
		padding:8px 6px !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario td{
		display:block !important;
		width:auto !important;
		min-width:0 !important;
		padding:0 !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos{
		padding-right:0 !important;
		text-align:center !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos .pronostico-resumen{
		justify-content:flex-end;
		gap:6px;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos small{
		display:flex !important;
		flex-direction:row;
		align-items:center;
		justify-content:center;
		width:100%;
		max-width:100% !important;
		gap:3px;
		margin-top:4px;
		font-size:9px !important;
		line-height:1.05 !important;
		white-space:normal !important;
		overflow-wrap:anywhere !important;
		word-break:normal !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos small img{
		margin:0 !important;
	}

	#partidos table tr{
		grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr) !important;
		gap:4px !important;
	}

	#partidos table tr td{
		min-width:0 !important;
		overflow-wrap:anywhere !important;
	}

	body.clasificacion-page #partidos table tr.partido-separador{
		display:block !important;
	}

	body.clasificacion-page #partidos table tr.partido-separador td{
		display:block !important;
		width:100% !important;
		height:28px !important;
		padding:0 !important;
		border-top:0 !important;
		background:linear-gradient(90deg, transparent, rgba(14,79,195,.34), transparent) center / 72% 2px no-repeat !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario{
		grid-template-columns:34px 48px minmax(0,1fr) 132px !important;
		gap:6px !important;
		padding:8px 2px 8px 6px !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #nombre{
		min-width:0 !important;
		max-width:100% !important;
		overflow:hidden !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #nombre span{
		display:block !important;
		max-width:100% !important;
		overflow:hidden !important;
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		font-size:13px !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos{
		width:132px !important;
		min-width:132px !important;
		justify-self:end !important;
		overflow:hidden !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos .pronostico-resumen{
		justify-content:flex-end !important;
		gap:4px !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos span{
		min-width:36px !important;
		width:36px !important;
		height:36px !important;
		font-size:22px !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos small{
		max-width:132px !important;
		width:132px !important;
		justify-content:flex-end !important;
		font-size:9px !important;
		line-height:1 !important;
		overflow:hidden !important;
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos small.pronostico-empate{
		max-width:132px !important;
		width:132px !important;
		font-size:10px !important;
		justify-content:flex-end !important;
	}

	#verresultadousuario #tablaverresultado tr.pronostico-usuario #puntos small.pronostico-empate .pronostico-empate-icono{
		width:18px !important;
		height:18px !important;
		min-width:18px !important;
		font-size:11px !important;
	}
}

/* Ver usuario: eliminatorias y premios */
#fase_eliminatoria #octavos_cuartos_semis table tr.match-row{
	display:grid;
	grid-template-columns:72px minmax(0,1fr) 58px minmax(0,1fr);
	align-items:center;
	gap:6px;
	background:#fff;
	border-radius:8px;
	box-shadow:0 1px 0 var(--wc-line);
}

#fase_eliminatoria #octavos_cuartos_semis table tr.match-row td{
	width:auto !important;
	text-align:center;
}

#fase_eliminatoria #octavos_cuartos_semis table tr.match-row td.pred-acierto{
	background:#d7f8d1 !important;
	box-shadow:inset 0 0 0 1px rgba(22,163,74,.24) !important;
}

#fase_eliminatoria #octavos_cuartos_semis table tr.match-row td.pred-fallo{
	background:#ffd7d7 !important;
	box-shadow:inset 0 0 0 1px rgba(225,37,47,.24) !important;
}

#fase_eliminatoria #octavos_cuartos_semis table tr.match-row td.pred-eliminado{
	color:#c5162e !important;
	font-weight:800;
}

#fase_eliminatoria #octavos_cuartos_semis table tr.match-row td.pred-eliminado img{
	filter:grayscale(.7);
	opacity:.72;
}

#fase_eliminatoria #octavos_cuartos_semis table tr.match-row.pred-pendiente td,
#fase_eliminatoria #octavos_cuartos_semis table tr.match-row td.pred-pendiente{
	background:#fff !important;
	box-shadow:none !important;
}

@media(min-width:761px){
	.resultados-page #fase_eliminatoria #octavos_cuartos_semis table{
		width:100% !important;
		table-layout:fixed !important;
	}

	.resultados-page #fase_eliminatoria #octavos_cuartos_semis table tr.match-row{
		display:table-row !important;
		background:#fff !important;
		border-radius:8px !important;
		box-shadow:0 1px 0 var(--wc-line) !important;
	}

	.resultados-page #fase_eliminatoria #octavos_cuartos_semis table tr.match-row td{
		display:table-cell !important;
		width:auto !important;
		padding:12px 10px !important;
		background:#eee !important;
		text-align:center !important;
		vertical-align:middle !important;
	}

	.resultados-page #fase_eliminatoria #octavos_cuartos_semis table tr.match-row #tiempo{
		width:14% !important;
		min-width:72px !important;
	}

	.resultados-page #fase_eliminatoria #octavos_cuartos_semis table tr.match-row #local{
		width:32% !important;
	}

	.resultados-page #fase_eliminatoria #octavos_cuartos_semis table tr.match-row #vs{
		width:20% !important;
		color:#000 !important;
		font-size:20px !important;
		font-weight:900 !important;
	}

	.resultados-page #fase_eliminatoria #octavos_cuartos_semis table tr.match-row #visitante{
		width:34% !important;
	}

	.resultados-page #fase_eliminatoria #octavos_cuartos_semis table tr.match-row #vs .examinar-link{
		width:auto !important;
		max-width:none !important;
		margin-top:8px !important;
		padding:6px 14px !important;
		color:#fff !important;
		font-size:12px !important;
		white-space:nowrap !important;
	}
}

#octavos_cuartos_semis.premios-verusuario{
	padding:14px;
	overflow:hidden;
}

#octavos_cuartos_semis.premios-verusuario .premios-table{
	width:100% !important;
	border-spacing:0 8px !important;
	border-collapse:separate !important;
	table-layout:auto !important;
}

#octavos_cuartos_semis.premios-verusuario .premios-table tr{
	display:grid;
	grid-template-columns:minmax(170px, .55fr) minmax(0, 1fr);
	align-items:stretch;
	gap:0;
	border:1px solid rgba(8,31,92,.08);
	border-radius:8px;
	box-shadow:0 8px 18px rgba(8,31,92,.08);
	overflow:hidden;
}

#octavos_cuartos_semis.premios-verusuario .premios-table td{
	display:flex !important;
	align-items:center;
	width:auto !important;
	min-height:48px;
	padding:12px 14px !important;
	background:transparent !important;
	text-align:left !important;
	line-height:1.25;
}

#octavos_cuartos_semis.premios-verusuario .premios-table td:first-child{
	color:var(--wc-blue);
	font-weight:900;
	border-right:1px solid rgba(8,31,92,.08);
}

#octavos_cuartos_semis.premios-verusuario .premios-table td:last-child{
	font-weight:800;
	overflow-wrap:anywhere;
}

@media(max-width:760px){
	#fase_eliminatoria #octavos_cuartos_semis table tr.match-row{
		grid-template-columns:54px minmax(0,1fr) 52px minmax(0,1fr) !important;
		gap:4px !important;
		padding:8px 4px !important;
	}

	#fase_eliminatoria #octavos_cuartos_semis table tr.match-row td.pred-acierto{
		background:#d7f8d1 !important;
	}

	#fase_eliminatoria #octavos_cuartos_semis table tr.match-row td.pred-fallo{
		background:#ffd7d7 !important;
	}

	#fase_eliminatoria #octavos_cuartos_semis table tr.match-row.pred-pendiente td,
	#fase_eliminatoria #octavos_cuartos_semis table tr.match-row td.pred-pendiente{
		background:transparent !important;
	}

	#octavos_cuartos_semis.premios-verusuario .premios-table tr{
		grid-template-columns:minmax(112px, 42%) minmax(0, 1fr) !important;
		padding:0 !important;
	}

	#octavos_cuartos_semis.premios-verusuario .premios-table td{
		display:flex !important;
		min-width:0 !important;
		min-height:50px;
		padding:10px 12px !important;
		font-size:12px !important;
		line-height:1.25;
	}
}

/* Final mobile fit fixes */
@media(max-width:760px){
	.resultados-page #tabla_clasif{
		display:block !important;
		width:calc(100vw - 20px) !important;
		margin:24px 10px 34px !important;
		padding:8px !important;
		overflow:hidden !important;
	}

	.resultados-page #tabla_clasif table{
		width:100% !important;
		min-width:0 !important;
		border-collapse:separate !important;
		border-spacing:0 6px !important;
	}

	.resultados-page #tabla_clasif col{
		width:auto !important;
	}

	.resultados-page #tabla_clasif table tr{
		display:grid !important;
		grid-template-columns:22px minmax(80px, 1.4fr) 30px repeat(7, minmax(20px, .32fr)) !important;
		align-items:center !important;
		min-height:78px !important;
		border-bottom:1px solid #edf1f7 !important;
	}

	.resultados-page #tabla_clasif table tr td:nth-child(n+5),
	.resultados-page #tabla_clasif table tr:nth-child(2) td:nth-child(n+5){
		display:block !important;
	}

	.resultados-page #tabla_clasif table tr td{
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
		min-width:0 !important;
		height:100% !important;
		padding:6px 1px !important;
		font-size:12px !important;
		line-height:1.05 !important;
		white-space:nowrap !important;
		overflow:hidden !important;
		text-overflow:ellipsis !important;
	}

	.resultados-page #tabla_clasif table tr:first-child{
		display:block !important;
		min-height:0 !important;
		border-bottom:0 !important;
	}

	.resultados-page #tabla_clasif table tr:first-child td{
		display:block !important;
		width:100% !important;
		max-width:none !important;
		height:auto !important;
	}

	.resultados-page #tabla_clasif table tr:nth-child(2){
		min-height:34px !important;
		grid-template-columns:22px minmax(80px, 1.4fr) 30px repeat(7, minmax(20px, .32fr)) !important;
	}

	.resultados-page #tabla_clasif table tr:nth-child(2) td:nth-child(1){
		grid-column:1;
	}

	.resultados-page #tabla_clasif table tr:nth-child(2) td:nth-child(2){
		grid-column:2;
		font-size:9px !important;
		text-align:center !important;
	}

	.resultados-page #tabla_clasif table tr:nth-child(2) td:nth-child(3){
		grid-column:3;
		font-size:9px !important;
		text-align:center !important;
	}

	.resultados-page #tabla_clasif table tr:nth-child(2) td:nth-child(n+4){
		font-size:10px !important;
	}

	.resultados-page #tabla_clasif table tr:not(:first-child):not(:nth-child(2)) td:nth-child(1){
		grid-column:1;
		grid-row:1 / 3;
	}

	.resultados-page #tabla_clasif table tr:not(:first-child):not(:nth-child(2)) td:nth-child(2){
		grid-column:2;
		grid-row:1;
		align-items:end !important;
		padding-top:7px !important;
		padding-bottom:1px !important;
	}

	.resultados-page #tabla_clasif table tr:not(:first-child):not(:nth-child(2)) td:nth-child(3){
		grid-column:2;
		grid-row:2;
		justify-content:center !important;
		padding:1px 3px 7px !important;
		font-size:10px !important;
		font-weight:900 !important;
		text-align:center !important;
		white-space:normal !important;
		overflow:visible !important;
		text-overflow:clip !important;
		word-break:normal !important;
		overflow-wrap:normal !important;
	}

	.resultados-page #tabla_clasif table tr:not(:first-child):not(:nth-child(2)) td:nth-child(n+4){
		grid-row:1 / 3;
	}

	.resultados-page #tabla_clasif table tr #titulo{
		width:100% !important;
		max-width:none !important;
		font-size:18px !important;
		line-height:1.15 !important;
		padding:13px 12px !important;
		white-space:normal !important;
		text-align:center !important;
	}

	.resultados-page #tabla_clasif table tr td img{
		width:24px !important;
		height:24px !important;
		min-width:24px !important;
		max-width:24px !important;
		min-height:24px !important;
		max-height:24px !important;
		margin:0 auto !important;
	}

	.resultados-page #verusuario #grupo table tr.match-row,
	.resultados-page #octavos_cuartos_semis table tr.match-row{
		grid-template-columns:58px minmax(0,1fr) 44px minmax(0,1fr) !important;
	}

	#verusuario #grupo table tr.match-row,
	#fase_eliminatoria #octavos_cuartos_semis table tr.match-row{
		grid-template-columns:68px minmax(0,1fr) 44px minmax(0,1fr) !important;
	}

	#verusuario #grupo table tr #tiempo,
	#octavos_cuartos_semis table tr #tiempo,
	#fase_eliminatoria #octavos_cuartos_semis table tr #tiempo{
		min-width:0 !important;
		padding-left:5px !important;
		padding-right:5px !important;
		font-size:11px !important;
		line-height:1.05 !important;
		white-space:nowrap !important;
	}

	#verusuario #grupo table tr #tiempo #hora,
	#octavos_cuartos_semis table tr #tiempo #hora,
	#fase_eliminatoria #octavos_cuartos_semis table tr #tiempo #hora{
		font-size:12px !important;
		line-height:1.05 !important;
		white-space:nowrap !important;
	}

	.resultados-page #verusuario #grupo table tr #vs .examinar-link,
	.resultados-page #octavos_cuartos_semis table tr #vs .examinar-link{
		max-width:40px !important;
		min-height:28px !important;
		padding:6px 4px !important;
		font-size:0 !important;
		line-height:1 !important;
	}

	.resultados-page #verusuario #grupo table tr #vs .examinar-link::after,
	.resultados-page #octavos_cuartos_semis table tr #vs .examinar-link::after{
		content:"Ver";
		font-size:10px !important;
		font-weight:900 !important;
	}
}

@media(max-width:380px){
	.resultados-page #tabla_clasif table tr{
		grid-template-columns:20px minmax(74px, 1.25fr) 28px repeat(7, minmax(18px, .30fr)) !important;
		min-height:78px !important;
	}

	.resultados-page #tabla_clasif table tr td{
		font-size:10px !important;
	}

	.resultados-page #tabla_clasif table tr:nth-child(2){
		grid-template-columns:20px minmax(74px, 1.25fr) 28px repeat(7, minmax(18px, .30fr)) !important;
	}

	.resultados-page #tabla_clasif table tr:not(:first-child):not(:nth-child(2)) td:nth-child(3){
		font-size:9px !important;
	}

	#verusuario #grupo table tr.match-row,
	#fase_eliminatoria #octavos_cuartos_semis table tr.match-row{
		grid-template-columns:64px minmax(0,1fr) 40px minmax(0,1fr) !important;
	}
}

/* Clasificacion real mobile: reset limpio de la tabla */
@media(max-width:760px){
	body.resultados-page #tabla_clasif{
		width:calc(100vw - 20px) !important;
		margin:24px 10px 34px !important;
		padding:8px !important;
		overflow:hidden !important;
	}

	body.resultados-page #tabla_clasif table{
		display:block !important;
		width:100% !important;
		min-width:0 !important;
		border-collapse:separate !important;
		border-spacing:0 !important;
		table-layout:auto !important;
	}

	body.resultados-page #tabla_clasif colgroup{
		display:none !important;
	}

body.resultados-page #tabla_clasif table tr{
		display:grid !important;
		grid-template-columns:24px minmax(64px, .72fr) repeat(8, minmax(27px, 1fr)) !important;
		align-items:stretch !important;
		min-height:76px !important;
		border-bottom:1px solid #edf1f7 !important;
		background:#fff !important;
	}

	body.resultados-page #tabla_clasif table tr:first-child{
		display:block !important;
		min-height:0 !important;
		border-bottom:1px solid #edf1f7 !important;
	}

	body.resultados-page #tabla_clasif table tr:first-child td#titulo{
		display:block !important;
		width:100% !important;
		min-width:0 !important;
		max-width:none !important;
		padding:14px 12px !important;
		font-size:18px !important;
		line-height:1.18 !important;
		text-align:center !important;
		white-space:normal !important;
		overflow:visible !important;
		text-overflow:clip !important;
		word-break:normal !important;
		overflow-wrap:normal !important;
	}

	body.resultados-page #tabla_clasif table tr:nth-child(2){
		min-height:34px !important;
		background:#f8fbff !important;
	}

	body.resultados-page #tabla_clasif table tr td{
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
		width:auto !important;
		min-width:0 !important;
		max-width:none !important;
		height:auto !important;
		padding:6px 1px !important;
		border:0 !important;
		background:transparent !important;
		color:#071f5f !important;
		font-size:13px !important;
		font-weight:900 !important;
		line-height:1.05 !important;
		text-align:center !important;
		white-space:nowrap !important;
		overflow:hidden !important;
		text-overflow:ellipsis !important;
	}

	body.resultados-page #tabla_clasif table tr:nth-child(2) td{
		font-size:10px !important;
		color:#52617a !important;
		text-transform:uppercase !important;
	}

	body.resultados-page #tabla_clasif table tr:nth-child(2) td:nth-child(2){
		display:none !important;
	}

	body.resultados-page #tabla_clasif table tr:nth-child(2) td:nth-child(3){
		grid-column:2 !important;
		grid-row:auto !important;
		padding:6px 2px !important;
		font-size:9px !important;
		white-space:nowrap !important;
	}

	body.resultados-page #tabla_clasif table tr:nth-child(2) td:nth-child(n+4){
		font-size:11px !important;
	}

	body.resultados-page #tabla_clasif table tr:not(:first-child):not(:nth-child(2)) td:nth-child(1){
		grid-column:1 !important;
		grid-row:1 / 3 !important;
	}

	body.resultados-page #tabla_clasif table tr:not(:first-child):not(:nth-child(2)) td:nth-child(2){
		grid-column:2 !important;
		grid-row:1 !important;
		align-items:end !important;
		padding:8px 2px 1px !important;
	}

	body.resultados-page #tabla_clasif table tr:not(:first-child):not(:nth-child(2)) td:nth-child(3){
		grid-column:2 !important;
		grid-row:2 !important;
		align-items:start !important;
		padding:1px 3px 8px !important;
		font-size:9px !important;
		line-height:1.08 !important;
		white-space:normal !important;
		overflow:visible !important;
		text-overflow:clip !important;
		word-break:normal !important;
		overflow-wrap:normal !important;
	}

	body.resultados-page #tabla_clasif table tr:not(:first-child):not(:nth-child(2)) td:nth-child(n+4){
		grid-row:1 / 3 !important;
		font-size:13px !important;
		line-height:1 !important;
	}

	body.resultados-page #tabla_clasif table tr:nth-child(2) td:nth-child(4),
	body.resultados-page #tabla_clasif table tr:not(:first-child):not(:nth-child(2)) td:nth-child(4){
		margin-left:8px !important;
	}

	body.resultados-page #tabla_clasif table tr td img{
		display:block !important;
		width:24px !important;
		height:24px !important;
		min-width:24px !important;
		max-width:24px !important;
		min-height:24px !important;
		max-height:24px !important;
		margin:0 auto !important;
	}
}

@media(max-width:380px){
	body.resultados-page #tabla_clasif table tr{
		grid-template-columns:22px minmax(58px, .68fr) repeat(8, minmax(24px, 1fr)) !important;
	}

	body.resultados-page #tabla_clasif table tr td{
		font-size:11px !important;
	}

	body.resultados-page #tabla_clasif table tr:nth-child(2) td{
		font-size:9px !important;
	}

	body.resultados-page #tabla_clasif table tr:nth-child(2) td:nth-child(n+4),
	body.resultados-page #tabla_clasif table tr:not(:first-child):not(:nth-child(2)) td:nth-child(n+4){
		font-size:11px !important;
	}

	body.resultados-page #tabla_clasif table tr:not(:first-child):not(:nth-child(2)) td:nth-child(3){
		font-size:9px !important;
	}
}

/* Clasificacion real mobile: tabla alineada con scroll horizontal */
@media(max-width:760px){
	body.resultados-page #tabla_clasif{
		box-sizing:border-box !important;
		width:calc(100vw - 20px) !important;
		margin:24px 10px 34px !important;
		padding:0 !important;
		overflow-x:hidden !important;
		overflow-y:hidden !important;
	}

	body.resultados-page #tabla_clasif table{
		display:table !important;
		width:100% !important;
		min-width:0 !important;
		border-collapse:collapse !important;
		border-spacing:0 !important;
		table-layout:fixed !important;
	}

	body.resultados-page #tabla_clasif colgroup{
		display:table-column-group !important;
	}

	body.resultados-page #tabla_clasif col.clasif-pos{
		width:7% !important;
	}

	body.resultados-page #tabla_clasif col.clasif-bandera{
		width:10% !important;
	}

	body.resultados-page #tabla_clasif col.clasif-seleccion{
		width:25% !important;
	}

	body.resultados-page #tabla_clasif col.clasif-pts{
		width:9% !important;
	}

	body.resultados-page #tabla_clasif col.clasif-stat{
		width:7% !important;
	}

	body.resultados-page #tabla_clasif table tr{
		display:table-row !important;
		min-height:0 !important;
		border-bottom:1px solid #edf1f7 !important;
	}

	body.resultados-page #tabla_clasif table tr:first-child{
		display:table-row !important;
	}

	body.resultados-page #tabla_clasif table tr td,
	body.resultados-page #tabla_clasif table tr:nth-child(2) td,
	body.resultados-page #tabla_clasif table tr:not(:first-child):not(:nth-child(2)) td{
		display:table-cell !important;
		grid-column:auto !important;
		grid-row:auto !important;
		width:auto !important;
		height:auto !important;
		margin-left:0 !important;
		padding:10px 1px !important;
		background:#fff !important;
		font-size:12px !important;
		line-height:1.15 !important;
		text-align:center !important;
		vertical-align:middle !important;
		white-space:nowrap !important;
		overflow:hidden !important;
		text-overflow:ellipsis !important;
	}

	body.resultados-page #tabla_clasif table tr:first-child td#titulo{
		display:table-cell !important;
		padding:14px 12px !important;
		background:#fff !important;
		font-size:18px !important;
		text-align:center !important;
		white-space:normal !important;
		overflow:visible !important;
		text-overflow:clip !important;
	}

	body.resultados-page #tabla_clasif table tr:nth-child(2) td{
		background:#f8fbff !important;
		color:#52617a !important;
		font-size:9px !important;
		font-weight:900 !important;
		text-transform:uppercase !important;
	}

	body.resultados-page #tabla_clasif table tr:nth-child(2) td:nth-child(2){
		display:table-cell !important;
		grid-column:auto !important;
		grid-row:auto !important;
	}

	body.resultados-page #tabla_clasif table tr td:nth-child(3){
		grid-column:auto !important;
		grid-row:auto !important;
		text-align:left !important;
	}

	body.resultados-page #tabla_clasif table tr td:nth-child(n+4){
		grid-column:auto !important;
		grid-row:auto !important;
		text-align:center !important;
		font-size:12px !important;
		font-weight:900 !important;
	}

	body.resultados-page #tabla_clasif table tr td img{
		width:24px !important;
		height:24px !important;
		min-width:24px !important;
		max-width:24px !important;
		min-height:24px !important;
		max-height:24px !important;
		margin:0 auto !important;
	}
}

/* Clasificacion real mobile: ultimo override */
@media(max-width:760px){
	body.resultados-page #tabla_clasif{
		display:none !important;
	}

	body.resultados-page .clasificacion-real-mobile{
		display:block !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla{
		display:grid !important;
		width:100% !important;
		min-width:0 !important;
		grid-template-columns:28px 42px minmax(88px, 1.8fr) repeat(8, minmax(24px, .7fr)) !important;
		border-collapse:separate !important;
		border-spacing:0 !important;
		table-layout:auto !important;
		background:#fff !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla colgroup{
		display:none !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla tbody,
	body.resultados-page #tabla_clasif table.clasificacion-real-tabla tr{
		display:contents !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla td{
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
		grid-column:auto !important;
		grid-row:auto !important;
		width:auto !important;
		min-width:0 !important;
		height:auto !important;
		margin:0 !important;
		padding:10px 2px !important;
		border:0 !important;
		border-bottom:1px solid #edf1f7 !important;
		background:#fff !important;
		color:#071f5f !important;
		font-size:11px !important;
		font-weight:900 !important;
		line-height:1.1 !important;
		text-align:center !important;
		white-space:nowrap !important;
		overflow:hidden !important;
		text-overflow:ellipsis !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla tr:first-child td#titulo{
		grid-column:1 / -1 !important;
		padding:14px 10px !important;
		font-size:18px !important;
		white-space:normal !important;
		overflow:visible !important;
		text-overflow:clip !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla tr:nth-child(2) td{
		background:#f8fbff !important;
		color:#52617a !important;
		font-size:9px !important;
		text-transform:uppercase !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla td:nth-child(3){
		justify-content:flex-start !important;
		text-align:left !important;
	}

	body.resultados-page #tabla_clasif table.clasificacion-real-tabla img{
		display:block !important;
		width:24px !important;
		height:24px !important;
		min-width:24px !important;
		max-width:24px !important;
		min-height:24px !important;
		max-height:24px !important;
		margin:0 auto !important;
		border-radius:50% !important;
		object-fit:cover !important;
	}
}

/* Admin results panel absolute last override */
body.admin-results-page #verusuario,
body.admin-results-page #admin-grupos,
body.admin-results-page #octavos_cuartos_semis{
	width:min(94vw, 980px) !important;
	max-width:980px !important;
	margin-left:auto !important;
	margin-right:auto !important;
}

body.admin-results-page table.admin-results-table{
	width:100% !important;
	min-width:0 !important;
	border-collapse:separate !important;
	border-spacing:0 10px !important;
}

body.admin-results-page table.admin-results-table tr.admin-match-row{
	display:table-row !important;
}

body.admin-results-page table.admin-results-table tr.admin-match-row td{
	width:auto !important;
	background:#f7f9fc !important;
}

body.admin-results-page .admin-score-form input[type="number"]{
	width:58px !important;
}

body.admin-results-page .admin-team-form input[type="text"]{
	width:min(180px, 100%) !important;
}

body.admin-results-page .admin-awards-form{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr)) auto;
	gap:10px;
	align-items:end;
	width:100%;
}

/* Racha en clasificacion */
body.clasificacion-page #tabla table tr{
	display:table-row !important;
}

body.clasificacion-page #tabla table tr .racha-cell{
	width:68px !important;
	min-width:68px !important;
	padding-left:2px !important;
	padding-right:2px !important;
	text-align:center !important;
}

body.clasificacion-page #tabla table tr .racha-cell .clasificacion-racha{
	position:relative !important;
	display:inline-grid !important;
	place-items:center !important;
	width:50px !important;
	height:50px !important;
	min-width:50px !important;
	margin:0 auto !important;
	text-decoration:none !important;
	filter:drop-shadow(0 7px 12px rgba(225,37,47,.22));
}

body.clasificacion-page #tabla table tr .racha-cell .clasificacion-racha img{
	position:absolute !important;
	inset:0 !important;
	display:block !important;
	width:50px !important;
	height:50px !important;
	min-width:50px !important;
	max-width:50px !important;
	min-height:50px !important;
	max-height:50px !important;
	object-fit:contain !important;
	border:0 !important;
	border-radius:0 !important;
	background:transparent !important;
	box-shadow:none !important;
}

body.clasificacion-page #tabla table tr .racha-cell .clasificacion-racha span{
	position:absolute !important;
	inset:0 !important;
	z-index:2 !important;
	display:grid !important;
	place-items:center !important;
	width:100% !important;
	height:100% !important;
	min-width:0 !important;
	padding:0 !important;
	border-radius:0 !important;
	background:transparent !important;
	color:#d84a0f !important;
	font-family:Arial, sans-serif !important;
	font-size:17px !important;
	font-weight:1000 !important;
	line-height:1 !important;
	text-align:center !important;
	text-shadow:0 1px 0 #fff, 0 0 7px rgba(255,255,255,.95), 0 0 2px #fff;
}

@media(max-width:760px){
	body.clasificacion-page #tabla{
		width:calc(100% - 20px) !important;
		overflow:hidden !important;
	}

	body.clasificacion-page #tabla table{
		width:100% !important;
		table-layout:fixed !important;
	}

	body.clasificacion-page #tabla table tr{
		display:grid !important;
		grid-template-columns:42px 54px minmax(0, 1fr) 34px 44px !important;
		align-items:center !important;
		min-height:78px !important;
		column-gap:4px !important;
	}

	body.clasificacion-page #tabla table tr td{
		display:flex !important;
		align-items:center !important;
		min-width:0 !important;
		height:100% !important;
		padding:10px 2px !important;
	}

	body.clasificacion-page #tabla table tr #posicion{
		grid-column:1 !important;
		width:auto !important;
		justify-content:center !important;
	}

	body.clasificacion-page #tabla table tr #imagen{
		grid-column:2 !important;
		width:auto !important;
		justify-content:center !important;
	}

	body.clasificacion-page #tabla table tr #nombre{
		grid-column:3 !important;
		width:auto !important;
		justify-content:flex-start !important;
		overflow:hidden !important;
	}

	body.clasificacion-page #tabla table tr .racha-cell{
		grid-column:4 !important;
		width:34px !important;
		min-width:34px !important;
		justify-content:center !important;
	}

	body.clasificacion-page #tabla table tr #puntos{
		grid-column:5 !important;
		width:44px !important;
		min-width:44px !important;
		padding-right:2px !important;
		justify-content:center !important;
		text-align:center !important;
		justify-self:stretch !important;
	}

	body.clasificacion-page #tabla table tr td a{
		min-width:0 !important;
		width:100% !important;
	}

	body.clasificacion-page #tabla table tr #nombre a{
		justify-content:flex-start !important;
	}

	body.clasificacion-page #tabla table tr #nombre #numero{
		display:block !important;
		min-width:0 !important;
		max-width:100% !important;
		white-space:normal !important;
		overflow-wrap:anywhere !important;
		font-size:15px !important;
		line-height:1.08 !important;
	}

	body.clasificacion-page #tabla table #imagen img{
		width:42px !important;
		height:42px !important;
		min-width:42px !important;
		max-width:42px !important;
		min-height:42px !important;
		max-height:42px !important;
	}

	body.clasificacion-page #tabla table tr #posicion #numero,
	body.clasificacion-page #tabla table tr #puntos #numero{
		width:36px !important;
		min-width:36px !important;
		height:36px !important;
		min-height:36px !important;
		padding:0 !important;
		font-size:16px !important;
	}

	body.clasificacion-page #tabla table tr .racha-cell .clasificacion-racha{
		width:32px !important;
		height:32px !important;
		min-width:32px !important;
	}

	body.clasificacion-page #tabla table tr .racha-cell .clasificacion-racha img{
		width:32px !important;
		height:32px !important;
		min-width:32px !important;
		max-width:32px !important;
		min-height:32px !important;
		max-height:32px !important;
	}

	body.clasificacion-page #tabla table tr .racha-cell .clasificacion-racha span{
		width:100% !important;
		height:100% !important;
		min-width:0 !important;
		padding:0 !important;
		color:#d84a0f !important;
		font-size:12px !important;
	}
}

body.admin-results-page .admin-awards-form label{
	display:grid;
	gap:6px;
	min-width:0;
	color:#061c5d;
	font-size:13px;
	font-weight:900;
}

body.admin-results-page .admin-awards-form select,
body.admin-results-page .admin-awards-form input[type="number"]{
	width:100%;
	min-width:0;
	height:42px;
	border:1px solid rgba(8,31,92,.22);
	border-radius:8px;
	background:#fff;
	color:#061c5d;
	font-size:14px;
	font-weight:800;
}

body.admin-results-page .admin-awards-form input[type="submit"]{
	min-height:42px;
	padding:0 16px;
	border:0;
	border-radius:8px;
	background:linear-gradient(90deg,#e1252f,#061c5d);
	color:#fff;
	font-size:14px;
	font-weight:900;
	box-shadow:0 8px 16px rgba(8,31,92,.16);
}

@media(max-width:760px){
	body.admin-results-page{
		padding-bottom:96px !important;
	}

	body.admin-results-page #verusuario,
	body.admin-results-page #admin-grupos,
	body.admin-results-page #octavos_cuartos_semis{
		width:100% !important;
		max-width:none !important;
	}

	body.admin-results-page table.admin-results-table,
	body.admin-results-page table.admin-results-table tbody{
		display:block !important;
		width:100% !important;
		min-width:0 !important;
	}

	body.admin-results-page table.admin-results-table tr.admin-match-row{
		display:grid !important;
		width:100% !important;
		margin:0 0 10px !important;
		padding:0 !important;
		background:#f7f9fc !important;
		border:1px solid rgba(8,31,92,.10) !important;
		border-radius:8px !important;
		box-shadow:0 8px 18px rgba(8,31,92,.08) !important;
		overflow:hidden !important;
	}

	body.admin-results-page table.admin-results-table tr.admin-group-match{
		grid-template-columns:66px minmax(0,1fr) minmax(0,1fr) !important;
		grid-template-areas:
			"date local visitor"
			"score score score" !important;
	}

	body.admin-results-page table.admin-results-table tr.admin-knockout-match{
		grid-template-columns:1fr !important;
		grid-template-areas:
			"date"
			"local"
			"vs"
			"visitor" !important;
	}

	body.admin-results-page table.admin-results-table tr.admin-winner-match{
		grid-template-columns:1fr !important;
		grid-template-areas:
			"date"
			"local" !important;
	}

	body.admin-results-page table.admin-results-table tr.admin-match-row td{
		display:block !important;
		width:auto !important;
		min-width:0 !important;
		padding:9px 5px !important;
		border:0 !important;
		border-radius:0 !important;
		background:transparent !important;
		text-align:center !important;
	}

	body.admin-results-page .admin-match-date{
		grid-area:date !important;
		font-size:12px !important;
	}

	body.admin-results-page .admin-team-local{
		grid-area:local !important;
	}

	body.admin-results-page .admin-team-visitor{
		grid-area:visitor !important;
	}

	body.admin-results-page .admin-team-edit-local{
		grid-area:local !important;
	}

	body.admin-results-page .admin-team-edit-visitor{
		grid-area:visitor !important;
	}

	body.admin-results-page .admin-vs{
		grid-area:vs !important;
		width:auto !important;
		padding:2px 8px !important;
		color:#e1252f !important;
		font-size:17px !important;
		line-height:1 !important;
	}

	body.admin-results-page .admin-score-cell{
		grid-area:score !important;
		border-top:1px solid rgba(8,31,92,.08) !important;
	}

	body.admin-results-page .admin-score-form{
		display:grid !important;
		grid-template-columns:56px 1fr !important;
		gap:8px !important;
		align-items:center !important;
	}

	body.admin-results-page .admin-score-form input[type="submit"]{
		grid-column:1 / -1 !important;
		width:100% !important;
	}

	body.admin-results-page .admin-team-form{
		display:grid !important;
		grid-template-columns:minmax(0,1fr) 96px !important;
		gap:8px !important;
		align-items:center !important;
	}

	body.admin-results-page .admin-team-form input[type="text"],
	body.admin-results-page .admin-team-form input[type="submit"]{
		width:100% !important;
		min-width:0 !important;
		margin:0 !important;
	}

	body.admin-results-page .admin-team-form input[type="text"]{
		height:44px !important;
		font-size:15px !important;
		text-align:left !important;
	}

	body.admin-results-page .admin-team-form input[type="submit"]{
		height:44px !important;
		padding:0 8px !important;
		font-size:13px !important;
		white-space:nowrap !important;
	}

	body.admin-results-page .admin-awards-form{
		display:grid !important;
		grid-template-columns:1fr !important;
		gap:10px !important;
	}

	body.admin-results-page .admin-awards-form select,
	body.admin-results-page .admin-awards-form input[type="number"],
	body.admin-results-page .admin-awards-form input[type="submit"]{
		width:100% !important;
		height:44px !important;
	}

	body.admin-results-page .admin-mobile-nav{
		position:fixed !important;
		left:0 !important;
		right:0 !important;
		bottom:0 !important;
		z-index:10000 !important;
		display:grid !important;
		grid-template-columns:repeat(7, minmax(0, 1fr)) !important;
		gap:4px !important;
		padding:8px 8px calc(8px + env(safe-area-inset-bottom)) !important;
		background:rgba(255,255,255,.96) !important;
		border-top:1px solid rgba(8,31,92,.14) !important;
		box-shadow:0 -10px 22px rgba(8,31,92,.14) !important;
		backdrop-filter:blur(12px) !important;
	}

	body.admin-results-page .admin-mobile-nav a{
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
		min-width:0 !important;
		min-height:42px !important;
		padding:6px 4px !important;
		border-radius:8px !important;
		background:#f1f5fb !important;
		color:#061c5d !important;
		font-size:11px !important;
		font-weight:900 !important;
		line-height:1 !important;
		text-align:center !important;
		text-decoration:none !important;
		white-space:nowrap !important;
		box-shadow:inset 0 0 0 1px rgba(8,31,92,.08) !important;
	}
}

/* Admin panel title */
body.admin-results-page #nombrepuntos{
	display:block !important;
	width:100% !important;
	height:auto !important;
	margin:0 !important;
	padding:24px 16px !important;
	background:#fff !important;
}

body.admin-results-page #nombre{
	display:block !important;
	width:100% !important;
	height:auto !important;
	margin:0 !important;
	padding:0 !important;
	color:#061c5d !important;
	font-size:clamp(28px, 7vw, 48px) !important;
	line-height:1.08 !important;
	font-weight:900 !important;
	letter-spacing:0 !important;
	text-align:center !important;
	text-transform:uppercase !important;
}

body.admin-results-page .admin-team img{
	width:34px !important;
	height:34px !important;
	min-width:34px !important;
	max-width:34px !important;
	min-height:34px !important;
	max-height:34px !important;
	border-radius:50% !important;
	object-fit:cover !important;
	overflow:hidden !important;
}

@media(max-width:760px){
	body.admin-results-page #nombrepuntos{
		padding:18px 12px !important;
	}

	body.admin-results-page #nombre{
		font-size:34px !important;
	}

body.admin-results-page .admin-team img{
	width:28px !important;
	height:28px !important;
	min-width:28px !important;
	max-width:28px !important;
	min-height:28px !important;
	max-height:28px !important;
	}
}

/* Keep the Google login mark contained in in-app browsers. */
body.index-body .google-login-row .google-login-icon-link{
	width:34px !important;
	height:34px !important;
	min-width:34px !important;
	max-width:34px !important;
	min-height:34px !important;
	max-height:34px !important;
	padding:0 !important;
	overflow:hidden !important;
	box-sizing:border-box !important;
}

body.index-body .google-login-row .google-login-icon-link img{
	display:block !important;
	width:20px !important;
	height:20px !important;
	min-width:20px !important;
	max-width:20px !important;
	min-height:20px !important;
	max-height:20px !important;
	object-fit:contain !important;
	flex:0 0 20px !important;
}

/* Admin player goals */
body.admin-results-page .admin-feedback{
	width:100%;
	margin:0 0 14px;
	padding:12px 14px;
	border-radius:8px;
	font-size:14px;
	font-weight:900;
	text-align:center;
}

body.admin-results-page .admin-feedback-ok{
	background:#e8f7ef;
	color:#087443;
	border:1px solid rgba(8,116,67,.20);
}

body.admin-results-page .admin-feedback-error{
	background:#fdecef;
	color:#b51224;
	border:1px solid rgba(181,18,36,.20);
}

body.admin-results-page .admin-players-section,
body.admin-results-page .admin-push-section,
body.admin-results-page .admin-notifications-section{
	padding:0 18px 18px;
	background:#fff !important;
}

body.admin-results-page .admin-players-section .admin-section-title,
body.admin-results-page .admin-push-section .admin-section-title,
body.admin-results-page .admin-notifications-section .admin-section-title{
	margin:0 -18px 16px;
	border-radius:8px !important;
	text-align:center !important;
}

body.admin-results-page .admin-player-goals-select-form,
body.admin-results-page .admin-push-form{
	display:grid;
	grid-template-columns:minmax(170px, .8fr) minmax(220px, 1.2fr) 140px auto;
	gap:12px;
	align-items:end;
	width:100%;
	padding:16px;
	border:1px solid rgba(8,31,92,.10);
	border-radius:8px;
	background:linear-gradient(180deg,#f8fbff,#eef3fa);
	box-shadow:0 10px 22px rgba(8,31,92,.10);
}

body.admin-results-page .admin-notification-form{
	grid-template-columns:minmax(220px, .8fr) minmax(260px, 1.2fr) auto;
}

body.admin-results-page .admin-notification-delete{
	display:grid;
	gap:10px;
	margin-top:14px;
}

body.admin-results-page .admin-notification-empty,
body.admin-results-page .admin-notification-delete-form{
	padding:12px 14px;
	border:1px solid rgba(8,31,92,.10);
	border-radius:8px;
	background:#f8fbff;
	color:#061c5d;
	font-size:14px;
	font-weight:900;
	box-shadow:0 8px 16px rgba(8,31,92,.08);
}

body.admin-results-page .admin-notification-delete-title{
	color:#061c5d;
	font-size:16px;
	font-weight:900;
	text-transform:uppercase;
}

body.admin-results-page .admin-notification-delete-form{
	display:grid;
	grid-template-columns:minmax(0, 1fr) auto;
	gap:12px;
	align-items:center;
}

body.admin-results-page .admin-notification-delete-form select{
	width:100%;
	min-width:0;
	height:44px;
	border:1px solid rgba(8,31,92,.22);
	border-radius:8px;
	background:#fff;
	color:#061c5d;
	padding:0 10px;
	font-size:14px;
	font-weight:900;
	box-shadow:0 6px 14px rgba(8,31,92,.08);
}

body.admin-results-page .admin-notification-delete-form input[type="submit"]{
	height:44px;
	padding:0 13px;
	border:0;
	border-radius:8px;
	background:#e1252f;
	color:#fff;
	font-size:13px;
	font-weight:900;
	cursor:pointer;
}

body.admin-results-page .admin-push-form{
	grid-template-columns:minmax(220px, 1fr) minmax(180px, .8fr) minmax(170px, .8fr) auto;
}

body.admin-results-page .admin-player-goals-select-form label,
body.admin-results-page .admin-push-form label{
	display:grid;
	gap:6px;
	min-width:0;
	color:#061c5d;
	font-size:13px;
	font-weight:900;
}

body.admin-results-page .admin-player-goals-select-form label span,
body.admin-results-page .admin-push-form label span{
	display:block;
	min-height:18px;
	font-size:12px;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:0;
}

body.admin-results-page .admin-player-goals-select-form select,
body.admin-results-page .admin-player-goals-select-form input[type="number"],
body.admin-results-page .admin-player-goals-select-form input[type="submit"],
body.admin-results-page .admin-push-form select,
body.admin-results-page .admin-push-form input[type="text"],
body.admin-results-page .admin-push-form input[type="submit"]{
	width:100%;
	min-width:0;
	height:46px;
	border-radius:8px;
	font-size:14px;
	font-weight:900;
	box-shadow:0 6px 14px rgba(8,31,92,.08);
}

body.admin-results-page .admin-player-goals-select-form select,
body.admin-results-page .admin-player-goals-select-form input[type="number"],
body.admin-results-page .admin-push-form select,
body.admin-results-page .admin-push-form input[type="text"],
body.admin-results-page .admin-push-form textarea{
	border:1px solid rgba(8,31,92,.22);
	background:#fff;
	color:#061c5d;
	padding:0 10px;
}

body.admin-results-page .admin-push-form textarea{
	width:100%;
	min-width:0;
	min-height:86px;
	padding:12px 10px;
	border-radius:8px;
	font-size:14px;
	font-weight:900;
	line-height:1.35;
	resize:vertical;
	box-shadow:0 6px 14px rgba(8,31,92,.08);
}

body.admin-results-page .admin-push-message{
	grid-column:1 / -1;
}

body.admin-results-page .admin-player-goals-select-form input[type="number"]{
	text-align:center;
}

body.admin-results-page .admin-player-goals-select-form select:disabled{
	background:#eef2f8;
	color:#7b8798;
}

body.admin-results-page .admin-player-goals-select-form input[type="submit"],
body.admin-results-page .admin-push-form input[type="submit"]{
	border:0;
	background:linear-gradient(90deg,#e1252f,#061c5d);
	color:#fff;
	cursor:pointer;
	padding:0 16px;
	white-space:nowrap;
}

@media(max-width:760px){
body.admin-results-page .admin-players-section,
body.admin-results-page .admin-push-section,
body.admin-results-page .admin-notifications-section{
		padding:0 10px 10px !important;
	}

	body.admin-results-page .admin-players-section .admin-section-title,
	body.admin-results-page .admin-push-section .admin-section-title,
	body.admin-results-page .admin-notifications-section .admin-section-title{
		margin:0 -10px 12px !important;
		border-radius:8px !important;
		text-align:center !important;
	}

	body.admin-results-page .admin-player-goals-select-form,
	body.admin-results-page .admin-push-form{
		grid-template-columns:1fr !important;
		gap:10px !important;
		padding:12px !important;
	}

	body.admin-results-page .admin-player-goals-select-form label,
	body.admin-results-page .admin-push-form label{
		gap:7px !important;
	}

	body.admin-results-page .admin-player-goals-select-form label span,
	body.admin-results-page .admin-push-form label span{
		min-height:auto !important;
		padding-left:2px !important;
		font-size:13px !important;
	}

	body.admin-results-page .admin-player-goals-select-form select,
	body.admin-results-page .admin-player-goals-select-form input[type="number"],
	body.admin-results-page .admin-player-goals-select-form input[type="submit"],
	body.admin-results-page .admin-push-form select,
	body.admin-results-page .admin-push-form input[type="text"],
	body.admin-results-page .admin-push-form input[type="submit"]{
		height:54px !important;
	}

	body.admin-results-page .admin-push-message{
		grid-column:auto !important;
	}

	body.admin-results-page .admin-notification-delete-form{
		grid-template-columns:1fr !important;
	}

	body.admin-results-page .admin-notification-delete-form input[type="submit"]{
		width:100%;
		height:44px;
	}
}

/* Ver usuario: long names on small screens */
#verusuario #nombrepuntos{
	display:flex !important;
	align-items:center !important;
	gap:14px !important;
	min-width:0 !important;
}

#verusuario #nombrepuntos .verusuario-identidad{
	flex:1 1 auto !important;
	max-width:100% !important;
	min-width:0 !important;
}

#verusuario #nombrepuntos .verusuario-identidad #nombre{
	width:auto !important;
	max-width:100% !important;
	min-width:0 !important;
	line-height:1.08 !important;
	white-space:normal !important;
	overflow-wrap:anywhere !important;
	word-break:break-word !important;
	hyphens:auto !important;
}

@media(max-width:760px){
	#verusuario #nombrepuntos{
		display:grid !important;
		grid-template-columns:minmax(0, 1fr) !important;
		align-items:center !important;
		justify-items:center !important;
		gap:12px !important;
		overflow:hidden !important;
		text-align:center !important;
	}

	#verusuario #nombrepuntos .verusuario-identidad{
		display:grid !important;
		grid-template-columns:minmax(0, 1fr) !important;
		justify-content:center !important;
		justify-items:center !important;
		gap:10px !important;
		width:100% !important;
		max-width:100% !important;
		overflow:hidden !important;
	}

	#verusuario #nombrepuntos .verusuario-identidad #nombre{
		display:block !important;
		width:100% !important;
		max-width:calc(100vw - 64px) !important;
		margin:0 auto !important;
		overflow:hidden !important;
		text-align:center !important;
		font-size:clamp(16px, 6vw, 22px) !important;
	}

	#verusuario #puntos{
		display:block !important;
		width:100% !important;
		max-width:100% !important;
		margin:0 !important;
		text-align:center !important;
		font-size:18px !important;
	}

	#verusuario #puntos #numero{
		font-size:34px !important;
	}
}

@media(max-width:760px){
	#pad_menu_movil{
		display:block !important;
		height:88px !important;
		max-height:88px !important;
		min-height:0 !important;
		padding:0 !important;
		margin:0 !important;
		overflow:hidden !important;
	}

	html.chrome-ios #pad_menu_movil{
		height:76px !important;
		max-height:76px !important;
	}

	#tabla a,
	#tabla a *,
	#verusuario a,
	#verusuario a *,
	#verresultadousuario a,
	#verresultadousuario a *,
	#partidos a,
	#partidos a *,
	#octavos_cuartos_semis a,
	#octavos_cuartos_semis a *{
		text-decoration:none !important;
		text-decoration-line:none !important;
		border-bottom:0 !important;
		box-shadow:none !important;
	}
}

/* Tablon de anuncios */
.anuncios-alerta{
	position:relative !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	width:46px !important;
	height:46px !important;
	min-width:46px !important;
	border:1px solid rgba(7,31,95,.14) !important;
	border-radius:50% !important;
	background:linear-gradient(180deg,#fff,#eef4ff) !important;
	color:#071f5f !important;
	text-decoration:none !important;
	box-shadow:0 10px 24px rgba(7,31,95,.14) !important;
}

.anuncios-alerta-icon{
	display:block;
	font-size:23px;
	line-height:1;
}

.anuncios-alerta-badge{
	position:absolute;
	top:-7px;
	right:-7px;
	display:grid;
	place-items:center;
	min-width:22px;
	height:22px;
	padding:0 6px;
	border:2px solid #fff;
	border-radius:999px;
	background:#e1252f;
	color:#fff;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:900;
	line-height:1;
	box-shadow:0 6px 12px rgba(225,37,47,.28);
}

#cabecera1080 #lista #ul_lista li.anuncios-menu-slot{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	order:-1 !important;
	width:auto !important;
	height:100px !important;
	padding:0 10px !important;
	background:transparent !important;
	vertical-align:top !important;
}

#cabecera1080 #lista #ul_lista li.anuncios-menu-slot:hover{
	background:transparent !important;
}

#cabecera1080 #lista #ul_lista li.anuncios-menu-slot .anuncios-alerta{
	margin:0 !important;
}

.anuncios-page{
	min-height:100vh;
}

.anuncios-panel{
	width:min(920px, calc(100% - 32px));
	margin:24px auto 110px;
}

.anuncios-hero,
.anuncios-empty,
.anuncio-card{
	background:#fff;
	border:1px solid rgba(12,31,79,.08);
	border-radius:8px;
	box-shadow:0 18px 38px rgba(13,32,77,.14);
}

.anuncios-hero{
	padding:22px 24px;
	margin-bottom:16px;
}

.anuncios-hero span{
	display:block;
	color:#e1252f;
	font-size:13px;
	font-weight:900;
	text-transform:uppercase;
}

.anuncios-hero h1{
	margin:5px 0 0;
	color:#071f5f;
	font-size:34px;
	line-height:1.1;
}

.anuncios-lista{
	display:grid;
	gap:14px;
}

.anuncio-card{
	padding:18px 20px;
	border-left:6px solid #dbe5f4;
}

.anuncio-card.anuncio-nuevo{
	border-left-color:#e1252f;
}

.anuncio-card-top{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	margin-bottom:10px;
	color:#52617a;
	font-size:12px;
	font-weight:900;
	text-transform:uppercase;
}

.anuncio-estado{
	color:#e1252f;
}

.anuncio-leido .anuncio-estado{
	color:#52617a;
}

.anuncio-card h2{
	margin:0 0 8px;
	color:#071f5f;
	font-size:22px;
	line-height:1.15;
}

.anuncio-card p{
	margin:0;
	color:#3a4760;
	font-size:16px;
	font-weight:800;
	line-height:1.45;
}

.anuncio-card-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:42px;
	margin-top:14px;
	padding:0 18px;
	border-radius:8px;
	background:linear-gradient(90deg,#e1252f,#071f5f);
	color:#fff;
	font-size:14px;
	font-weight:900;
	text-decoration:none;
}

.partidos-vacio-fecha-link{
	display:inline-flex !important;
	align-items:center;
	justify-content:center;
	text-decoration:none !important;
	cursor:pointer;
}

.partidos-vacio-fecha-link:hover{
	filter:brightness(.98);
	transform:translateY(-1px);
}

.pronostico-cerrado{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:44px;
	width:auto;
	min-width:68px;
	padding:0 10px;
	border:1px solid rgba(82,97,122,.18);
	border-radius:8px;
	background:#eef2f7;
	color:#52617a;
	font-size:12px;
	font-weight:900;
	text-transform:uppercase;
	white-space:nowrap;
	letter-spacing:0;
}

.cuadro-equipo-bloqueado{
	display:flex;
	align-items:center;
	min-height:54px;
	width:100%;
	box-sizing:border-box;
	padding:12px 20px;
	border:1px solid rgba(18,97,216,.18);
	border-radius:8px;
	background:#eef5ff;
	color:#071c5c;
	font-size:20px;
	font-weight:1000;
	box-shadow:inset 4px 0 0 #19a85b;
}

.partido-eliminatoria.partido-bloqueado{
	background:rgba(236,246,255,.9);
}


.anuncios-empty{
	display:grid;
	gap:6px;
	padding:24px;
	color:#071f5f;
}

.anuncios-empty strong{
	font-size:22px;
}

.anuncios-empty span{
	color:#52617a;
	font-size:15px;
	font-weight:800;
}

@media(max-width:760px){
	#cabecera{
		position:relative !important;
	}

	#cabecera .anuncios-alerta-mobile{
		position:absolute !important;
		top:28px !important;
		right:18px !important;
		z-index:10003 !important;
		width:48px !important;
		height:48px !important;
		min-width:48px !important;
		border:1px solid rgba(7,31,95,.10) !important;
		background:
			radial-gradient(circle at 30% 25%, rgba(255,255,255,.95), rgba(255,255,255,0) 34%),
			linear-gradient(135deg,#fff,#e8f0ff 58%,#d7e6ff) !important;
		box-shadow:0 12px 24px rgba(7,31,95,.18), inset 0 0 0 1px rgba(255,255,255,.72) !important;
	}

	#cabecera .anuncios-alerta-icon{
		font-size:25px;
		transform:translateY(1px);
		filter:drop-shadow(0 2px 3px rgba(7,31,95,.14));
	}

	#cabecera .anuncios-alerta-badge{
		top:-5px;
		right:-5px;
		min-width:23px;
		height:23px;
		background:linear-gradient(135deg,#ff3347,#c91528);
	}

	body:not(.index-body) #separate{
		height:10px !important;
	}

	body.clasificacion-page #nombregrupoclas{
		margin-top:2px !important;
		margin-bottom:10px !important;
	}

	.anuncios-panel{
		width:calc(100% - 20px);
		margin:18px auto 120px;
	}

	.anuncios-hero{
		padding:18px;
	}

	.anuncios-hero h1{
		font-size:28px;
	}

	.anuncio-card{
		padding:16px;
	}
}

.pronosticos-match-score{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	white-space:nowrap !important;
	word-break:keep-all !important;
	overflow-wrap:normal !important;
	line-height:1 !important;
	letter-spacing:0 !important;
}

body.pronosticos-page #partidos table tr.pronosticos-goals-row td{
	padding:8px 10px 14px !important;
	border-bottom:2px solid rgba(7,31,95,.10) !important;
	background:#fff !important;
}

body.pronosticos-page #partidos table tr.pronosticos-goals-row{
	box-shadow:0 1px 0 rgba(7,31,95,.10) !important;
}

body.pronosticos-page #partidos table tr.pronosticos-match-card-row{
	background:transparent !important;
	box-shadow:none !important;
}

body.pronosticos-page #partidos table tr td.pronosticos-match-card-cell{
	padding:0 !important;
	background:transparent !important;
}

body.pronosticos-page #partidos table tr.pronosticos-match-card-row{
	display:block !important;
	width:100% !important;
}

body.pronosticos-page #partidos table tr td.pronosticos-match-card-cell{
	display:block !important;
	width:100% !important;
}

.pronosticos-match-card{
	display:grid;
	gap:10px;
	width:100%;
	padding:14px 12px;
	border-radius:8px;
	background:#fff;
	box-shadow:0 1px 0 rgba(7,31,95,.10);
}

.pronosticos-live-status{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:max-content;
	max-width:100%;
	margin:0 auto 2px;
	padding:5px 10px;
	border-radius:999px;
	background:#e1252f;
	color:#fff;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:900;
	line-height:1;
	text-transform:uppercase;
	box-shadow:0 8px 18px rgba(225,37,47,.22);
}

.pronosticos-live-status strong{
	color:#fff;
	font-size:12px;
	font-weight:1000;
}

.pronosticos-match-teams,
.pronosticos-match-main{
	display:grid;
	grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);
	align-items:center;
	gap:10px;
}

.pronosticos-match-teams strong{
	color:#071f5f;
	font-size:28px;
	font-weight:1000;
	line-height:1.08;
	text-align:center;
	white-space:normal;
}

.pronosticos-match-teams span{
	color:#071f5f;
	font-size:16px;
	font-weight:1000;
	text-align:center;
}

.pronosticos-match-flag{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:0;
}

.pronosticos-match-details-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:max-content;
	max-width:100%;
	min-height:34px;
	margin:0 auto;
	padding:0 14px;
	border:1px solid rgba(7,31,95,.12);
	border-radius:999px;
	background:#f7faff;
	color:#071f5f;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:1000;
	box-shadow:0 7px 14px rgba(7,31,95,.07);
}

.match-details-panel{
	width:min(980px, calc(100% - 28px));
	margin:24px auto 110px;
	font-family:Arial, sans-serif;
}

.match-details-back{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:36px;
	margin:0 0 12px;
	padding:0 14px;
	border-radius:999px;
	background:rgba(255,255,255,.88);
	color:#071f5f;
	font-size:13px;
	font-weight:1000;
	border:1px solid rgba(7,31,95,.10);
	box-shadow:0 8px 18px rgba(7,31,95,.10);
}

.match-details-card{
	position:relative;
	overflow:hidden;
	margin-bottom:14px;
	padding:20px;
	border:1px solid rgba(7,31,95,.08);
	border-radius:8px;
	background:linear-gradient(180deg,#fff,#f8fbff);
	box-shadow:0 18px 36px rgba(7,31,95,.13);
}

.match-details-card h1{
	margin:0 0 14px;
	color:#071f5f;
	font-size:26px;
	line-height:1.1;
}

.match-details-teams{
	display:grid;
	grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr);
	align-items:center;
	gap:16px;
	color:#071f5f;
}

.match-details-teams div{
	display:grid;
	justify-items:center;
	gap:8px;
	min-width:0;
	text-align:center;
}

.match-details-teams img{
	width:42px;
	height:42px;
	border-radius:50%;
	object-fit:cover;
	box-shadow:0 8px 16px rgba(7,31,95,.12);
}

.match-details-teams strong{
	font-size:34px;
	font-weight:1000;
	line-height:1.1;
}

.detalles-partido-page .match-details-teams strong{
	display:none;
}

.detalles-partido-page .match-details-teams{
	grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr);
	gap:28px;
	justify-items:center;
}

.detalles-partido-page .match-details-teams div:first-child{
	justify-self:end;
}

.detalles-partido-page .match-details-teams div:last-child{
	justify-self:start;
}

.match-details-teams span{
	display:grid;
	place-items:center;
	min-height:58px;
	border-radius:8px;
	background:transparent;
	color:#071f5f;
	font-size:34px;
	font-weight:1000;
	box-shadow:none;
}

.match-stats-list{
	display:grid;
	gap:10px;
}

.match-stat-row{
	display:grid;
	gap:7px;
	padding:11px 12px;
	border:1px solid rgba(7,31,95,.08);
	border-radius:8px;
	background:#fff;
	box-shadow:0 7px 14px rgba(7,31,95,.05);
}

.match-stat-top{
	display:grid;
	grid-template-columns:64px minmax(0,1fr) 64px;
	align-items:center;
	gap:8px;
	color:#071f5f;
}

.match-stat-top strong{
	font-size:18px;
	font-weight:1000;
	text-align:center;
}

.match-stat-top span{
	color:#52617a;
	font-size:12px;
	font-weight:1000;
	text-align:center;
	text-transform:uppercase;
}

.match-stat-bars{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(0,1fr);
	gap:4px;
	height:8px;
}

.match-stat-bars i{
	display:block;
	height:8px;
	border-radius:999px;
}

.match-stat-bar-local{
	justify-self:end;
	background:linear-gradient(90deg,#5ea4ff,#071f5f);
}

.match-stat-bar-visitante{
	justify-self:start;
	background:linear-gradient(90deg,#e1252f,#ffb13b);
}

.match-lineups-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:14px;
}

.match-lineups-mobile{
	display:none;
}

.match-lineup-team{
	min-width:0;
	padding:14px;
	border:1px solid rgba(7,31,95,.08);
	border-radius:8px;
	background:#fff;
	box-shadow:0 8px 16px rgba(7,31,95,.06);
}

.match-lineup-head{
	display:grid;
	grid-template-columns:34px minmax(0,1fr) auto;
	gap:10px;
	align-items:center;
	margin-bottom:12px;
	color:#071f5f;
}

.match-lineup-head img{
	width:30px;
	height:30px;
	border-radius:50%;
	object-fit:cover;
}

.match-lineup-head strong{
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:17px;
	font-weight:1000;
}

.match-lineup-head span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:26px;
	padding:0 8px;
	border-radius:999px;
	background:#f7faff;
	color:#071f5f;
	font-size:12px;
	font-weight:1000;
}

.match-lineup-team h2{
	margin:14px 0 8px;
	color:#52617a;
	font-size:12px;
	font-weight:1000;
	text-transform:uppercase;
}

.match-lineup-list{
	display:grid;
	gap:6px;
	margin:0;
	padding:0;
	list-style:none;
}

.match-lineup-list li{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(120px,.75fr) 34px;
	gap:8px;
	align-items:center;
	min-height:34px;
	padding:7px 8px;
	border-radius:8px;
	background:#f8fbff;
	color:#071f5f;
}

.match-lineup-list li strong{
	display:flex;
	align-items:center;
	gap:5px;
	min-width:0;
	overflow:visible;
	text-overflow:clip;
	white-space:normal;
	overflow-wrap:anywhere;
	font-size:13px;
	font-weight:1000;
}

.match-lineup-name{
	min-width:0;
	overflow:visible;
	text-overflow:clip;
	white-space:normal;
	overflow-wrap:anywhere;
}

.detalles-partido-page .match-lineup-name,
.detalles-partido-page .match-lineup-name *,
.detalles-partido-page .match-lineup-mobile-main,
.detalles-partido-page .match-lineup-mobile-main *,
.detalles-partido-page .match-lineup-sub-name,
.detalles-partido-page .match-lineup-sub-name *{
	color:inherit !important;
	text-decoration:none !important;
	text-decoration-line:none !important;
	border-bottom:0 !important;
	box-shadow:none !important;
	-webkit-text-decoration-line:none !important;
}

.match-lineup-meta{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:6px;
	min-width:0;
}

.match-lineup-badges{
	display:inline-flex;
	align-items:center;
	gap:2px;
	flex:0 0 auto;
	white-space:nowrap;
}

.match-lineup-badge{
	display:inline-grid;
	place-items:center;
	width:18px;
	height:18px;
	font-size:14px;
	line-height:1;
}

.match-lineup-badge-own-goal{
	filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 0 3px rgba(225,37,47,.22));
}

.match-lineup-badge-own-goal img{
	display:block;
	width:16px;
	height:16px;
	min-width:16px;
	max-width:16px;
	min-height:16px;
	max-height:16px;
	object-fit:contain;
	border:0;
	border-radius:0;
	background:transparent;
}

.match-lineup-sub{
	display:inline-grid;
	grid-template-columns:auto minmax(0,1fr);
	align-items:center;
	gap:5px;
	max-width:185px;
	min-height:24px;
	padding:3px 7px;
	border-radius:999px;
	background:#fffaf0;
	color:#071f5f;
	font-style:normal;
	min-width:0;
}

.match-lineup-sub span{
	color:#e1252f;
	font-size:11px;
	font-weight:1000;
	white-space:nowrap;
}

.match-lineup-sub b{
	display:inline-flex;
	align-items:center;
	gap:4px;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:11px;
	font-weight:1000;
}

.match-lineup-sub-name{
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.match-lineup-sub .match-lineup-badges{
	flex:0 0 auto;
}

.match-lineup-change-icon{
	display:block;
	width:24px;
	height:24px;
	min-width:24px;
	max-width:24px;
	min-height:24px;
	max-height:24px;
	flex:0 0 24px;
	object-fit:contain;
	border:0;
	border-radius:0;
	background:transparent;
}

.match-lineup-list li small{
	display:grid;
	place-items:center;
	width:26px;
	height:26px;
	border-radius:50%;
	background:#fff;
	color:#071f5f;
	font-size:12px;
	font-weight:1000;
	text-align:center;
	box-shadow:0 4px 8px rgba(7,31,95,.08);
}

.match-lineup-coach,
.match-lineup-empty{
	margin-top:10px;
	padding:10px;
	border-radius:8px;
	background:#f7faff;
	color:#52617a;
	font-size:12px;
	font-weight:900;
}

.match-cards-list{
	display:grid;
	gap:7px;
}

.match-card-event{
	display:grid;
	grid-template-columns:38px minmax(0,1fr) auto;
	gap:9px;
	align-items:center;
	min-height:44px;
	padding:8px 10px;
	border-radius:8px;
	background:#fff;
	color:#071f5f;
	font-weight:900;
	border:1px solid rgba(7,31,95,.08);
	box-shadow:0 7px 14px rgba(7,31,95,.06);
}

.match-card-event-red{
	background:#fff5f6;
}

.match-card-event-yellow{
	background:#fffdf2;
}

.match-card-minute{
	justify-self:end;
	color:#e1252f;
	font-size:16px;
	font-weight:1000;
	white-space:nowrap;
}

.match-card-icons{
	display:inline-flex;
	align-items:center;
	gap:3px;
	width:38px;
	min-width:38px;
}

.match-card-icon{
	display:block;
	width:13px;
	height:18px;
	border-radius:2px;
	box-shadow:0 4px 8px rgba(7,31,95,.12);
	transform:rotate(7deg);
}

.match-card-event-yellow .match-card-icon,
.match-card-icon-yellow{
	background:#ffd11a;
}

.match-card-event-red .match-card-icon,
.match-card-icon-red{
	background:#e1252f;
}

.match-card-event strong{
	min-width:0;
	font-size:13px;
	line-height:1.12;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.match-card-event small{
	grid-column:2;
	color:#52617a;
	font-size:11px;
	font-weight:900;
	text-align:left;
	white-space:nowrap;
}

.match-details-empty{
	padding:12px;
	border-radius:8px;
	background:#f7faff;
	color:#52617a;
	font-size:13px;
	font-weight:900;
}

.match-goal-board{
	display:grid;
	grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);
	gap:8px;
	width:100%;
	max-width:560px;
	margin:0 auto;
	font-family:Arial, sans-serif;
}

.match-goal-side{
	display:grid;
	gap:6px;
	min-width:0;
	align-content:start;
	align-items:start;
}

.match-goal-side-local{
	justify-items:end;
}

.match-goal-side-visitante{
	justify-items:start;
}

.match-goal-mid{
	width:1px;
	min-height:100%;
	margin:0 auto;
	background:rgba(7,31,95,.10);
}

.match-goal-item{
	display:inline-flex;
	align-items:center;
	flex-wrap:wrap;
	gap:6px;
	max-width:100%;
	align-self:start;
	min-height:28px;
	padding:5px 9px;
	border:1px solid rgba(7,31,95,.10);
	border-radius:16px;
	background:#f7faff;
	color:#071f5f;
	font-size:12px;
	font-weight:900;
	line-height:1.12;
	box-shadow:0 5px 12px rgba(7,31,95,.06);
}

.match-goal-placeholder{
	min-height:28px;
	visibility:hidden;
}

.match-goal-minute{
	color:#e1252f;
	font-weight:1000;
	white-space:nowrap;
	flex:0 0 auto;
}

.match-goal-player{
	min-width:0;
	overflow:visible;
	text-overflow:clip;
	white-space:normal;
	overflow-wrap:break-word;
}

.match-goal-own{
	background:#fff6f6;
	border-color:rgba(225,37,47,.20);
}

.match-goal-own-label{
	display:inline-grid;
	place-items:center;
	height:18px;
	min-width:28px;
	padding:0 5px;
	border-radius:999px;
	background:#e1252f;
	color:#fff;
	font-size:10px;
	font-weight:1000;
	line-height:1;
	text-transform:uppercase;
	white-space:nowrap;
}

.match-goal-penalty{
	background:#f7faff;
	border-color:rgba(214,143,0,.24);
}

.match-goal-penalty-label{
	display:inline-grid;
	place-items:center;
	height:18px;
	min-width:30px;
	padding:0 5px;
	border-radius:999px;
	background:#f0a000;
	color:#071f5f;
	font-size:10px;
	font-weight:1000;
	line-height:1;
	text-transform:uppercase;
	white-space:nowrap;
}

body.clasificacion-page #partidos table tr td#goles{
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	justify-content:center !important;
	gap:8px;
	white-space:normal !important;
}

body.clasificacion-page #partidos table tr td#goles .examinar-link{
	margin-top:0 !important;
}

body.clasificacion-page #partidos table tr td.partidos-score-cell{
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	justify-content:center !important;
	gap:8px;
	white-space:normal !important;
}

body.clasificacion-page #partidos table tr td.partidos-score-cell .examinar-link{
	margin-top:0 !important;
}

body.clasificacion-page #partidos table tr td.partido-live-card-cell{
	padding:0 !important;
	background:transparent !important;
}

.partido-live-card{
	display:grid;
	gap:10px;
	width:100%;
	padding:16px 14px 14px;
	border-radius:8px;
	background:linear-gradient(180deg,#fff7f7 0%,#fff 100%);
	box-shadow:0 1px 0 rgba(7,31,95,.10);
}

.partido-live-card-teams,
.partido-live-card-body{
	display:grid;
	grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);
	align-items:center;
	gap:10px;
}

.partido-live-card-teams strong{
	color:#071f5f;
	font-size:28px;
	font-weight:1000;
	line-height:1.08;
	text-align:center;
	white-space:normal;
}

.partido-live-card-teams span{
	color:#071f5f;
	font-size:16px;
	font-weight:1000;
	text-align:center;
}

.partido-live-card-flag{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:0;
}

.partido-live-card-score{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:6px;
	min-width:0;
}

body.clasificacion-page #partidos .partido-live-row td#hora{
	background:linear-gradient(180deg,#fff8f8,#fff) !important;
}

body.clasificacion-page #partidos table tr:has(+ tr.partido-live-row) td{
	background:#fff8f8 !important;
}

.partidos-live-badge,
.partidos-soon-badge,
.partidos-live-minuto{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:max-content;
	max-width:100%;
	margin:0 auto;
	border-radius:999px;
	letter-spacing:0;
	white-space:nowrap;
}

.partidos-live-badge{
	min-height:24px;
	padding:0 10px;
	background:#e1252f;
	color:#fff;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:900;
	text-transform:uppercase;
	box-shadow:0 6px 14px rgba(225,37,47,.24);
}

.partidos-soon-badge{
	min-height:22px;
	margin-bottom:6px;
	padding:0 9px;
	background:#fff3d6;
	color:#8a5600;
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight:900;
	text-transform:uppercase;
	border:1px solid rgba(138,86,0,.18);
}

.partidos-live-score{
	color:#e1252f !important;
	font-weight:1000 !important;
}

.partidos-live-minuto{
	min-height:20px;
	margin-top:4px;
	color:#071f5f;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:900;
}

@media(max-width:760px){
	.detalles-partido-page .match-details-panel{
		width:calc(100% - 20px);
		margin:14px auto 110px;
	}

	.detalles-partido-page .match-details-card{
		padding:16px 14px;
	}

	.detalles-partido-page .match-details-teams{
		grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);
		grid-template-areas:"local score visitante";
		gap:18px;
		align-items:center;
	}

	.detalles-partido-page .match-details-teams div:first-child{
		grid-area:local;
	}

	.detalles-partido-page .match-details-teams div:last-child{
		grid-area:visitante;
	}

	.detalles-partido-page .match-details-teams span{
		grid-area:score;
		justify-self:center;
		min-width:112px;
		min-height:48px;
		font-size:32px;
	}

	.detalles-partido-page .match-details-teams strong{
		max-width:100%;
		font-size:28px;
		text-align:center;
		overflow-wrap:anywhere;
	}

	.detalles-partido-page .match-details-teams img{
		width:38px;
		height:38px;
	}

	.detalles-partido-page .match-lineups-grid{
		display:none;
	}

	.detalles-partido-page .match-lineups-mobile{
		display:grid;
		gap:8px;
		width:100%;
		min-width:0;
	}

	.detalles-partido-page .match-lineups-mobile-head{
		display:grid;
		grid-template-columns:minmax(0,1fr) minmax(0,1fr);
		gap:8px;
		align-items:center;
	}

	.detalles-partido-page .match-lineups-mobile-team{
		display:grid;
		grid-template-columns:24px minmax(0,1fr) auto;
		gap:6px;
		align-items:center;
		min-width:0;
		padding:6px 7px;
		border-radius:8px;
		background:#f8fbff;
		color:#071f5f;
	}

	.detalles-partido-page .match-lineups-mobile-team img{
		width:22px;
		height:22px;
		border-radius:50%;
		object-fit:cover;
	}

	.detalles-partido-page .match-lineups-mobile-team strong{
		min-width:0;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		font-size:13px;
		font-weight:1000;
	}

	.detalles-partido-page .match-lineups-mobile-team span{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		min-height:22px;
		padding:0 6px;
		border-radius:999px;
		background:#fff;
		color:#071f5f;
		font-size:10px;
		font-weight:1000;
		box-shadow:0 4px 8px rgba(7,31,95,.06);
	}

	.detalles-partido-page .match-lineups-mobile-label{
		margin-top:2px;
		color:#52617a;
		font-size:11px;
		font-weight:1000;
		text-transform:uppercase;
	}

	.detalles-partido-page .match-lineups-mobile-rows{
		display:grid;
		gap:0;
		border-top:1px solid rgba(7,31,95,.10);
		border-bottom:1px solid rgba(7,31,95,.10);
	}

	.detalles-partido-page .match-lineups-mobile-row{
		display:grid;
		grid-template-columns:minmax(0,1fr) minmax(0,1fr);
		min-width:0;
		border-bottom:1px solid rgba(7,31,95,.08);
	}

	.detalles-partido-page .match-lineups-mobile-row:last-child{
		border-bottom:0;
	}

	.detalles-partido-page .match-lineup-mobile-player{
		display:grid;
		align-content:start;
		gap:3px;
		min-width:0;
		min-height:42px;
		padding:6px 7px;
		background:#fff;
	}

	.detalles-partido-page .match-lineup-mobile-player-local{
		border-right:1px solid rgba(7,31,95,.10);
	}

	.detalles-partido-page .match-lineup-mobile-player-empty{
		background:#f8fbff;
	}

	.detalles-partido-page .match-lineup-mobile-main{
		display:flex;
		align-items:flex-start;
		gap:6px;
		min-width:0;
	}

	.detalles-partido-page .match-lineup-mobile-number{
		display:grid;
		place-items:center;
		flex:0 0 22px;
		width:22px;
		height:22px;
		border-radius:7px;
		background:#eef5ff;
		color:#071f5f;
		font-size:11px;
		font-weight:1000;
		box-shadow:0 4px 8px rgba(7,31,95,.07);
	}

	.detalles-partido-page .match-lineup-mobile-main strong{
		display:flex;
		align-items:center;
		flex-wrap:wrap;
		gap:3px;
		min-width:0;
		color:#071f5f;
		font-size:12px;
		font-weight:1000;
		line-height:1.12;
	}

	.detalles-partido-page .match-lineup-mobile-main strong > span:first-child{
		min-width:0;
		overflow-wrap:anywhere;
	}

	.detalles-partido-page .match-lineup-mobile-player .match-lineup-badges{
		gap:1px;
	}

	.detalles-partido-page .match-lineup-mobile-player .match-lineup-badge{
		width:15px;
		height:15px;
		font-size:12px;
	}

	.detalles-partido-page .match-lineup-mobile-player .match-lineup-badge-own-goal img{
		width:14px;
		height:14px;
		min-width:14px;
		max-width:14px;
		min-height:14px;
		max-height:14px;
	}

	.detalles-partido-page .match-lineup-mobile-sub{
		display:grid;
		grid-template-columns:auto minmax(0,1fr);
		align-items:center;
		gap:3px;
		width:max-content;
		max-width:100%;
		margin-left:28px;
		padding:2px 5px;
		border-radius:999px;
		background:#fffaf0;
		color:#071f5f;
		font-style:normal;
	}

	.detalles-partido-page .match-lineup-mobile-sub > span{
		color:#e1252f;
		font-size:10px;
		font-weight:1000;
		white-space:nowrap;
	}

	.detalles-partido-page .match-lineup-mobile-sub b{
		display:flex;
		align-items:center;
		gap:2px;
		min-width:0;
		overflow:hidden;
		color:#e1252f;
		font-size:10px;
		font-weight:1000;
		white-space:nowrap;
	}

	.detalles-partido-page .match-lineup-mobile-sub b > span{
		min-width:0;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.detalles-partido-page .match-lineup-mobile-sub .match-lineup-change-icon{
		width:18px;
		height:18px;
		min-width:18px;
		max-width:18px;
		min-height:18px;
		max-height:18px;
	}

	.detalles-partido-page .match-lineups-mobile-coach{
		display:grid;
		grid-template-columns:minmax(0,auto) minmax(0,1fr);
		gap:5px;
		align-items:center;
		padding:7px;
		border-radius:8px;
		background:#f7faff;
		color:#52617a;
		font-size:11px;
		font-weight:900;
	}

	.detalles-partido-page .match-lineups-mobile-coach strong,
	.detalles-partido-page .match-lineups-mobile-coach span{
		min-width:0;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}

	.detalles-partido-page .match-cards-list{
		gap:5px;
	}

	.detalles-partido-page .match-card-event{
		grid-template-columns:34px minmax(0,1fr) auto;
		gap:6px;
		min-height:38px;
		padding:7px 8px;
	}

	.detalles-partido-page .match-card-event small{
		grid-column:2;
		text-align:left;
		white-space:normal;
		font-size:10px;
	}

	body.pronosticos-page #partidos table tr{
		grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr) !important;
	}

	body.pronosticos-page #partidos table tr td{
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
	}

	body.pronosticos-page #partidos table tr td#hora:not([rowspan]){
		grid-column:2 !important;
		width:58px !important;
		min-width:58px !important;
		padding-left:0 !important;
		padding-right:0 !important;
		justify-self:center !important;
	}

	body.pronosticos-page #partidos table tr td#hora:not([rowspan]) .pronosticos-match-score{
		width:100% !important;
		min-width:0 !important;
		font-size:28px !important;
	}

	body.pronosticos-page #partidos table tr.pronosticos-goals-row{
		grid-template-columns:minmax(0,1fr) !important;
	}

	body.pronosticos-page #partidos table tr.pronosticos-goals-row td{
		grid-column:1 / -1 !important;
		width:100% !important;
		padding:8px 8px 12px !important;
	}

	body.pronosticos-page #partidos table tr.pronosticos-match-card-row{
		display:block !important;
	}

	body.pronosticos-page #partidos table tr td.pronosticos-match-card-cell{
		display:block !important;
		width:100% !important;
	}

	body.pronosticos-page .pronosticos-match-card{
		gap:8px;
		padding:12px 8px;
	}

	body.pronosticos-page .pronosticos-match-teams,
	body.pronosticos-page .pronosticos-match-main{
		grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);
		gap:6px;
	}

	body.pronosticos-page .pronosticos-match-teams strong{
		font-size:23px;
		line-height:1.1;
		overflow:visible;
	}

	body.pronosticos-page .match-goal-board{
		grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);
		gap:5px;
		width:100%;
		max-width:330px;
	}

	body.pronosticos-page .match-goal-side-local{
		justify-items:end;
	}

	body.pronosticos-page .match-goal-side-visitante{
		justify-items:start;
	}

	body.pronosticos-page .match-goal-item{
		justify-content:center;
		min-width:0;
		width:100%;
		max-width:185px;
		padding:7px 9px;
		font-size:10px;
	}

	body.pronosticos-page .match-goal-player{
		max-width:100%;
		text-align:center;
	}

	body.pronosticos-page .match-goal-placeholder{
		min-height:28px;
	}
}

@media(max-width:760px){
	body.clasificacion-page #partidos table tr td.partido-live-card-cell{
		grid-column:1 / -1 !important;
		width:100% !important;
		overflow:visible !important;
	}

	body.clasificacion-page .partido-live-card{
		gap:8px;
		padding:14px 8px 12px;
	}

	body.clasificacion-page .partido-live-card-teams,
	body.clasificacion-page .partido-live-card-body{
		grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);
		gap:6px;
	}

	body.clasificacion-page .partido-live-card-teams strong{
		font-size:24px;
		line-height:1.12;
		overflow:visible;
	}

	body.clasificacion-page .partido-live-card-teams span{
		font-size:13px;
	}

	body.clasificacion-page .partido-live-card-score{
		gap:5px;
	}

	.partidos-dia-header{
		grid-template-columns:38px minmax(0, 1fr) 38px;
		height:58px;
		min-height:58px;
		margin-bottom:14px;
		padding:0 5px;
		font-size:20px;
	}

	.partidos-dia-header strong{
		height:44px;
		padding:0 8px;
		font-size:clamp(17px, 4.9vw, 20px);
		line-height:1.08;
	}

	.partidos-dia-nav{
		width:34px;
		height:44px;
	}

	.partidos-dia-nav img{
		width:25px;
		height:25px;
	}

	#partidos table tr td#hora .pronosticos-match-score{
		min-width:72px !important;
		font-size:42px !important;
		line-height:.95 !important;
	}
}

@media(max-width:760px){
	body.clasificacion-page #partidos table tr{
		grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr) !important;
	}

	body.clasificacion-page #partidos table tr:has(+ tr.partido-live-row),
	body.clasificacion-page #partidos table tr.partido-live-row{
		position:relative !important;
		isolation:isolate;
		gap:0 !important;
		background:#fff8f8 !important;
		box-shadow:none !important;
	}

	body.clasificacion-page #partidos table tr:has(+ tr.partido-live-row){
		border-radius:8px 8px 0 0 !important;
		margin-bottom:-8px !important;
		min-height:72px !important;
		align-items:center !important;
	}

	body.clasificacion-page #partidos table tr.partido-live-row{
		border-radius:0 0 8px 8px !important;
	}

	body.clasificacion-page #partidos table tr.partido-live-row::before{
		content:'';
		position:absolute;
		inset:-8px 0 0;
		z-index:-1;
		border-radius:0 0 8px 8px;
		background:linear-gradient(180deg,#fff7f7 0%,#fff 100%);
	}

	body.clasificacion-page #partidos table tr.partido-live-row td#hora{
		background:transparent !important;
	}

	body.clasificacion-page #partidos table tr:has(+ tr.partido-live-row) td{
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
		background:#fff8f8 !important;
		padding-top:10px !important;
		padding-bottom:10px !important;
		min-height:62px !important;
		height:auto !important;
		overflow:visible !important;
		line-height:1.08 !important;
		white-space:normal !important;
		word-break:normal !important;
		overflow-wrap:normal !important;
	}

	body.clasificacion-page #partidos table tr:has(+ tr.partido-live-row) td#visitante,
	body.clasificacion-page #partidos table tr:has(+ tr.partido-live-row) td#local{
		font-size:24px !important;
		line-height:1.08 !important;
	}

	body.clasificacion-page #partidos table tr.partido-live-row td{
		padding-top:4px !important;
	}

	body.clasificacion-page #partidos table tr td#hora:not([rowspan]){
		display:flex !important;
		flex-direction:column !important;
		align-items:center !important;
		justify-content:center !important;
		min-width:68px !important;
		padding-left:0 !important;
		padding-right:0 !important;
		font-size:36px !important;
		line-height:1 !important;
		white-space:nowrap !important;
		overflow-wrap:normal !important;
		word-break:keep-all !important;
	}

	body.clasificacion-page #partidos table tr td#goles{
		display:flex !important;
		flex-direction:column !important;
		align-items:center !important;
		justify-content:center !important;
		justify-self:center !important;
		width:auto !important;
		min-width:68px !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}

	body.clasificacion-page #partidos table tr td#hora:not([rowspan]) .pronosticos-match-score{
		min-width:0 !important;
		font-size:24px !important;
	}

	body.clasificacion-page #partidos table tr td#goles .pronosticos-match-score{
		min-width:0 !important;
		font-size:16px !important;
	}

	body.clasificacion-page #partidos table tr td#goles .partidos-soon-badge{
		max-width:none !important;
		min-height:19px !important;
		padding:0 6px !important;
		font-size:9px !important;
		line-height:1 !important;
		white-space:nowrap !important;
	}

	body.clasificacion-page #partidos .examinar-link{
		width:54px !important;
		margin-top:8px !important;
		padding:7px 8px !important;
		font-size:12px !important;
		white-space:nowrap !important;
		overflow-wrap:normal !important;
	}
}

@media(max-width:380px){
	body.clasificacion-page #partidos table tr{
		grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr) !important;
	}

	body.clasificacion-page #partidos table tr td#hora:not([rowspan]){
		min-width:60px !important;
		font-size:32px !important;
	}

	body.clasificacion-page #partidos table tr td#goles{
		width:auto !important;
		min-width:60px !important;
	}

	body.clasificacion-page #partidos table tr td#hora:not([rowspan]) .pronosticos-match-score{
		font-size:22px !important;
	}

	body.pronosticos-page #partidos table tr td#hora:not([rowspan]) .pronosticos-match-score{
		font-size:26px !important;
	}

	body.clasificacion-page #partidos .examinar-link{
		width:50px !important;
		padding-left:6px !important;
		padding-right:6px !important;
		font-size:11px !important;
	}

	body.clasificacion-page #partidos table tr td#goles .partidos-soon-badge{
		max-width:none !important;
		font-size:8px !important;
	}
}

/* Override final: racha en clasificacion */
body.clasificacion-page #tabla table tr .racha-cell{
	text-align:center !important;
	vertical-align:middle !important;
	width:96px !important;
	min-width:96px !important;
	height:80px !important;
	max-height:80px !important;
	overflow:hidden !important;
}

body.clasificacion-page #tabla table tr .racha-cell .clasificacion-racha{
	position:relative !important;
	display:inline-block !important;
	width:96px !important;
	height:60px !important;
	min-width:96px !important;
	margin:0 auto !important;
	line-height:0 !important;
	overflow:visible !important;
}

body.clasificacion-page #tabla table tr .racha-cell .clasificacion-racha img{
	position:absolute !important;
	left:50% !important;
	top:50% !important;
	width:96px !important;
	height:96px !important;
	min-width:96px !important;
	max-width:96px !important;
	min-height:96px !important;
	max-height:96px !important;
	object-fit:contain !important;
	border:0 !important;
	border-radius:0 !important;
	background:transparent !important;
	box-shadow:none !important;
	transform:translate(-50%, -50%) !important;
}

@keyframes racha-numero-gradient{
	0%{ background-position:50% 0%; }
	100%{ background-position:50% 100%; }
}

@-webkit-keyframes racha-numero-gradient{
	0%{ background-position:50% 0%; }
	100%{ background-position:50% 100%; }
}

body.clasificacion-page #tabla table tr .racha-cell .clasificacion-racha span{
	position:absolute !important;
	left:50% !important;
	top:50% !important;
	z-index:5 !important;
	display:block !important;
	width:auto !important;
	height:auto !important;
	min-width:0 !important;
	padding:0 !important;
	background:transparent !important;
	border:0 !important;
	border-radius:0 !important;
	color:#e1252f !important;
	background-image:linear-gradient(180deg, #8b2cff 0%, #e1252f 50%, #8b2cff 100%) !important;
	background-size:100% 220% !important;
	background-position:50% 0%;
	-webkit-background-clip:text !important;
	background-clip:text !important;
	-webkit-text-fill-color:transparent !important;
	font-family:Arial, sans-serif !important;
	font-size:17px !important;
	font-weight:1000 !important;
	line-height:1 !important;
	text-align:center !important;
	filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 0 3px rgba(255,255,255,.95));
	text-shadow:none !important;
	transform:translate(-50%, -27%) !important;
	-webkit-animation:racha-numero-gradient 1.8s linear infinite;
	animation:racha-numero-gradient 1.8s linear infinite;
}

@media(min-width:761px){
	body.clasificacion-page #tabla table tr{
		height:84px !important;
		max-height:84px !important;
	}

	body.clasificacion-page #tabla table tr td{
		height:84px !important;
		max-height:84px !important;
		overflow:hidden !important;
	}

	body.clasificacion-page #tabla table #imagen img{
		width:52px !important;
		height:52px !important;
		min-width:52px !important;
		max-width:52px !important;
		min-height:52px !important;
		max-height:52px !important;
		aspect-ratio:1 / 1 !important;
		border-radius:50% !important;
		object-fit:cover !important;
		object-position:center center !important;
	}
}

@media(max-width:760px){
	body::before{
		position:absolute !important;
		top:0 !important;
		left:0 !important;
		right:0 !important;
		bottom:auto !important;
	}

	body.clasificacion-page #tabla table tr{
		display:grid !important;
		grid-template-columns:68px 54px minmax(0, 1fr) 48px 44px !important;
		align-items:center !important;
		column-gap:2px !important;
	}

	body.clasificacion-page #tabla table tr .racha-cell{
		grid-column:4 !important;
		width:48px !important;
		min-width:48px !important;
		max-width:48px !important;
		padding-left:0 !important;
		padding-right:0 !important;
		justify-content:center !important;
	}

	body.clasificacion-page #tabla table tr .racha-cell .clasificacion-racha{
		width:92px !important;
		height:92px !important;
		min-width:92px !important;
		margin-left:18px !important;
	}

	body.clasificacion-page #tabla table tr .racha-cell .clasificacion-racha img{
		left:0 !important;
		top:0 !important;
		width:92px !important;
		height:92px !important;
		min-width:92px !important;
		max-width:92px !important;
		min-height:92px !important;
		max-height:92px !important;
		transform:translate(-28px, -23px) !important;
	}

	body.clasificacion-page #tabla table tr .racha-cell .clasificacion-racha span{
		font-size:17px !important;
		transform:translate(-65%, -35%) !important;
	}
}

/* Ajuste final: separar indicador del usuario actual del numero de posicion */
@media(max-width:760px){
	body.clasificacion-page #tabla table tr.clasificacion-usuario-actual{
		position:relative !important;
	}

	body.clasificacion-page #tabla table tr.clasificacion-usuario-actual td:first-child{
		box-shadow:none !important;
	}

	body.clasificacion-page #tabla table tr.clasificacion-usuario-actual::before{
		content:"" !important;
		position:absolute !important;
		left:0 !important;
		top:0 !important;
		bottom:0 !important;
		width:6px !important;
		background:#071f5f !important;
		z-index:2 !important;
	}

	body.clasificacion-page #tabla table tr #posicion{
		padding-left:18px !important;
		justify-content:flex-start !important;
	}

	body.clasificacion-page #tabla table tr #posicion a{
		width:36px !important;
		min-width:36px !important;
		justify-content:center !important;
	}
}

/* Safari movil: la barra de color no debe quedar fija al hacer scroll */
@media(max-width:760px){
	#cabecera::before{
		content:none !important;
		display:none !important;
	}

	body::before{
		content:"" !important;
		position:absolute !important;
		inset:0 0 auto 0 !important;
		height:7px !important;
		z-index:10000 !important;
		background:linear-gradient(90deg,var(--wc-blue),var(--wc-red),var(--wc-gold),var(--wc-green),var(--wc-blue-2)) !important;
		pointer-events:none !important;
	}
}

/* Top 100 movil: el grupo ya aparece bajo el usuario. */
@media(max-width:760px){
	body.top100-page #tabla.tabla-top100 table tr .top100-grupo{
		display:none !important;
	}

	body.top100-page #tabla.tabla-top100 table tr #nombre small{
		display:block !important;
	}

	body.top100-page #tabla.tabla-top100 table tr{
		grid-template-columns:68px minmax(0, 1fr) 48px 44px !important;
	}

	body.top100-page #tabla.tabla-top100 table tr #nombre{
		grid-column:2 !important;
	}

	body.top100-page #tabla.tabla-top100 table tr .racha-cell{
		grid-column:3 !important;
	}

body.top100-page #tabla.tabla-top100 table tr #puntos{
		grid-column:4 !important;
	}
}

/* Pronosticos eliminatorios: seleccion que ya no sigue viva en el Mundial. */
#fase_eliminatoria #octavos_cuartos_semis table tr.match-row td.pred-eliminado{
	background:#ffd7d7 !important;
	color:#c5162e !important;
	box-shadow:inset 0 0 0 1px rgba(225,37,47,.32) !important;
}

/* Resultados: clasificacion primero y cuadro eliminatorio dinamico. */
.resultados-page .resultados-layout{
	display:flex;
	flex-direction:column;
	width:100%;
}

.resultados-page .resultados-layout > .fase-grupos-desplegable{ order:1; }
.resultados-page .resultados-layout > .cuadro-mundial-card{ order:2; }
.resultados-page .resultados-layout > #fase_eliminatoria{ order:3; }

.resultados-page .fase-grupos-desplegable{
	width:100%;
	margin:18px auto 0;
}

.resultados-page .fase-grupos-desplegable > summary{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:18px;
	width:min(1120px, calc(100% - 32px));
	min-height:76px;
	margin:0 auto;
	padding:14px 54px 14px 24px;
	box-sizing:border-box;
	color:#fff;
	background:linear-gradient(105deg, #071f5f 0%, #164fb1 100%);
	border-radius:17px;
	box-shadow:0 10px 24px rgba(7,31,95,.2);
	cursor:pointer;
	list-style:none;
	position:relative;
}

.resultados-page .fase-grupos-desplegable > summary::-webkit-details-marker{ display:none; }

.resultados-page .fase-grupos-desplegable > summary::after{
	content:"";
	position:absolute;
	right:24px;
	top:50%;
	width:11px;
	height:11px;
	border-right:3px solid #fff;
	border-bottom:3px solid #fff;
	transform:translateY(-65%) rotate(45deg);
	transition:transform .2s ease;
}

.resultados-page .fase-grupos-desplegable[open] > summary::after{
	transform:translateY(-30%) rotate(225deg);
}

.resultados-page .fase-grupos-desplegable > summary span{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:3px;
	text-align:center;
}

.resultados-page .fase-grupos-desplegable > summary strong{
	font-size:22px;
	font-weight:950;
}

.resultados-page .fase-grupos-desplegable > summary small{
	color:rgba(255,255,255,.78);
	font-size:13px;
	font-weight:650;
}

.resultados-page .fase-grupos-desplegable > summary b{
	position:absolute;
	left:24px;
	top:50%;
	padding:7px 12px;
	color:#071f5f;
	background:#fff;
	border-radius:999px;
	font-size:12px;
	font-weight:900;
	white-space:nowrap;
	transform:translateY(-50%);
}

.resultados-page .fase-grupos-contenido{
	padding-top:5px;
}

.resultados-page .cuadro-mundial-card{
	width:min(1494px, calc(100% - 32px));
	margin:24px auto 34px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid rgba(7,31,95,.1);
	border-radius:20px;
	box-shadow:0 15px 40px rgba(7,31,95,.12);
	overflow:hidden;
}

.cuadro-mundial-encabezado{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:20px;
	padding:22px 26px 18px;
	color:#071f5f;
}

.cuadro-mundial-encabezado span{
	display:block;
	margin-bottom:3px;
	color:#e1252f;
	font-size:12px;
	font-weight:900;
	letter-spacing:.12em;
	text-transform:uppercase;
}

.cuadro-mundial-encabezado h2{
	margin:0;
	font-size:clamp(24px, 3vw, 36px);
	line-height:1.05;
}

.cuadro-mundial-encabezado small{
	color:#64708c;
	font-size:13px;
	font-weight:700;
}

.cuadro-mundial-scroll{
	overflow-x:auto;
	overflow-y:hidden;
	padding:0 18px 18px;
	scrollbar-color:#1d52b7 #e9eef8;
	scrollbar-width:thin;
	-webkit-overflow-scrolling:touch;
}

.cuadro-mundial-scroll::-webkit-scrollbar{ height:9px; }
.cuadro-mundial-scroll::-webkit-scrollbar-track{
	background:#e9eef8;
	border-radius:999px;
}
.cuadro-mundial-scroll::-webkit-scrollbar-thumb{
	background:#1d52b7;
	border-radius:999px;
}

.cuadro-mundial{
	position:relative;
	width:1458px;
	height:984px;
	margin:0 auto;
	border-radius:16px;
	overflow:hidden;
	background:
		linear-gradient(rgba(7,31,95,.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(7,31,95,.045) 1px, transparent 1px),
		radial-gradient(circle at 50% 50%, rgba(44,104,211,.13), transparent 32%),
		linear-gradient(135deg, #edf4ff 0%, #ffffff 50%, #e8f0ff 100%);
	background-size:32px 32px, 32px 32px, auto, auto;
	box-shadow:inset 0 0 70px rgba(7,31,95,.1);
}

.cuadro-mundial::after{
	content:"";
	position:absolute;
	left:50%;
	top:36%;
	width:150px;
	height:150px;
	background:url('../img/logotipo.png') center / contain no-repeat;
	opacity:.32;
	transform:translate(-50%, -50%);
	pointer-events:none;
}

.cuadro-rondas strong{
	position:absolute;
	z-index:3;
	left:calc(var(--cuadro-x) * 1px);
	top:18px;
	width:150px;
	color:#071f5f;
	font-size:14px;
	font-weight:1000;
	letter-spacing:.1em;
	text-align:center;
	text-shadow:0 1px 0 #fff;
}

.cuadro-conexiones{
	position:absolute;
	z-index:1;
	inset:0;
	width:1458px;
	height:984px;
	pointer-events:none;
}

.cuadro-conexiones path{
	fill:none;
	stroke:rgba(43,99,192,.34);
	stroke-width:1.4;
	stroke-linejoin:round;
	filter:drop-shadow(0 1px 1px rgba(255,255,255,.9));
}

.cuadro-conexiones-movil,
.cuadro-nombre-corto{
	display:none;
}

.cuadro-partido{
	position:absolute;
	z-index:4;
	left:calc(var(--cuadro-x) * 1px);
	top:calc(var(--cuadro-y) * 1px);
	width:150px;
	padding:3px;
	box-sizing:border-box;
	color:#071f5f;
	text-decoration:none;
	background:rgba(255,255,255,.96);
	border:1px solid rgba(255,255,255,.72);
	border-radius:10px;
	border-color:rgba(7,31,95,.14);
	box-shadow:0 4px 12px rgba(7,31,95,.18);
	transform:translateY(-50%);
	transition:transform .16s ease, box-shadow .16s ease;
}

.cuadro-partido:hover,
.cuadro-partido:focus-visible{
	z-index:6;
	box-shadow:0 7px 20px rgba(0,0,0,.34);
	transform:translateY(-50%) scale(1.035);
	outline:2px solid #f1cf42;
	outline-offset:2px;
}

.cuadro-equipo{
	display:grid;
	grid-template-columns:18px minmax(0, 1fr) 18px;
	align-items:center;
	gap:5px;
	height:22px;
	padding:0 4px;
	box-sizing:border-box;
	border-radius:6px;
}

.cuadro-equipo + .cuadro-equipo{
	border-top:1px solid #e5e9f1;
}

.cuadro-equipo img,
.cuadro-equipo i{
	display:block;
	width:16px;
	height:16px;
	border-radius:50%;
	object-fit:cover;
}

.cuadro-equipo i{
	background:#d9dfeb;
	box-shadow:inset 0 0 0 1px #c4ccdb;
}

.cuadro-equipo strong{
	overflow:hidden;
	font-size:10.5px;
	font-weight:850;
	line-height:1;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.cuadro-equipo b{
	font-size:12px;
	font-weight:1000;
	text-align:center;
}

.cuadro-equipo-ganador{
	color:#064b2d;
	background:#c9f4d9;
}

@media(max-width:760px){
	.resultados-page .fase-grupos-desplegable{
		margin-top:12px;
	}

	.resultados-page .fase-grupos-desplegable > summary{
		width:calc(100% - 18px);
		min-height:68px;
		padding:12px 44px 12px 16px;
		border-radius:14px;
	}

	.resultados-page .fase-grupos-desplegable > summary::after{ right:18px; }
	.resultados-page .fase-grupos-desplegable > summary strong{ font-size:19px; }
	.resultados-page .fase-grupos-desplegable > summary small{ font-size:11px; }
	.resultados-page .fase-grupos-desplegable > summary b{ display:none; }

	.resultados-page .cuadro-mundial-card{
		width:calc(100% - 18px);
		margin:18px auto 28px;
		border-radius:15px;
	}

	.cuadro-mundial-encabezado{
		align-items:flex-start;
		flex-direction:column;
		gap:7px;
		padding:18px 16px 14px;
	}

	.cuadro-mundial-encabezado h2{ font-size:25px; }

	.cuadro-mundial-scroll{
		overflow-x:hidden;
		padding:0 1px 10px;
	}

	.cuadro-mundial{
		width:350px;
		height:400px;
		margin:0 auto;
		border-radius:10px;
		background:
			linear-gradient(rgba(7,31,95,.045) 1px, transparent 1px),
			linear-gradient(90deg, rgba(7,31,95,.045) 1px, transparent 1px),
			linear-gradient(135deg, #edf4ff 0%, #fff 50%, #e8f0ff 100%);
		background-size:16px 16px, 16px 16px, auto;
	}

	.cuadro-mundial::after{
		top:38%;
		width:38px;
		height:38px;
		opacity:.42;
	}

	.cuadro-rondas strong{
		left:calc(var(--cuadro-mobile-x) * 1px);
		top:7px;
		width:36px;
		font-size:6px;
		letter-spacing:0;
	}

	.cuadro-conexiones-escritorio{ display:none; }
	.cuadro-conexiones-movil{
		display:block;
		width:350px;
		height:400px;
	}

	.cuadro-conexiones path{
		stroke:rgba(7,31,95,.23);
		stroke-width:.7;
	}

	.cuadro-partido{
		left:calc(var(--cuadro-mobile-x) * 1px);
		top:calc(var(--cuadro-mobile-y) * 1px);
		width:36px;
		height:auto;
		padding:1px;
		background:rgba(255,255,255,.98);
		border:1px solid rgba(7,31,95,.12);
		border-radius:4px;
		box-shadow:0 2px 4px rgba(7,31,95,.17);
		transform:translateY(-50%);
	}

	.cuadro-partido:hover,
	.cuadro-partido:focus-visible{
		transform:translateY(-50%);
	}

	.cuadro-equipo{
		position:static;
		width:auto;
		grid-template-columns:7px minmax(0, 1fr) 5px;
		gap:1px;
		height:9px;
		padding:0;
		background:transparent;
		border:0;
		border-radius:2px;
		box-shadow:none;
	}

	.cuadro-equipo:last-child{
		border-top:1px solid #e5e9f1;
	}

	.cuadro-equipo img,
	.cuadro-equipo i{
		width:7px;
		height:7px;
	}

	.cuadro-equipo strong{
		font-size:5.5px;
		line-height:1;
		text-align:center;
	}

	.cuadro-equipo b{
		font-size:5.5px;
	}

	.cuadro-nombre-completo{ display:none; }
	.cuadro-nombre-corto{ display:inline; }
	.cuadro-equipo-pendiente i,
	.cuadro-equipo-pendiente strong{ visibility:hidden; }
}

@media(max-width:374px){
	.cuadro-mundial{
		transform:scale(.94);
		transform-origin:top left;
	}

	.cuadro-mundial-scroll{
		height:376px;
	}
}

/* El estado de los pronosticos eliminatorios debe prevalecer en escritorio. */
#fase_eliminatoria #octavos_cuartos_semis table tr.match-row td.pred-acierto{
	background:#d7f8d1 !important;
	box-shadow:inset 0 0 0 1px rgba(22,163,74,.28) !important;
}

#fase_eliminatoria #octavos_cuartos_semis table tr.match-row td.pred-fallo{
	background:#ffd7d7 !important;
	box-shadow:inset 0 0 0 1px rgba(225,37,47,.28) !important;
}