.footer-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#cbd5e1;box-sizing:border-box;z-index:10;background-color:#0003;border-top:1px solid #76c6391a;justify-content:space-between;align-items:center;width:100%;height:60px;margin-top:auto;padding:16px 24px;display:flex}.footer-copyright{color:#cbd5e14d;letter-spacing:.2em;text-transform:uppercase;font-size:10px}.footer-social-container{justify-content:space-evenly;width:50%;display:flex}.footer-rights{color:#76c6394d;letter-spacing:.1em;font-size:10px}.social-link{color:#76c63980;cursor:pointer;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex;position:relative;transform:scale(1)}.social-link:hover{color:#76c639;transform:scale(1.1)}.social-icon{width:20px;height:20px;transition:filter .3s}.social-link:hover .social-icon{filter:drop-shadow(0 0 8px #76c639)}@media (orientation:portrait){.footer-rights{display:none}}
.decision-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;flex:1;min-width:200px;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.decision-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px);box-shadow:0 10px 30px #0003}.decision-card.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), 0 5px 10px var(--primary);background:#4f46e51a}.card-icon{color:#a5b4fc;justify-content:flex-start;align-items:center;margin-bottom:1rem;font-size:2rem;transition:color .3s;display:none}.decision-card.selected .card-icon{color:#4f46e5}.card-title{color:#fff;margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.card-description{color:#9ca3af;font-size:1.2rem;line-height:1.5}.card-radio-indicator{border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.decision-card.selected .card-radio-indicator{border-color:var(--primary)}.radio-dot{background-color:#0000;border-radius:50%;width:10px;height:10px;transition:all .2s;transform:scale(0)}.radio-dot.active{background-color:var(--primary);transform:scale(1)}
.diagnostico-container{background-color:var(--bg-dark);min-height:100vh;padding:4rem 2rem;position:relative;overflow-x:hidden}.diagnostico-content{z-index:10;max-width:900px;margin:0 auto;position:relative}.diagnostico-header{text-align:center;margin-bottom:20px;animation:.8s ease-out slideDown}.title-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;font-size:4rem;font-weight:800;line-height:1.2;font-family:var(--nerdy-font);-webkit-background-clip:text;margin-bottom:1rem}.subtitle{color:var(--text-muted);max-width:600px;font-size:1.5rem;font-weight:300;font-family:var(--nerdy-font);margin:0 auto}.questions-timeline{font-family:var(--nerdy-font);flex-direction:column;justify-content:center;gap:3rem;display:flex;position:relative}.questions-timeline:before{content:"";background:linear-gradient(to bottom, var(--primary) 0%, #4f46e500 100%);border-radius:px;opacity:.5;width:2px;position:absolute;top:0;bottom:0;left:-20px}@media (max-width:768px){.questions-timeline:before{display:none}}.question-block{background-color:var(--nerdy-grey);border-radius:10px;padding:2.5rem;position:relative;box-shadow:0 10px 30px #0003}.question-block:before{content:"";background:var(--primary);width:14px;height:14px;box-shadow:0 0 10px var(--primary);border-radius:50%;position:absolute;top:3.5rem;left:-26px}@media (max-width:768px){.question-block:before{display:none}}.question-title{color:#fff;margin-bottom:2rem;font-size:2.1rem;font-weight:600}.cards-row{flex-direction:row;gap:1.5rem;display:flex}@media (max-width:768px){.cards-row{flex-direction:column}}.fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.submit-section{text-align:center;justify-content:flex-end;padding-bottom:4rem;display:flex}
.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--nerdy-grey);width:90%;max-width:480px;font-family:var(--nerdy-font);border-radius:20px;padding:36px;position:relative}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1;transition:color .2s;position:absolute;top:20px;right:20px}.modal-close:hover{color:#f8fafc}.modal-title{color:var(--primary);margin-top:0;margin-bottom:8px;font-size:1.75rem;font-weight:700}.modal-subtitle{color:#94a3b8;margin-bottom:28px;font-size:.95rem;line-height:1.5}.modal-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.nerdy-input{font-family:var(--nerdy-font)}.form-group label{color:#cbd5e1;font-size:.9rem;font-weight:500}.form-group input{color:#fff;background-color:#0f172a99;border:0 solid #ffffff1a;border-radius:10px;padding:14px 16px;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #60a5fa33}.form-group input::placeholder{color:#475569}.submit-form-button{background-color:var(--primary);color:#000;cursor:pointer;font-size:1.5rem;font-weight:200;font-family:var(--nerdy-font);border:none;border-radius:10px;margin-top:12px;padding:16px 24px;transition:all .3s}.submit-form-button:hover{transform:translateY(-2px)}.submit-form-button.loading{cursor:not-allowed;opacity:.8;justify-content:center;align-items:center;padding:12px 24px;display:flex}.loading-container{align-items:center;gap:12px;display:flex}.spinner{border:3px solid #0000001a;border-top-color:#000;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.nerdy-input:disabled{opacity:.6;cursor:not-allowed}.modal-close:disabled{opacity:.5;cursor:not-allowed}.fade-in-modal{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInModal}@keyframes fadeInModal{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}
.gracias-container{background-color:var(--bg-dark);flex-direction:column;min-height:100vh;padding:4rem 2rem;display:flex;position:relative;overflow-x:hidden}.gracias-content{text-align:center;z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:600px;margin:0 auto;display:flex}.results-content{z-index:10;width:100%;max-width:1000px;font-family:var(--nerdy-font);margin:0 auto}.results-header{text-align:center;margin-bottom:3rem}.resumen-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #76c63933;border-radius:16px;max-width:800px;margin:2rem auto;padding:2rem}.resumen-text{color:#e2e8f0;font-size:1.4rem;font-weight:300;line-height:1.6}.diagnostico-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem;display:grid}.plataforma-section{margin-bottom:4rem}.plataforma-card{border:1px solid #76c6394d;border-left:8px solid var(--primary);background:#1a1a1a;border-radius:20px;padding:2.5rem;position:relative;overflow:hidden}.plataforma-badge{border:1px solid var(--primary);color:var(--primary);letter-spacing:1px;text-transform:uppercase;background:#76c6391a;border-radius:4px;margin-bottom:1.5rem;padding:.3rem 1rem;font-size:.8rem;display:inline-block}.plataforma-tipo{color:#fff;margin:0 0 1rem;font-size:2.5rem;line-height:1.2}.plataforma-justificacion{color:#94a3b8;margin:0;font-size:1.2rem;line-height:1.6}.diagnostico-card{background:var(--nerdy-grey);border:1px solid #ffffff0d;border-radius:20px;padding:2.5rem;transition:transform .3s}.diagnostico-card:hover{transform:translateY(-5px)}.diagnostico-card.fortalezas{border-top:4px solid #34d399}.diagnostico-card.oportunidades{border-top:4px solid #fbbf24}.card-header{align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.card-icon{font-size:1.5rem}.card-header h2{color:#fff;margin:0;font-size:1.5rem}.card-list{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.card-item{color:#94a3b8;padding-left:1.5rem;font-size:1.1rem;line-height:1.4;position:relative}.results-content>:hover{cursor:default}.card-item:before{content:"→";color:var(--primary);position:absolute;left:0}.soluciones-section{margin-bottom:4rem}.section-title{color:#fff;text-align:center;margin-bottom:2rem;font-size:2rem}.soluciones-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.solucion-card{background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:1px solid #ffffff14;border-radius:16px;padding:2rem;position:relative;overflow:hidden}.solucion-card:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#76c6391a,#0000);width:100px;height:100px;position:absolute;top:0;right:0}.solucion-number{font-family:var(--nerdy-font);color:var(--primary);letter-spacing:2px;opacity:.6;margin-bottom:.5rem;font-size:.9rem;display:block}.solucion-card h3{color:#fff;margin-bottom:1rem;font-size:1.3rem}.solucion-card p{color:#94a3b8;font-size:1rem;line-height:1.5}.icon-container{margin-bottom:2rem}.success-icon{color:#34d399;filter:drop-shadow(0 0 20px #34d39966);width:96px;height:96px;animation:.6s cubic-bezier(.16,1,.3,1) forwards scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.action-buttons{margin-top:3rem}.home-button{background-color:var(--primary);color:#000;font-size:1.5rem;font-weight:200;font-family:var(--nerdy-font);border-style:none;border-radius:12px;padding:16px 32px;text-decoration:none;transition:all .3s;display:inline-block}.home-button:hover{cursor:pointer;transform:translateY(-3px)}.fade-in{animation:.8s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (orientation:portrait){.gracias-container{padding:10px 10px 100px}.gracias-content{width:90vw}}@media (max-width:768px){.diagnostico-grid{grid-template-columns:1fr}.resumen-text{font-size:1.2rem}.title-gradient{font-size:2.5rem}}