@font-face{font-family:Hanken Grotesk;src:url(/fonts/HankenGrotesk-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/HankenGrotesk-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/HankenGrotesk-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/HankenGrotesk-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/HankenGrotesk-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/HankenGrotesk-Black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Anton;src:url(/fonts/Anton-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--colorBg: #0F1638;--colorCard: #1B2654;--colorBorder: #2A3F7A;--colorPrimary: #3EB7EA;--colorRosa: #D38FB9;--colorVerde: #79BF87;--colorAmarillo: #E7E000;--colorLila: #8677B5;--colorText: #FFFFFF;--colorGray: #9CA3AF;--colorGrayDark: #6B7280;--duration-base: .3s;--duration-micro: .15s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--colorBg);color:var(--colorText);line-height:1.6;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}.text-primary{color:var(--colorPrimary)}.text-rosa{color:var(--colorRosa)}.text-verde{color:var(--colorVerde)}.text-amarillo{color:var(--colorAmarillo)}.text-lila{color:var(--colorLila)}.text-danger{color:#ef4444}.screen{display:none;min-height:100vh;padding:40px 20px}#landing,.screen.active,.screen[style*="display: block"],.screen[style*="display:block"]{display:block}.container{max-width:1280px;margin:0 auto;padding:0 20px}.screen--narrow .container{max-width:600px}.logo-image{height:40px;margin-bottom:40px}.logo-image--sm,.quiz-logo{height:32px}.hero-section{text-align:center;max-width:900px;margin:0 auto}.badge{display:inline-block;padding:8px 16px;background:var(--colorCard);border:1px solid var(--colorBorder);border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px;color:var(--colorPrimary);margin-bottom:24px}.hero-title{font-family:Anton,sans-serif;font-size:56px;font-weight:400;line-height:1.1;margin:0 0 16px;letter-spacing:.5px}.hero-desc{font-size:20px;color:var(--colorGray);line-height:1.7;margin:20px 0 48px}.stats{display:flex;gap:20px;justify-content:center;margin-bottom:36px;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-family:Anton,sans-serif;font-size:42px;font-weight:400}.stat-number--primary{color:var(--colorPrimary)}.stat-number--rosa{color:var(--colorRosa)}.stat-number--verde{color:var(--colorVerde)}.stat-label{font-size:14px;color:var(--colorGrayDark);margin-top:4px}.benefits-list{text-align:left;max-width:600px;margin:32px auto}.benefits-heading{font-size:18px;margin-bottom:16px;color:var(--colorText)}.benefits-ul{list-style:none}.benefit-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;color:var(--colorGray)}.benefit-dot{width:6px;height:6px;background:var(--colorPrimary);border-radius:50%;margin-top:8px;flex-shrink:0}.social-proof-live{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:32px;padding:12px 20px;background:var(--colorCard);border-radius:12px;border:1px solid var(--colorBorder);max-width:400px;margin-left:auto;margin-right:auto}.social-proof-avatar{width:40px;height:40px;background:var(--colorPrimary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.social-proof-text{text-align:left;font-size:14px;color:var(--colorGray)}.social-proof-time{font-size:12px;color:var(--colorGrayDark)}.social-proof-static{display:flex;gap:32px;justify-content:center;margin-top:40px}.social-stat{text-align:center}.social-number{font-size:24px;font-weight:700;color:var(--colorPrimary)}.social-label{font-size:12px;color:var(--colorGrayDark);margin-top:4px}.note{font-size:15px;color:var(--colorGrayDark);margin-top:24px}.warning-box{margin-top:32px;padding:16px;background:var(--colorCard);border-radius:12px;border-left:3px solid var(--colorAmarillo);text-align:left;max-width:800px;margin-left:auto;margin-right:auto}.warning-title{font-size:11px;color:var(--colorAmarillo);font-weight:700;letter-spacing:1px;margin-bottom:6px}.warning-text{font-size:16px;color:#d1d5db;line-height:1.7}.dato-despiadado{margin-top:16px;padding:16px;background:var(--colorCard);border-radius:12px;border-left:3px solid var(--colorAmarillo);text-align:left;max-width:800px;margin-left:auto;margin-right:auto}.dato-title{font-size:11px;color:var(--colorAmarillo);font-weight:700;letter-spacing:1px;margin-bottom:6px}.dato-text{font-size:13px;color:#d1d5db;line-height:1.6}.btn-primary,.btn-secondary{width:100%;padding:20px 24px;border-radius:12px;font-size:18px;font-weight:700;letter-spacing:.5px;transition:all .2s ease;max-width:600px;margin-left:auto;margin-right:auto;display:block;position:relative;overflow:hidden}.btn-primary{background:var(--colorPrimary);color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3eb7ea66}.btn-secondary{background:transparent;color:var(--colorAmarillo);border:2px solid var(--colorAmarillo)}.btn-secondary:hover{background:color-mix(in srgb,var(--colorAmarillo) 15%,transparent)}.lead-header{text-align:center;margin-bottom:32px}.lead-icon{font-size:48px;display:block;margin-bottom:16px}.lead-title{font-size:32px;font-weight:900;margin-bottom:12px}.lead-subtitle{font-size:18px;color:var(--colorGray);line-height:1.7}.lead-form{max-width:500px;margin:0 auto}.form-group{margin-bottom:24px}.form-label{display:block;font-size:15px;font-weight:600;margin-bottom:8px;color:var(--colorText)}.form-input{width:100%;padding:14px 16px;background:var(--colorCard);border:1px solid var(--colorBorder);border-radius:8px;color:var(--colorText);font-size:16px;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--colorPrimary)}.form-input::placeholder{color:var(--colorGrayDark)}.field-hint{font-size:13px;color:var(--colorGrayDark);margin-top:6px}.checkbox-label{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:4px;cursor:pointer}.checkbox-text{font-size:14px;color:var(--colorGray);line-height:1.5}.form-note{text-align:center;font-size:13px;color:var(--colorGrayDark);margin-top:16px}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.quiz-counter{font-size:16px;font-weight:700;color:var(--colorPrimary);font-family:Courier New,monospace}.progress-bar{width:100%;height:4px;background:var(--colorCard);border-radius:2px;margin-bottom:16px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--colorPrimary),var(--colorRosa));transition:width .3s ease}.category-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:16px}.question-container{margin-top:16px}.question-text{font-size:28px;font-weight:700;margin:20px 0 32px;line-height:1.4}.option-btn{width:100%;padding:18px 20px;background:var(--colorCard);border:1px solid var(--colorBorder);border-radius:12px;color:#fff;font-size:17px;text-align:left;display:flex;gap:16px;align-items:flex-start;line-height:1.6;margin-bottom:12px;transition:all .2s ease}.option-btn:hover{transform:translate(4px);border-color:var(--colorPrimary)}.option-label{font-weight:700;flex-shrink:0;font-family:Courier New,monospace}.option-text{color:#d1d5db}.calc-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;max-width:600px;margin:0 auto}.calc-emoji{font-size:80px;margin-bottom:24px;animation:pulse 2s infinite}.calc-title{font-family:Anton,sans-serif;font-size:28px;font-weight:400;margin-bottom:32px;letter-spacing:.5px}.live-scoring{width:100%;margin:32px 0}.score-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.score-category{min-width:180px;font-size:14px;font-weight:600}.score-bar{flex:1;height:8px;background:var(--colorCard);border-radius:4px;overflow:hidden}.score-fill{height:100%;transition:width .8s ease-out}.score-value{min-width:40px;text-align:right;font-weight:700;font-family:Courier New,monospace}.insight-text{font-size:16px;color:var(--colorGray);margin:24px 0;min-height:24px}.calc-percent{font-size:48px;font-weight:900;color:var(--colorPrimary);font-family:Courier New,monospace;margin-top:16px}.calc-note{font-size:13px;color:var(--colorGrayDark);margin-top:16px}.result-logo-wrap{text-align:center;margin-bottom:32px}.result-header{text-align:center;margin-bottom:40px}.result-type{font-size:14px;color:var(--colorGray);margin-bottom:16px;letter-spacing:1px;text-transform:uppercase}.result-emoji{font-size:80px;margin-bottom:16px}.result-title{font-family:Anton,sans-serif;font-size:42px;font-weight:400;margin-bottom:12px;letter-spacing:.5px}.result-subtitle{font-size:18px;color:var(--colorGray);margin-bottom:12px}.result-score{font-size:20px;font-weight:700;color:var(--colorPrimary);font-family:Courier New,monospace}.confirmation-form-header{margin-bottom:24px}.confirmation-title{font-family:Anton,sans-serif;font-size:24px;font-weight:400;margin-bottom:8px;letter-spacing:.5px}.confirmation-subtitle{font-size:16px;color:var(--colorGray)}.confirmation-form{max-width:500px;margin:0 auto}.card{background:var(--colorCard);border:1px solid var(--colorBorder);border-radius:16px;padding:32px;margin-bottom:24px}.card-title{font-size:20px;font-weight:700;margin-bottom:16px;text-align:center}.card-title--lg{font-size:24px}.card-text{font-size:17px;line-height:1.7;color:#d1d5db;margin-bottom:24px}.risk-box{background:color-mix(in srgb,var(--colorAmarillo) 10%,transparent);border-left:3px solid var(--colorAmarillo);padding:16px;border-radius:8px;margin-top:24px}.risk-title{font-size:12px;color:var(--colorAmarillo);font-weight:700;letter-spacing:1px;margin-bottom:8px}.risk-text{font-size:16px;color:#d1d5db;line-height:1.6}.radar-chart-canvas{max-width:400px;margin:0 auto;display:block}.radar-bar{margin-bottom:20px}.radar-header{display:flex;justify-content:space-between;margin-bottom:8px}.radar-label{font-size:14px;font-weight:600}.radar-value{font-size:14px;font-weight:700}.radar-track{height:8px;background:var(--colorCard);border-radius:4px;overflow:hidden}.radar-fill{height:100%;transition:width .8s ease-out}.cta-section{text-align:center;margin:40px 0}.cta-text{font-size:18px;color:var(--colorGray);margin-bottom:24px;line-height:1.7}.button-group{display:flex;gap:12px;margin-bottom:16px}.button-group .btn-primary,.button-group .btn-secondary{flex:1;max-width:none}.btn-secondary-outline{width:100%;padding:14px 24px;background:transparent;border:2px solid var(--colorBorder);border-radius:12px;color:var(--colorText);font-size:16px;font-weight:600;transition:all .2s;cursor:pointer}.btn-secondary-outline:hover{border-color:var(--colorPrimary);color:var(--colorPrimary);background:color-mix(in srgb,var(--colorPrimary) 5%,transparent)}.indptdos-card{background:linear-gradient(135deg,var(--colorCard) 0%,color-mix(in srgb,var(--colorPrimary) 10%,var(--colorCard)) 100%)}.indptdos-title{font-family:Anton,sans-serif;font-size:24px;font-weight:400;margin-bottom:16px;text-align:center;letter-spacing:.5px}.indptdos-text{font-size:17px;line-height:1.7;color:#d1d5db;margin-bottom:24px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:24px 0}.benefit-item{position:relative;padding-left:24px;font-size:14px;color:#d1d5db}.benefit-item:before{content:"✓";position:absolute;left:0;color:var(--colorVerde);font-size:16px;font-weight:900}.guarantee-wrapper{margin:40px 0;padding:4px}.guarantee-border{background:linear-gradient(135deg,var(--colorPrimary),var(--colorRosa),var(--colorVerde));border-radius:16px;padding:2px}.gradient-border{border-radius:16px}.guarantee-content{background:var(--colorBg);border-radius:14px;padding:32px;text-align:center}.guarantee-text{font-size:24px;font-weight:700;line-height:1.5;margin-bottom:16px}.guarantee-highlight{color:var(--colorVerde)}.guarantee-badge{font-size:14px;color:var(--colorGray);font-weight:600}.taller-card{background:linear-gradient(135deg,color-mix(in srgb,var(--colorAmarillo) 15%,var(--colorCard)),var(--colorCard))}.taller-title{font-family:Anton,sans-serif;font-size:24px;font-weight:400;margin-bottom:16px;text-align:center;color:var(--colorAmarillo);letter-spacing:.5px}.taller-text{font-size:17px;line-height:1.7;color:#d1d5db;margin-bottom:24px}.roadmap-title{font-family:Anton,sans-serif;font-size:22px;font-weight:400;margin-bottom:24px;color:var(--colorPrimary);text-align:center;text-transform:uppercase;letter-spacing:1px}.roadmap-steps{font-size:16px;line-height:1.8;color:#d1d5db;white-space:pre-wrap}.footer-note{text-align:center;font-size:13px;color:var(--colorGrayDark);margin-top:40px;padding-top:24px;border-top:1px solid var(--colorBorder)}.exit-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:9999;align-items:center;justify-content:center;padding:20px}.exit-modal[style*="display: flex"]{display:flex}.exit-modal-content{background:var(--colorCard);border:1px solid var(--colorBorder);border-radius:16px;padding:40px 32px;max-width:500px;position:relative;text-align:center}.exit-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--colorGray);font-size:32px;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.exit-modal-close:hover{color:var(--colorText)}.exit-modal-emoji{font-size:64px;margin-bottom:16px}.exit-modal-title{font-family:Anton,sans-serif;font-size:28px;font-weight:400;margin-bottom:16px;letter-spacing:.5px}.exit-modal-text{font-size:17px;color:var(--colorGray);line-height:1.7;margin-bottom:32px}.exit-modal-buttons{display:flex;flex-direction:column;gap:12px}.whatsapp-float{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px #25d36666;cursor:pointer;transition:transform .2s;z-index:1000}.whatsapp-float[style*="display: flex"]{display:flex}.whatsapp-float:hover{transform:scale(1.1)}.whatsapp-float:before{content:"💬";font-size:28px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}.fade-out{opacity:0}.slide-in{animation:fadeIn .3s ease forwards}.slide-out{opacity:0;transform:translateY(-20px)}.pulse-glow{animation:pulse 3s ease-in-out infinite}.ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}@media(max-width:768px){.hero-title{font-size:40px}.hero-desc{font-size:18px}.stat-number{font-size:32px}.question-text{font-size:24px}.result-title{font-size:32px}.result-emoji,.calc-emoji{font-size:64px}.card{padding:24px}}@media(max-width:640px){.stats{gap:16px}.benefits-grid{grid-template-columns:1fr}.exit-modal-content{padding:32px 20px}.whatsapp-float{width:52px;height:52px}.whatsapp-float:before{font-size:24px}}.career-risk-header{text-align:center;margin-bottom:8px}.career-label{font-size:11px;color:var(--colorRosa);text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:8px}.career-name{font-size:22px;font-weight:800;color:var(--colorBlanco);margin:0 0 4px}.career-subtitle{font-size:13px;color:var(--colorGray)}.risk-gauge-wrap{position:relative;width:220px;height:130px;margin:16px auto 0}#risk-gauge-fill{transition:stroke-dashoffset 2s ease-out,stroke 1s ease}.risk-gauge-number{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:44px;font-weight:900;font-family:Courier New,monospace;color:var(--colorPrimary)}.risk-gauge-badge{display:inline-block;padding:8px 18px;border-radius:24px;font-size:13px;font-weight:700;margin-top:12px;letter-spacing:.5px;text-align:center;width:100%}.risk-gauge-rank{font-size:12px;color:var(--colorGray);margin-top:12px;text-align:center}.career-meaning-title{font-size:13px;font-weight:700;color:var(--colorPrimary);margin-bottom:10px}.career-meaning-text{font-size:13px;color:#d1d5db;line-height:1.7;margin:0}#career-hint.matched{color:var(--colorPrimary)}#career-hint.not-matched{color:var(--colorGray);opacity:.7}@media print{@page{margin:1cm;size:A4}body{background:#fff!important;color:#000!important}.screen{background:#fff!important;min-height:auto!important;padding:0!important}#landing,#lead-capture,#quiz,#calculating,#confirmation-form-container{display:none!important}#result{display:block!important}.result-logo-wrap,.logo-image--sm{display:none!important}.card,.guarantee-wrapper,.cta-section{background:#fff!important;border:1px solid #ddd!important;box-shadow:none!important;page-break-inside:avoid;margin-bottom:20px}.result-header{background:#fff!important;border:2px solid #000!important;padding:20px!important}.result-title,.hero-title,.indptdos-title,.taller-title,.roadmap-title,.confirmation-title,.calc-title,.exit-modal-title{color:#000!important;font-family:Anton,sans-serif!important}.result-subtitle,.result-score,.card-text,.risk-text,.indptdos-text,.taller-text,.roadmap-steps,.benefit-item,.card-title,p,span,div{color:#1a1a1a!important;font-family:Hanken Grotesk,sans-serif!important}.result-emoji,.calc-emoji{font-size:48px!important}.text-primary{color:#06c!important}.text-rosa{color:#c2185b!important}.text-verde{color:#2e7d32!important}.text-amarillo{color:#d97706!important}.text-lila{color:#7c3aed!important}.risk-box{background:#fef3c7!important;border:2px solid #f59e0b!important}.risk-title{color:#d97706!important}.btn-primary,.btn-secondary,.btn-secondary-outline,.button-group,.whatsapp-float,.exit-modal,.footer-note,#share-btn{display:none!important}.guarantee-border,.gradient-border{border:2px solid #000!important;background:none!important}.guarantee-text{color:#000!important}.guarantee-highlight{color:#2e7d32!important;text-decoration:underline}canvas{max-width:400px!important;margin:0 auto!important}}