.califique *{
 transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.califique {
 font-size: 1.2rem;
 color: #00000;
 font-style: normal;
 font-weight: normal;
 margin-bottom: 0 !important;
 margin-top: 15px;
 margin-right: 20px;
}

.separadorhr {
 border: none;
 height: 5px;
 background-color: none;
}
a {
 text-decoration: none !important;
}
.pregunta {
 font-size: 2rem;
}

.inbl {
 display: inline-block;
}
.puntuacion {
 margin: 0 auto;
}
.lhestrellas {
}
input[type="radio"] {
 -ms-transform: scale(1.5); /* IE 9 */
 -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
 transform: scale(1.5);
}
.fontboton {
 font-size: 20px !important;
 color: #D0EED6 !important;
}
.ec-stars-wrapper {
 /* Espacio entre los inline-block (los hijos, los `a`) 
      http://ksesocss.blogspot.com/2012/03/display-inline-block-y-sus-empeno-en.html */
 font-size: 20;
 /* Podríamos quitarlo, 
    pero de esta manera (siempre que no le demos padding), 
    sólo aplicará la regla .ec-stars-wrapper:hover a cuando
    también se esté haciendo hover a alguna estrella */
 display: inline-block;
}
.ec-stars-wrapper a {
 text-decoration: none;
 display: inline-block;
 /* Volver a dar tamaño al texto */
 font-size: 2rem;
 color: #D0EED6;
}


.ec-stars-wrapper:hover a {
 color: #FFE16F;
}
/*
   * El selector de hijo, es necesario para aumentar la especifidad
   */
.ec-stars-wrapper > a:hover ~ a {
 color: #70B66B;
}
.mrginput {
 padding-top: 20px !important;
}

.contenedorclasificacion {
 max-width: 100vw;
 margin: 0 auto;
}