#root{width:100%;height:100dvh;margin:0;padding:0;text-align:center}.app-container{display:flex;flex-direction:column;width:100%;height:100dvh;position:relative}header{display:flex;width:100%;height:20%;padding-left:7px}nav{display:flex;justify-content:flex-end;gap:5%;width:100%;min-width:50%;height:4rem;padding:2rem}ul{width:50%;display:flex;justify-content:space-between}li{list-style:none}.titulo-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-left:1rem;min-width:120px;min-height:120px;width:15%;flex-shrink:0}h1{position:relative;bottom:85px;transform:rotate(-10deg);color:#6153e6}main{position:relative;display:flex;flex-wrap:wrap;justify-content:stretch;width:100%;height:80%;overflow:hidden}.entrada-container{display:flex;width:100%;height:100%}.description-container{width:49%;display:flex;flex-direction:column;justify-content:space-around}.video-container{width:49%}.video{width:100%}.button-container{display:flex;justify-content:center;gap:30px}.questions-buttons{display:flex;width:100%;height:100%}.all-questions-container{display:flex;flex-direction:column;width:100%;overflow:hidden;height:100%}.text-container{display:inline-block;position:relative;width:100%;height:100%;overflow:hidden}.question-text{font-size:15pt;position:relative;animation:slideInLeft 1s forwards}@keyframes slideInLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.si-no-container{display:flex;justify-content:center;gap:10%;padding:5px}.section-no,.section-si{position:relative}.ayuda-reiniciar-container{display:flex;justify-content:center;gap:30%;width:100%}.section-reiniciar{display:flex;flex-direction:column;justify-content:center;align-items:center}.ayuda{width:90px;height:90px;border-radius:50%;padding:20px;background-color:#6153e6;font-size:12pt;border:none;color:#f0f0f0}.ayuda:hover{cursor:pointer;background-color:#6555f5}.ayuda:active{cursor:pointer;border:solid 2px rgb(72,72,72);box-shadow:#000 80px}.comenzar{width:90px;height:90px;border-radius:50%;padding:5px;background-color:#b2e12c;font-size:12pt;color:#000;border:none}.comenzar:hover{cursor:pointer;background-color:#b9ee27}.comenzar:active{border:solid 2px rgb(72,72,72)}.reiniciar{width:87px;padding-bottom:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reiniciar:hover{animation:rotate 1s forwards}.btn-si{width:60px;height:60px;border:none;cursor:pointer;background-color:#fff}.btn-si img{width:60px}.btn-no{width:60px;height:60px;background-color:#fff;border:none;cursor:pointer}.btn-no img{width:60px;height:60px}.btn-ayuda{background-color:#6153e6;width:100px;height:100px;border-radius:50%;padding:10px;font-size:15pt}.indicadores-container{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding-bottom:100px;padding-right:5px;width:100%;height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#f6685a #f1f1f1}.colors-container{width:50%;height:3rem;display:flex;align-items:center;gap:10px;padding:5px;justify-content:center}.amarillo{width:35px;height:35px;min-width:30px;min-height:30px;background-color:#eeeb19;border-radius:50%;display:flex;justify-content:center;align-items:center}.naranja{width:35px;height:35px;min-width:30px;min-height:30px;background-color:#f0bd21;border-radius:50%;display:flex;justify-content:center;align-items:center}.rojo{width:35px;height:35px;min-width:30px;min-height:30px;background-color:#f02323;border-radius:50%;display:flex;justify-content:center;align-items:center}.texts-container{display:flex;align-items:center;gap:3px;margin-left:5px;width:90%}.bold{font-weight:700;font-size:13pt}.explicacion{display:flex;align-items:center;gap:20px;padding:10px 10px 0;text-align:left;width:100%;height:100%;margin-bottom:5px}.explicacio-color{display:flex;justify-content:center;align-items:center;width:5%}.explicacion-texto{width:90%}@media (max-width: 768px){nav{justify-content:center;padding:1rem}li{margin-right:10%}.entrada-container{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#f6685a #f1f1f1}.description-container,.video-container{width:100%}.texts-container{width:90%}.indicadores-container{height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#f6685a #f1f1f1;padding-left:7px}.explicacion{width:auto}.colors-container{width:90%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#353330;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;display:flex;place-items:center;width:100%;height:auto;max-width:1366px}h1{font-size:3.2em;line-height:1.1}