/*generales*/
body{
	font-family: "roboto" !important ;
}

.footer h3{
	color:#ffffff;
}
.bg-secondary .text-danger{
	color:#ff0000 !important;
}

.bg-secondary .text-success{
	color:#00ff00 !important;
}


/*end generales*/



/* home niveles pilas */
.pilas .colm .title{
	margin-top: 6px;
	font-size: 0.95rem;
	font-weight: 700;
}

.pilas .colm .jugar{
	font-size: 1.10rem;
    margin-top: -2px;
}

.pilas .colm .values{
	font-size: 1.70rem;
	font-weight: 700;
	margin:-12px 0 0 0;
}

.pilas .colm .indicator{
	font-size: 1.00rem;
	font-weight: 700;
	padding: 5px 0 5px 0;
	border-bottom:3px solid #000000;  ;
}

.pilas .colm .new span {
	font-size: 0.80rem;
 	font-weight: 700;
	background-color: #000000 !important;
	color: #ffffff !important;
	padding: 4px 7px 2px 7px !important;
	border-bottom:3px solid #000000;  ;
 	border-radius: 8px;
}

.pilas .colm .indicator span{
	border-radius: 8px;
	background-color: #ffffff;
	padding:2px 7px 2px 7px;
}

.pilas .colm .porcentaje{
	margin-top: 0px;
	font-size: 1.80rem;
	font-weight: 500;
}

.pilas .colm{
	border: 3px solid #007bff; /* Color y grosor del borde */
	border-color: #000000;
	border-radius: 80% 80% 80% 80% / 20% 20% 20% 20%; 
	overflow: hidden;
	margin-bottom: 15px; /* Espacio vertical entre las "píldoras" */
	padding: 10px; 
	margin-left: -3px;   
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* end home niveles pilas */