.desktop {display: none;}

.navgrup {
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin-top: 0.5rem;
}
.navgrup a{
	color: #116E6E;
	font-size: 0.7rem;
	flex-grow:1;
}
.navgrup a + a {	border-left: solid 0.07rem silver;}

.navgrup a:hover{	font-weight: bolder;}

table.grupo {
	border-collapse: collapse;
	font-size: 0.8rem;
	margin: 2rem 0.5rem 0.5rem 0.5rem;
	width: calc(100% - 1rem);
	}

aside table.grupo { margin: auto;}

table.grupo caption {
	color: #B71C1C;
	padding: 0.5rem 0;
	font-weight: bolder;
	border-bottom: 0.07rem solid #484848;
	margin-bottom: 0.5rem;
}

table.grupo th {
	/*background: #B71C1C;
	color:#B71C1C;*/
	padding: 0.5rem 0;
	border-bottom:0.1rem solid silver;
}

/*tr:first-child {background: snow;}*/
table.grupo tr.eliminado { background: snow;}
table.grupo tr.clasificando { background: whitesmoke;}
table.grupo tr:last-child { border-bottom:0.1rem solid silver;}

table.grupo td.bandera{ width: 4rem;}

table.grupo td.bandera > img {
	border-radius: 50%;
	margin: 0.2rem 0.3rem 0 0.3rem;	
	height: 2rem;
	width: 2rem;
}

table.grupo tr td:nth-child(2) {
	text-align: left;
}
.tablet { display: none;}

button {font-size: 0.6rem;}

table.grupo td:nth-child(n + 3) { 
	width: 9%; 
	/*background-color: steelblue;*/
	}
	
table.grupo .puntos { font-weight: bold;}
	
table.grupo td.pais { text-align: left;}

article.material.tot { 
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
/*margin-top: 0.3rem;*/
}

@media (min-width:576px) {
	.tablet { display: grid;}
	
	div.navgrup a{
	font-size: 0.9rem;
}	
	
}

@media (min-width:992px) {
	
	article.tot table.grupo { width: 45%;}
	/*
	.mobile { display: none;}

	td.desktop {display: table-cell;	}
}*/