@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.rotate-load{-webkit-animation:rotate 5s linear infinite normal;animation:rotate 5s linear infinite normal}#loading,#test-container{align-items:center;background-color:#002855;display:flex;font-family:sans-serif;height:100%;justify-content:center;left:0;margin:0 auto;position:fixed;text-align:center;top:0;width:100%;z-index:99999}#loading{background-image:url(https://45887649.fs1.hubspotusercontent-na1.net/hubfs/45887649/background-loader-1.jpg);background-size:cover;flex-direction:column}#result-panel{background-color:#f5f7fa}#result-title{border-left:15px solid transparent;border-radius:10px;box-shadow:5px 10px 55px 0 #00000017;margin:20px 0;padding:20px}.wrapper-questions{margin:0 auto;max-width:940px;padding:20px}.wrapper-questions h4,.wrapper-questions h5{color:#fff;text-align:center}.wrapper-questions h4{font-size:35px}.step{display:none}.step.active{display:block}.options{display:flex;flex-direction:row;gap:20px;padding:50px 0}@media screen and (max-width:767px){.options{flex-direction:column}}.options button{background:linear-gradient(180deg,#fff 19.6%,#dfe3e5 121.38%);border:0;border-radius:12px;color:#002855;cursor:pointer;display:block;padding:20px 10px;transition:background .3s;width:100%}.options button:hover{background:linear-gradient(180deg,#19c5f5 19.6%,#20bdae 121.38%);color:#fff}.progress-bar{background:#d3f5ff;border-radius:5px;height:10px;margin:0 auto;max-width:500px;overflow:hidden}#progress-fill{background:#19c5f5;height:100%;transition:width .3s ease;width:0}.result-layout{align-items:center;flex-wrap:wrap;font-family:sans-serif;gap:30px;justify-content:center;margin:0 auto;padding:0}.result-layout,.scale-bar{display:flex;flex-direction:column}.scale-bar{border-radius:6px;height:200px;overflow:hidden;position:relative;width:30px}@media screen and (max-width:767px){.scale-bar{margin-bottom:-80px;transform:rotate(90deg)}}.scale-color{flex:1}.rojo{background-color:#e02200}.naranja{background-color:#ff6c03}.amarillo{background-color:#f6b40a}.verde{background-color:#55be24}.scale-fill{background-color:transparent;bottom:0;height:0;left:0;position:absolute;right:0;transition:height .5s ease;z-index:2}.result-text{max-width:200px;text-align:left;width:100%}@media screen and (max-width:767px){.result-text{max-width:100%}}.result-text h3{color:#333;font-size:1.4rem;margin:0}.result-text p{color:#666;font-size:1rem;margin-top:5px}.recommendation-section{background:#f9f9f9;border-left:6px solid #ccc;box-shadow:0 2px 8px rgba(0,0,0,.05);font-family:sans-serif;margin:30px auto;max-width:600px;padding:20px}.recommendation-section h4{color:#333;font-size:1.2rem;margin:0 0 10px}.recommendation-section p{color:#555;line-height:1.4;margin-bottom:8px}.scale-fill{display:none}.scale-color{transform:scale(.8)}.scale-color#scale-active{transform:scale(1);z-index:2}.result-container{padding:0 20px}.result-wrapper{align-items:center;background-color:#fff;border-radius:0 60px 60px 60px;box-shadow:12px 7px 30px 0 #0000001a;display:flex;gap:40px;justify-content:space-between;margin:80px auto;max-width:700px;padding:60px 40px;width:100%}@media screen and (max-width:767px){.result-wrapper{flex-direction:column}}.recommendations-wrapper{background:#fff url(https://45887649.fs1.hubspotusercontent-na1.net/hubfs/45887649/background-recommendations.png) 0 100%/auto no-repeat;padding:80px 20px;width:100%}@media screen and (max-width:767px){.recommendations-wrapper{background:#fff}}.recommendations-wrapper h2{text-align:center}.results-comments{display:none}