:root{--color-primary: #4A6B8A;--color-primary-dark: #3A5570;--color-primary-light: #7A9BB5;--color-accent: #D4B896;--color-bg: #F4EFE9;--color-bg-card: #FDFAF7;--color-text-primary: #2C3E50;--color-text-body: #3D4F5C;--color-text-muted: #8A9BA8;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast: .2s ease;--transition-screen: .35s ease;--container-max: 600px;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .06);--shadow-lift: 0 8px 30px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--color-text-body);background:var(--color-bg);line-height:1.6}#root{min-height:100vh}.app{position:relative;min-height:100vh;overflow-x:hidden}.bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(122,155,181,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 80%,rgba(212,184,150,.2) 0%,transparent 50%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(244,239,233,.6) 0%,transparent 70%),var(--color-bg);background-size:120% 120%,120% 120%,120% 120%;background-position:0% 0%,100% 100%,50% 50%;animation:mesh-shift 25s ease-in-out infinite alternate;pointer-events:none}@keyframes mesh-shift{0%{background-position:0% 0%,100% 100%,50% 50%}to{background-position:5% 5%,95% 95%,55% 45%}}.progress-bar{position:fixed;top:0;left:0;right:0;width:100%;height:3px;background:#4a6b8a26;z-index:100;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);transition:width .4s ease}.container{position:relative;z-index:1;width:100%;max-width:var(--container-max);margin:0 auto;padding:2rem 1.5rem;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 640px){.container{padding:3rem 2rem}}.screen-result.container{justify-content:flex-start}.screen-content{width:100%;animation:screen-enter var(--transition-screen) forwards}@keyframes screen-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.intro-content{display:flex;flex-direction:column;align-items:center}.intro-tagline{display:block;font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:1rem}.intro-avatar{width:60px;height:60px;border-radius:50%;border:2px solid var(--color-accent);margin-bottom:.75rem;flex-shrink:0}.intro-avatar-fallback{background:#d4b8964d;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:18px;font-weight:600;color:var(--color-primary)}.intro-avatar-img{object-fit:cover;object-position:center top;display:block}.intro-credentials{font-size:11px;color:var(--color-text-muted);letter-spacing:.08em;margin:0 0 1.25rem;text-align:center}.headline-divider{width:48px;height:2px;background:var(--color-accent);margin-bottom:1.25rem;opacity:.7}.headline-intro{font-size:clamp(2.25rem,5vw,3rem)}@media (min-width: 640px){.headline-intro{font-size:48px}}@media (max-width: 639px){.headline-intro{font-size:36px}}.headline{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.25rem);font-weight:500;color:var(--color-text-primary);margin:0 0 1rem;line-height:1.3;text-align:center}.subheadline{font-size:1.0625rem;color:var(--color-text-body);margin:0 0 1.5rem;text-align:center;max-width:480px;margin-left:auto;margin-right:auto}.body-text{font-size:1rem;color:var(--color-text-body);margin:0 0 2rem;text-align:center}.cta-button{display:block;width:100%;min-width:280px;max-width:360px;margin:0 auto;padding:1rem 1.75rem;font-family:var(--font-body);font-size:1rem;font-weight:500;color:#fff;background:var(--color-primary);border:none;border-radius:9999px;cursor:pointer;transition:transform .1s ease,box-shadow var(--transition-fast),background var(--transition-fast);box-shadow:var(--shadow-soft)}.cta-button:hover{transform:scale(1.02);box-shadow:var(--shadow-lift);background:var(--color-primary-dark)}.cta-button:active{transform:scale(.97)}.cta-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.quiz-content{padding-top:2rem;display:flex;flex-direction:column;align-items:center;width:100%}.question-block{min-height:160px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-shrink:0}.question-number{font-size:.75rem;color:var(--color-text-muted);margin:0;text-align:center;text-transform:uppercase;letter-spacing:.12em}.question-text{font-family:var(--font-display);font-size:clamp(19px,2.5vw,22px);font-weight:500;color:var(--color-text-primary);margin:.5rem 0 0;line-height:1.4;text-align:center;max-width:460px;margin-left:auto;margin-right:auto}.scale-cards{display:flex;flex-direction:column;gap:10px;width:100%;max-width:480px;margin:32px 0 0;flex-shrink:0}.scale-card{display:flex;align-items:center;gap:1rem;width:100%;height:64px;padding:0 1rem;font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--color-text-body);background:var(--color-bg-card);border:1px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;text-align:left;transition:transform .1s ease,box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);box-shadow:0 2px 8px #0000000a}.scale-card-label{flex:1}.scale-card-indicator{flex-shrink:0;width:32px;height:32px;border-radius:50%;background-color:transparent;border:2px solid currentColor}.scale-card-indicator-0{background:transparent;border-color:var(--color-primary)}.scale-card-indicator-1{background:conic-gradient(var(--color-primary) 0deg 90deg,transparent 90deg);border-color:var(--color-primary)}.scale-card-indicator-2{background:conic-gradient(var(--color-primary) 0deg 180deg,transparent 180deg);border-color:var(--color-primary)}.scale-card-indicator-3{background:conic-gradient(var(--color-primary) 0deg 270deg,transparent 270deg);border-color:var(--color-primary)}.scale-card-indicator-4{background:var(--color-primary);border-color:var(--color-primary)}.scale-card.selected .scale-card-indicator-0,.scale-card.selected .scale-card-indicator-1,.scale-card.selected .scale-card-indicator-2,.scale-card.selected .scale-card-indicator-3,.scale-card.selected .scale-card-indicator-4{border-color:#fff;background-color:transparent;background-image:none}.scale-card.selected .scale-card-indicator-1{background:conic-gradient(white 0deg 90deg,transparent 90deg);border-color:#fff}.scale-card.selected .scale-card-indicator-2{background:conic-gradient(white 0deg 180deg,transparent 180deg);border-color:#fff}.scale-card.selected .scale-card-indicator-3{background:conic-gradient(white 0deg 270deg,transparent 270deg);border-color:#fff}.scale-card.selected .scale-card-indicator-4{background:#fff;border-color:#fff}.scale-card:hover:not(:disabled){box-shadow:var(--shadow-lift);background:linear-gradient(#4a6b8a0d,#4a6b8a0d),var(--color-bg-card)}.scale-card:active:not(:disabled){transform:scale(.97)}.scale-card.selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 6px 20px #4a6b8a59;transform:scale(1.02)}.scale-card.selected .scale-card-indicator{color:#fff}.scale-card.selected:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.scale-card:disabled{cursor:default;opacity:.9}.scale-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 480px),(max-height: 700px){.container.screen-quiz{padding:1rem 1.25rem;justify-content:center;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom))}.quiz-content{padding-top:.5rem}.question-block{min-height:100px}.question-text{font-size:17px}.scale-cards{gap:6px;margin-top:20px}.scale-card{height:52px;padding:0 .875rem;font-size:.9375rem}.scale-card-indicator{width:28px;height:28px}body.quiz-active{overflow:hidden;overscroll-behavior:none}}.lead-form{width:100%;max-width:360px;margin:0 auto 1rem}.input-field{width:100%;padding:1rem 1.25rem;margin-bottom:1rem;font-family:var(--font-body);font-size:1rem;color:var(--color-text-body);background:var(--color-bg-card);border:1px solid rgba(74,107,138,.15);border-radius:12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-field::placeholder{color:var(--color-text-muted)}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a6b8a26}.input-field:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}.privacy-text{font-size:.8125rem;color:var(--color-text-muted);text-align:center;margin:0}.result-content{padding-top:1rem;display:flex;flex-direction:column;align-items:center}.score-arc-section{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.score-arc-wrapper{position:relative;width:220px;height:140px;margin:1.5rem 0 0;display:flex;flex-direction:column;align-items:center}.score-arc-svg{position:absolute;top:0;left:50%;transform:translate(-50%)}.score-arc-bg{stroke:#4a6b8a1f;stroke-dasharray:314.16;stroke-dashoffset:0}.score-arc-fill{stroke-dasharray:314.16;stroke-dashoffset:314.16;animation:arc-draw 1.2s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes arc-draw{0%{stroke-dashoffset:314.16}to{stroke-dashoffset:var(--arc-final-offset, 0)}}.score-arc-center{position:absolute;top:55px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.score-arc-number{font-family:var(--font-display);font-size:3rem;font-weight:600;color:var(--color-text-primary);line-height:1}.score-arc-ratio{font-family:var(--font-display);font-size:28px;font-weight:600;line-height:1;margin-top:.15rem;white-space:nowrap}.score-arc-ratio-score{color:var(--color-primary)}.score-arc-ratio-rest{opacity:.45;color:var(--color-text-primary)}.score-arc-label{display:block;font-family:var(--font-body);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;opacity:.4;color:var(--color-text-primary);margin-top:.35rem}.level-badge{display:inline-block;margin-top:.75rem;padding:.35rem 1rem;font-family:var(--font-body);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;border-radius:9999px;animation:badge-pop .3s cubic-bezier(.34,1.56,.64,1) 1s forwards;transform:scale(.8);opacity:0}.level-leve{background:#d4ead0;color:#2d5a27}.level-alerta{background:#fff0d4;color:#7a4f00}.level-elevada{background:#4a6b8a;color:#fff}.level-critica{background:#2c3e50;color:#fff}@keyframes badge-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.result-intro-line{font-style:italic;font-size:16px;color:var(--color-text-muted);text-align:left;width:100%;max-width:520px;margin:0 auto 32px;padding:0 24px;box-sizing:border-box;opacity:0;animation:para-fade .4s ease forwards}.result-divider{width:60px;height:1px;background:var(--color-accent);margin:2rem 0 1.5rem;opacity:0;animation:divider-fade .4s ease 1.2s forwards}@keyframes divider-fade{0%{opacity:0}to{opacity:.8}}.devolutiva{width:100%;max-width:520px;margin:0 auto;padding:0 24px;text-align:left}.devolutiva-para{margin:0 0 20px;font-family:var(--font-body);font-size:15px;line-height:1.9;color:var(--color-text-body);text-align:left;opacity:0;animation:para-fade .4s ease forwards}.devolutiva-para:last-child{margin-bottom:0}@keyframes para-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-signature{width:100%;max-width:520px;margin:32px auto 0;padding:0 24px;display:flex;flex-direction:column;align-items:flex-start;opacity:0;animation:para-fade .4s ease forwards}.result-signature-divider{width:60px;height:1px;background:var(--color-accent);margin-bottom:1.25rem;opacity:.8;align-self:center}.result-signature-block{display:flex;flex-direction:row;align-items:center;gap:12px}.result-signature-photo{width:80px;height:80px;border-radius:50%;border:2px solid var(--color-accent);object-fit:cover;object-position:center top;flex-shrink:0;background:#d4b89633}.result-signature-photo-fallback{width:80px;height:80px;border-radius:50%;border:2px solid var(--color-accent);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:18px;font-weight:600;color:var(--color-accent);background:#d4b89633}.result-signature-text{display:flex;flex-direction:column;gap:2px}.result-signature-name{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-text-primary)}.result-signature-cred{font-family:var(--font-body);font-size:11px;color:var(--color-text-muted)}.cta-result{margin-top:40px;opacity:0;transform:translateY(16px);animation-name:cta-enter,cta-pulse;animation-duration:.5s,2s;animation-delay:var(--cta-delay, 3s),2s;animation-fill-mode:forwards,none;animation-iteration-count:1,infinite;animation-timing-function:ease,ease}@keyframes cta-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cta-pulse{0%,to{box-shadow:0 0 #4a6b8a4d}50%{box-shadow:0 0 0 8px #4a6b8a00}}.restart-btn{position:fixed;bottom:1rem;right:1rem;z-index:50;padding:.5rem .75rem;font-family:var(--font-body);font-size:.8125rem;color:var(--color-text-muted);background:var(--color-bg-card);border:1px solid rgba(74,107,138,.15);border-radius:8px;cursor:pointer;transition:transform .1s ease,box-shadow var(--transition-fast)}.restart-btn:hover{transform:scale(1.02);box-shadow:var(--shadow-soft)}.restart-btn:active{transform:scale(.97)}