@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}*,.App{margin:0}.App{display:flex;text-align:center;justify-content:center;align-items:center;vertical-align:middle;height:100vh;background-image:url(/static/media/background.e9429b24.svg);background-position:50%;background-size:cover;font-family:"Work Sans",sans-serif;color:#fff}.App:before{content:"";right:0;left:0;top:0;z-index:-1;background-image:linear-gradient(to bottom right,#4172e2 0,#15426e)}.App:before,footer{bottom:0;position:absolute}footer{display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:13px;font-weight:500}.footer-logo{width:100px;margin-left:8px}.btn{display:inline-flex;width:85px;height:35px;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;background-color:#35abfa;color:#fff;border-radius:10px}.btn:hover{background-color:#3299df}@media (max-width:700px){.App{background-image:url(/static/media/background-resp.478523c0.svg);background-size:cover}.hitec-logo{width:85px}.btn-back-to-home--resultado{bottom:31%;width:100px;height:30px;font-size:small}}@media (max-width:350px){.btn-back-to-home--resultado{width:90px;height:25px;font-size:small}}.Inicio{display:inline-flex;background-color:transparent;width:40%;height:40%;margin:auto;align-items:center;justify-content:center}.Inicio .content-wrapper{background-color:transparent;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:25px}.Inicio .hitec-logo{width:100px;margin-bottom:1.5vh}.Inicio .content-wrapper p{font-size:max(3.3vw,25px);font-weight:700}.Inicio .btn-start{margin-top:1.5vh}@media (max-width:590px){.Inicio{width:70%}}button{transition:all .25s;border:none}.QuestionCard{position:absolute;width:550px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#000}.QuestionCard textarea{width:95%;height:100px;border-radius:15px;border:none;margin-top:15px;padding:1em 2.5%;background:#fff;resize:vertical;min-height:100px;max-height:250px}.QuestionCard .navigation{width:100%;margin-bottom:1em;display:inline-flex;justify-content:space-between;flex-wrap:nowrap}.QuestionCard .navigation button{width:50px;height:50px;font-family:"Work Sans",sans-serif;font-size:1.25em;font-weight:700;border-radius:50%;color:#505050;background:#b9b9b9;box-shadow:0 5px 1px 0 rgba(0,0,0,.1)}.QuestionCard .navigation button:hover{-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 0 1px 0 rgba(0,0,0,.2)}.QuestionCard .navigation button.active{background:#e8e8e8;color:#3a62b1;-webkit-transform:scale(1.1);transform:scale(1.1)}.QuestionCard .question-content{border-radius:25px;box-sizing:border-box;padding:1.5em;background:#f2f2f2;text-align:left;box-shadow:0 3px 10px 0 rgba(0,0,0,.2)}.QuestionCard .question-content h1{font-size:1.5em;margin:.5em 0}.QuestionCard .options-content{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;margin-top:30px}.QuestionCard .options-content button{padding:1em;border-radius:25px;background:#fafafa;box-shadow:0 5px 1px 0 rgba(0,0,0,.05)}.QuestionCard .options-content button:hover{-webkit-transform:scale(1.05);transform:scale(1.05);background-color:#3a62b1;box-shadow:0 0 1px 0 rgba(0,0,0,.05);color:#fff}.QuestionCard .options-content button.active{background:#3a62b1;color:#fff}.QuestionCard #nav-buttons{width:100%;display:inline-flex;justify-content:space-between;padding:1em 0}.QuestionCard #nav-buttons a,.QuestionCard #nav-buttons button{background-color:transparent;padding:0;text-decoration:none;font-weight:700;font-size:1.5em;font-family:"Work Sans",sans-serif;color:#fff}.QuestionCard #nav-buttons button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media only screen and (max-width:600px){.QuestionCard{width:100%;height:100%}.QuestionCard .question-content{border-radius:0;height:80%;overflow-y:scroll}.QuestionCard .navigation{flex-grow:1;margin:0}.QuestionCard .navigation button{flex:1 1;box-shadow:none;height:100px;font-size:1.5em;border-radius:0}.QuestionCard .navigation button.active,.QuestionCard .navigation button:hover{-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (max-width:480px){.QuestionCard .options-content{grid-template-columns:repeat(1,1fr)}.QuestionCard .options-content button{padding:1.5em 1em;font-size:1.25em;border-radius:25px;grid-gap:20px}.QuestionCard #nav-buttons{width:100%;margin:auto;background-color:#b9b9b9;position:fixed;bottom:0;left:0}.QuestionCard #nav-buttons button{font-size:2em;margin:0 1em}}.Resultado-Container{display:inline-flex;background-color:transparent;width:100%;height:75%;margin:auto;justify-content:center}.Resultado{width:100%;background-color:#8a2be2}.Resultado .content-wrapper{display:flex;width:100%;height:100%;flex-direction:column;justify-content:space-between}.Resultado .top-section{padding-top:2%}.Resultado h1{font-size:max(2.5vw,25px);color:hsla(0,0%,100%,.7333333333333333);padding:0 0 10px}.Resultado h2{font-size:max(2vw,20px);padding:10px 0}.Resultado .highlight-bar{background-color:rgba(40,40,40,.25)}.Resultado h3{padding:15px 0 5px}.Resultado #group-name{text-transform:uppercase}.Resultado .description{display:inline-flex;margin-bottom:5vh;width:65%;font-size:max(1.2vw,14px);justify-content:center}.Resultado .second-results{padding:10px 0;background-color:hsla(0,0%,100%,.7254901960784313);color:#000}.Resultado .second-results--groups{display:inline-flex}.Resultado h4{margin-bottom:5px;font-size:max(1.15vw,13px)}.Resultado .second-group-name{padding:0 40px;font-size:max(1.15vw,13px)}.Resultado .btn-back-to-home{width:120px;height:35px}.Resultado .link-feria{width:160px;margin-left:3vw}@media (max-width:700px){.Resultado .top-section{padding-top:10%}.Resultado .description{width:80%}.Resultado .second-group-name{padding:0 20px}}@media (max-width:350px){.Resultado .description{font-size:12px;width:80%}}
/*# sourceMappingURL=main.ca48b73f.chunk.css.map */