.bar-draw i.fa-solid.fa-crown.fa-fade {
    display: none;
}

.duel_content {
	width:100%;
	max-width:1140px!important;
	margin:auto;
}

.duel_content_messi .edad-messi,
.duel_content_cristiano .edad-cristiano{
	padding: 5px 0;
	text-align:center;
	font-size:12px;
	color:white;
	font-weight:400;	
}

.duel {
	background-color:	#000;
	overflow:hidden;
	margin-bottom:1px;
}

.duel_content_messi {
	width:50%;
	float:left;
}

.duel_content_cristiano {
	width:50%;
	float:left;
}

.duel_content_cristiano #edad_cristiano {
	text-align: right!important;
}

.duel_player {
	margin:auto;
	max-width:166px;
	max-height:166px;		
}

.duel_player img {
	border-radius:50%;
	border:3px solid white;
	box-shadow:0px 0px 3px 0px #000;
	width:100%;
}

.duel_content .col-palmares-offset {
	padding:0!important;
}

.duel_content h2.titular-interior {
    margin: 0!important;
    padding: 15px 0!important;
    width: 100%!important;
	font-size:16px!important;
	background-color:rgb(182 4 18)!important;
	color:white!important;
	border-bottom:1px solid white!important;
	text-shadow:1px 1px 2px black;
}

.duel_container {
	background-size:100%;
	background-repeat:repeat;
	margin-bottom:35px;
}

.bars-container {
	width:100%;
	height:auto;
}

.bar-messi {
	float:left;	
}

.bar-cristiano {
	float:right;
}

.bar-messi span.bar_info {
	float:right;
}

.bar-messi span.bar_diff {
	float:left;
}

.bar-cristiano span.bar_info {
	float:left;
}

.bar-cristiano span.bar_diff {
	float:right;
}

.bar-messi.bar-draw span.bar_info {
    float: none;
    position: relative;
    width: 100%;
    text-align: center;
    display: block;
}

.bar-cristiano span.bar_info, 
.bar-messi span.bar_info {
	margin:5px;
	padding:0 3px;
	line-height:22px;
	color:#c1c1c1;
}

.bar-cristiano span.bar_diff, 
.bar-messi span.bar_diff {
	margin:5px;
	padding:0 10px;
	line-height:22px;	
}

.bar-cristiano.bar-win {
background: #3F5656;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3F5656, #AF8C9D);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3F5656, #AF8C9D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	
}

.bar-messi.bar-win {
background: #AF8C9D;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #AF8C9D, #3F5656);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #AF8C9D, #3F5656); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bar-messi.bar-draw {
	background: #ff9d00;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ff9d00, #E89557);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ff9d00, #E89557); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bar-cristiano.bar-draw {
	background: #E89557;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #E89557, #f7ff00);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #E89557, #f7ff00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bar-messi.bar-win,
.bar-messi.bar-draw {
	/*border-radius:0 20px 20px 0;*/
}

.bar-cristiano.bar-win,
.bar-cristiano.bar-draw {
	/*border-radius:20px 0 0 20px;*/
}

.bar-win span.bar_info,
.bar-draw span.bar_info {
	color:white;	
	font-weight:500;
	font-size:13px;
	text-shadow:1px 1px 2px black;
}

.bar-win span.bar_diff {	
	color:#000;		
	font-size:13px;
}

.bar-loss span.bar_info {
	padding-left:0;
	padding-right:0;
	font-size:13px;
}

.bar-loss span.bar_diff,
.bar-draw span.bar_diff{
	display:none;
}

.col-palmares-offset, .col-palmares-loser, .col-palmares-winner {
    float: left;
    text-align: center;
    padding: 6px 0;
}

.separator_duel {
    position: absolute;
    left: 50%;
    width: 0px;
    border-right: 1px dashed rgba(255,255,255,0.3);
}

.duel-title {
    background: #5E8080!important;
    color: white;
    font-size: 13px;
    min-height: 32px;
    line-height: 32px;
    border-bottom: 1px solid white;
    text-shadow: 1px 1px 2px black;
}

.duel-title div {
    text-transform: uppercase;
    font-weight: 500;
    width: 100%;
	text-align:center;
}

.cabecera-nombre {
    padding: 5px 0;
    width: 50%;
	float:left;
    background-color: #3F5656;
    color: white;
    border-bottom: 1px solid white;
    text-shadow: 1px 1px 2px black;
	text-align:center;
	text-transform:uppercase;
}

.duel_label {
    display: block;
    width: 100%;
	max-width:1140px!important;
    text-align: right;
    font-family: 'DM Sans', sans-serif!important;
    font-weight: lighter;
    font-style: normal;
    color: black;
    padding: 0;
    margin: 5px auto 0 auto!important;
    font-size: 13px;
}

@media all and (max-width: 800px) {
	.bar-win span.bar_info, .bar-draw span.bar_info, .bar-loss span.bar_info, .cabecera-nombre {
		font-size: 11px;
	}
}

@media all and (max-width: 600px) {
	.bar_diff {
		display:none;
	}
}