.quiz-app{min-height:100dvh;display:flex;flex-direction:column;background:var(--c-grey-dark);position:relative;overflow-x:hidden}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--unit) * 5) calc(var(--unit) * 6);position:relative;z-index:10}.quiz-topbar-back{width:calc(var(--unit) * 12);height:calc(var(--unit) * 12);border-radius:calc(var(--unit) * 4);background:#ffffff14;display:flex;align-items:center;justify-content:center;color:var(--c-white);font-size:2rem;transition:all .8s var(--bezier);border:none;cursor:pointer;flex-shrink:0}.quiz-topbar-back:hover{background:#ffffff26}.quiz-topbar-back--hidden{visibility:hidden}.quiz-topbar-step{font-family:var(--font-2);font-size:1.6rem;font-weight:900;color:var(--c-white);letter-spacing:.02em}.quiz-topbar-logo{display:flex;align-items:center;text-decoration:none}.quiz-topbar-logo svg{height:calc(var(--unit) * 5);width:auto}.quiz-topbar-logo svg path{fill:var(--c-white)}.quiz-topbar-logo svg #punto,.quiz-topbar-logo svg circle{animation:colorCycleSVG 3s infinite var(--bezier)}.quiz-progress-wrap{padding:0 calc(var(--unit) * 6);margin-bottom:calc(var(--unit) * 6)}.quiz-progress{height:calc(var(--unit) * 2);background:#ffffff14;border-radius:10rem;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--c-blue);border-radius:10rem;transition:width .6s var(--bezier)}.quiz-body{flex:1;display:flex;flex-direction:column;padding:0 calc(var(--unit) * 5) calc(var(--unit) * 8);max-width:56rem;width:100%;margin:0 auto}.quiz-card{background:var(--c-white);border-radius:calc(var(--unit) * 6);padding:calc(var(--unit) * 8) calc(var(--unit) * 6);box-shadow:0 1rem 4rem #00000026;margin-bottom:calc(var(--unit) * 6);flex:1;display:flex;flex-direction:column}.quiz-card.is-entering{animation:slideInRight .45s var(--bezier) both}.quiz-card.is-exiting{animation:slideOutLeft .25s var(--bezier) both}.quiz-card-label{font-size:1.3rem;font-weight:500;color:var(--c-grey-medium);margin-bottom:calc(var(--unit) * 4);text-transform:uppercase;letter-spacing:.08em}.quiz-card-title{font-family:var(--font-2);font-size:2.6rem;font-weight:900;line-height:1.2;color:var(--c-black);margin-bottom:calc(var(--unit) * 8)}.quiz-card-desc{font-size:1.5rem;line-height:1.5;color:var(--c-grey-medium);margin-top:calc(var(--unit) * -4);margin-bottom:calc(var(--unit) * 8)}.quiz-opts{display:flex;flex-direction:column;gap:calc(var(--unit) * 4);flex:1}.quiz-opt{width:100%;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--unit) * 5) calc(var(--unit) * 6);background:var(--c-white-soft);border:2px solid var(--c-grey-light);border-radius:calc(var(--unit) * 4);color:var(--c-black);font-family:var(--font);font-size:1.8rem;font-weight:600;line-height:1.3;text-align:left;cursor:pointer;transition:all .5s var(--bezier);min-height:calc(var(--unit) * 16);position:relative}.quiz-opt:hover:not(:disabled){border-color:var(--c-blue);background:#25cfe50f;transform:translateY(-.2rem);box-shadow:0 .4rem 1.6rem #25cfe51f}.quiz-opt.is-selected{background:var(--c-blue);border-color:var(--c-blue);color:var(--c-black);transform:scale(.98);box-shadow:0 .4rem 2rem #25cfe54d}.quiz-opt.is-faded{opacity:.3;transform:scale(.97)}.quiz-opt:disabled{cursor:default}.quiz-opt-text{flex:1}.quiz-opt-check{width:calc(var(--unit) * 8);height:calc(var(--unit) * 8);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.6rem;transition:all .5s var(--bezier);background:var(--c-grey-light);color:transparent;margin-left:calc(var(--unit) * 3)}.quiz-opt:hover:not(:disabled) .quiz-opt-check{background:#25cfe526;color:var(--c-blue)}.quiz-opt.is-selected .quiz-opt-check{background:var(--c-black);color:var(--c-white)}.quiz-bottom-cta{padding:0 calc(var(--unit) * 5) calc(var(--unit) * 5);max-width:56rem;width:100%;margin:0 auto}.quiz-cta{display:flex;align-items:center;justify-content:center;gap:calc(var(--unit) * 2);width:100%;padding:calc(var(--unit) * 5) calc(var(--unit) * 8);border-radius:calc(var(--unit) * 4);background:var(--c-blue);color:var(--c-black);font-family:var(--font-2);font-size:2rem;font-weight:900;line-height:1.2;text-decoration:none;border:none;cursor:pointer;transition:all .8s var(--bezier);box-shadow:0 .6rem 2.4rem #25cfe540}.quiz-cta:hover{background:var(--c-white);color:var(--c-black);box-shadow:0 .6rem 2.4rem #ffffff26;transform:translateY(-.2rem)}.quiz-cta--dark{background:var(--c-black);color:var(--c-white);box-shadow:0 .6rem 2.4rem #00000040}.quiz-cta--dark:hover{background:var(--c-grey-light);color:var(--c-black)}.quiz-cta--ghost{background:transparent;color:var(--c-grey-medium);box-shadow:none;border:2px solid rgba(255,255,255,.1);font-family:var(--font);font-size:1.6rem;font-weight:600;padding:calc(var(--unit) * 3.5) calc(var(--unit) * 6);border-radius:calc(var(--unit) * 3);width:auto}.quiz-cta--ghost:hover{color:var(--c-white);border-color:#ffffff40;background:#ffffff0a}.quiz-cta--ghost-on-color{background:transparent;color:#00000080;box-shadow:none;border:2px solid rgba(0,0,0,.15);font-family:var(--font);font-size:1.6rem;font-weight:600;padding:calc(var(--unit) * 3.5) calc(var(--unit) * 6);border-radius:calc(var(--unit) * 3);width:auto}.quiz-cta--ghost-on-color:hover{color:var(--c-black);border-color:#0000004d}.quiz-intro{flex:1;display:flex;flex-direction:column;animation:scaleIn .7s var(--bezier) both}.quiz-intro-card{background:var(--c-white);border-radius:calc(var(--unit) * 6);padding:calc(var(--unit) * 10) calc(var(--unit) * 7);color:var(--c-black);box-shadow:0 1rem 4rem #00000026;position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column;justify-content:center}.quiz-intro-card:before{content:"";position:absolute;top:0;left:0;right:0;height:.5rem;background:linear-gradient(90deg,var(--c-blue),var(--c-yellow),var(--c-red))}.quiz-intro-dot{width:2rem;height:2rem;border-radius:50%;animation:colorCycle 3s infinite var(--bezier);margin-bottom:calc(var(--unit) * 8)}.quiz-intro-title{font-family:var(--font-2);font-size:3.6rem;font-weight:900;line-height:1.1;color:var(--c-black);margin-bottom:calc(var(--unit) * 5)}.quiz-intro-desc{font-size:1.7rem;line-height:1.6;color:var(--c-grey-medium);margin-bottom:calc(var(--unit) * 10);max-width:40rem}.quiz-intro-meta{display:flex;gap:calc(var(--unit) * 5);margin-bottom:calc(var(--unit) * 10);flex-wrap:wrap}.quiz-intro-meta-item{display:flex;align-items:center;gap:calc(var(--unit) * 2.5)}.quiz-intro-meta-icon{width:calc(var(--unit) * 11);height:calc(var(--unit) * 11);border-radius:calc(var(--unit) * 3);background:var(--c-grey-light);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.quiz-intro-meta-label{font-size:1.5rem;font-weight:600;color:var(--c-grey-dark)}.quiz-intro-cta{margin-top:auto}.quiz-result{flex:1;display:flex;flex-direction:column;animation:scaleIn .6s var(--bezier) both}.quiz-result-card{border-radius:calc(var(--unit) * 6);padding:calc(var(--unit) * 10) calc(var(--unit) * 7);box-shadow:0 1rem 4rem #00000026;position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column;justify-content:center}.quiz-result-card--blue{background:var(--c-blue);color:var(--c-black)}.quiz-result-card--yellow{background:var(--c-yellow);color:var(--c-black)}.quiz-result-card--red{background:var(--c-red);color:var(--c-white)}.quiz-result-card--default{background:var(--c-white);color:var(--c-black)}.quiz-result-badge{display:inline-flex;align-self:flex-start;padding:calc(var(--unit) * 2) calc(var(--unit) * 4);border-radius:calc(var(--unit) * 10);font-size:1.1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:calc(var(--unit) * 8)}.quiz-result-card--blue .quiz-result-badge,.quiz-result-card--yellow .quiz-result-badge{background:#00000014}.quiz-result-card--red .quiz-result-badge{background:#ffffff26}.quiz-result-card--default .quiz-result-badge{background:#25cfe51f;color:var(--c-blue)}.quiz-result-title{font-family:var(--font-2);font-size:5rem;font-weight:900;line-height:1em;margin-bottom:calc(var(--unit) * 6)}.quiz-result-desc{font-size:1.7rem;line-height:1.6;opacity:.75;max-width:40rem;margin-bottom:calc(var(--unit) * 10)}.quiz-result-actions{display:flex;flex-direction:column;gap:calc(var(--unit) * 3);margin-top:auto}.quiz-footer{padding:calc(var(--unit) * 4) calc(var(--unit) * 5);text-align:center}.quiz-footer p{font-size:1.1rem;color:#ffffff26}.quiz-footer a{color:#ffffff40;text-decoration:none}.quiz-footer a:hover{color:var(--c-white)}@media (max-width: 600px){.quiz-topbar{padding:calc(var(--unit) * 3) calc(var(--unit) * 4)}.quiz-topbar-back{width:calc(var(--unit) * 10);height:calc(var(--unit) * 10);border-radius:calc(var(--unit) * 3)}.quiz-body{padding:0 calc(var(--unit) * 3) calc(var(--unit) * 5)}.quiz-card{padding:calc(var(--unit) * 6) calc(var(--unit) * 5);border-radius:calc(var(--unit) * 5)}.quiz-card-title{font-size:2.2rem}.quiz-opt{padding:calc(var(--unit) * 4) calc(var(--unit) * 5);font-size:1.6rem;min-height:calc(var(--unit) * 14);border-radius:calc(var(--unit) * 3)}.quiz-cta{padding:calc(var(--unit) * 4.5) calc(var(--unit) * 6);font-size:1.8rem;border-radius:calc(var(--unit) * 3)}.quiz-bottom-cta{padding:0 calc(var(--unit) * 3) calc(var(--unit) * 3)}.quiz-intro-card{padding:calc(var(--unit) * 8) calc(var(--unit) * 5);border-radius:calc(var(--unit) * 5)}.quiz-intro-title{font-size:2.8rem}.quiz-result-card{padding:calc(var(--unit) * 8) calc(var(--unit) * 5);border-radius:calc(var(--unit) * 5)}.quiz-result-title{font-size:3.6rem}.quiz-progress-wrap{padding:0 calc(var(--unit) * 4);margin-bottom:calc(var(--unit) * 4)}}