body{font-family:Gill Sans,Gill Sans MT,Myriad Pro,Helvetica,Arial,"sans-serif";background:#fff;color:#000}
	
@media(max-width:700px){ /* MOVIL */
.txt{font-size:18px;margin-top:-10px;margin-bottom:20px;color:#5D5D5D;font-weight:100}
.contenedor{}
.contenedor{text-align:center;}
input[type=submit]{background-color:#68bbb9;font-weight:900;font-size:20px;color:#fff;padding:20px;border:none;border-radius:4px}
input[type=submit]:hover{background-color:#7ec5c3;cursor:pointer}
label{color:grey;cursor:pointer;font-size:8vw /*estrella 30px*/}
input[type="radio"]{display:none;}
.clasificacion{direction:rtl;/* right to left */ unicode-bidi:bidi-override;/* bidi de bidireccional */ }
label:hover{color:orange;}
label:hover ~ label{color:orange;}
input[type="radio"]:checked ~ label{color:orange;}
.num{color:#B8B7B7;margin-top:-20px;font-size:10px;word-spacing:6.4vw /*24px*/}	
img{margin-left:0;max-width:100%;height:auto;margin-top:10px}
}

@media(min-width:701px){/* PANTALLAS GRANDES */
h1{font-size:28px}
.txt{font-size:21px;margin-top:-10px;margin-bottom:20px;color:#5D5D5D;font-weight:100;width:600px;display:flex;align-items:center;margin:0 auto;}
.contenedor{text-align:center;}
input[type=submit]{background-color:#68bbb9;font-weight:900;font-size:20px;color:#fff;padding:20px;border:none;border-radius:4px}
input[type=submit]:hover{background-color:#7ec5c3;cursor:pointer}
label{color:grey;font-size:75px;cursor:pointer}
input[type = "radio"]{display:none;}
.clasificacion{direction: rtl;/* right to left */ unicode-bidi: bidi-override;/* bidi de bidireccional */  }
label:hover{color:orange;}
label:hover ~ label{color:orange;}
input[type="radio"]:checked ~ label{color:orange;}
.num{color:#B8B7B7;margin-top:-40px;word-spacing:54px;}
img{margin-top:25px}
}

.barra{height:8px;
	width:160px;
	position: relative;
	background:gainsboro;
	border-radius:5px;
	padding:1px;}
.barra > span {display: block;
  height:100%;
  border-top-right-radius:1px;
  border-bottom-right-radius:1px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color:grey;
  /*position:relative;*/
  overflow:hidden;
  animation: prog 1s linear;}
@keyframes prog{0% {width:0} 100% {width:100%}}