*, html{font-family:'Roboto';box-sizing: border-box;margin: 0;padding: 0;}
@font-face{font-family:'Roboto';src:url('fonts/Roboto-Regular.woff2') format('woff2'),url('fonts/Roboto-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;}
body{background:#dee1e3;background-image:url("../large.jpg");background-size:cover;background-position:top;height:100%;width:100%;margin:0;position:relative;padding:0}.progress-container{width:100%;background-color:#ff4500;height:10px;border-radius:5px;left:0;margin-bottom:20px;overflow:hidden;position:absolute;top:0}#progress-bar{height:100%;width:0%;background-color:#4CAF50;transition:width .3s ease-in-out}div.powered{background:crimson;border-radius:0;top:20px;color:#fff;height:auto;margin:0;padding:5px 10px;position:absolute;right:10px;text-align:center;width:180px}.container{margin:0 auto;background:;margin-top:0;padding:40px;border-radius:0;text-align:left;height:100%;width:70%}img#img-Test{margin:0 auto;text-align:center;width:250px}h2{color:rgba(0,0,0,.8);font-size:40px;font-weight:700;padding-left:0;text-align:left;margin-bottom:30px}h3{margin-bottom:20px}.question{margin-bottom:20px}.question p{font-size:26px;font-weight:700;padding-left:0;text-align:left}.options button{font-size:20px;padding:10px 15px;margin:0 auto 5px;margin-top:20px;border:none;border-radius:0;cursor:pointer;background:#fff;color:rgba(0,0,0,.6);transition:all .4s ease}.options button:hover{background:crimson;color:#fff}#resultado{display:none;text-align:center;padding:20px;margin-top:20px;background:#ffe5e5;border-radius:12px;font-weight:700}.lead-form{display:none;margin-top:20px}.lead-form input{width:100%;padding:12px;margin-bottom:10px;border-radius:6px;border:1px solid #ccc}.lead-form button{width:100%;padding:15px;background:#DC143C;color:#fff;border:none;border-radius:6px;cursor:pointer}.lead-form button:hover{background:#a10b25}#chartContainer{display:none;margin-top:30px}@media screen and (min-width:0) and (max-width:767px){body{background:;height:100%;position:relative;width:100%}.container{margin:0 auto;background:;margin-top:0;padding:40px;border-radius:0;text-align:left;height:100%;width:100%}img#img-Test{margin:0 auto;text-align:center;width:250px}h2{color:rgba(0,0,0,.8);font-size:40px;font-weight:700;text-align:center;margin-bottom:30px}.question{margin-bottom:20px}.question p{font-size:26px;font-weight:700}.options button{display:block;font-size:20px;padding:10px 15px;margin:5px;margin-top:20px;border:none;border-radius:0;cursor:pointer;background:#fff;color:rgba(0,0,0,.6);transition:all .4s ease;width:100%}.options button:hover{background:crimson;color:#fff}.options button#one{margin-left:0}.container .sub-container{margin:0 auto;background:;padding:0;border-radius:0;text-align:left;width:100%}h2{color:rgba(0,0,0,.8);font-size:40px;font-weight:700;padding-left:0;text-align:left;margin-bottom:30px}.question{margin-bottom:20px}.question p{font-size:26px;font-weight:700;padding-left:0;text-align:left}div.powered{top:15px}}
h1{
  display:none
}
p.puntaje{
  font-size:35px;
}
#resultado{
  background: rgba(172,255,219,.6);
  background: white;
}
p.interpretacion{
  font-size:24px;
}
p.medio{
  background: yellow;
  color:#000;
  font-size:24px;
  height: auto;
  padding: 10px;
}
p.alto{
  background: rgba(172,255,219,.6);
  color:#000;
  font-size:24px;
  height: auto;
  padding: 10px;
}
p.bajo{
  background: red;
  color:#fff;
  font-size:24px;
  height: auto;
  padding: 10px;
}
p.respuesta{
  background: rgba(172,255,219,.6);
}
strong.pregunta{
  background: crimson;
  color:white;
  font-weight: normal;
}
h3.resumen{
  text-align: left;

}
div.lead-form p{
  margin-top:10px;
  margin-bottom:10px;
  text-align: justify;
}
