@media (max-width: 900px){body{padding:1rem}}@media (max-width: 600px){body{padding:.2rem;font-size:.95rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f58c15;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex}h1{font-size:1.6rem;line-height:1.1}@media (max-width: 900px){.App{padding:1rem}}@media (max-width: 600px){.App{padding:.2rem;font-size:.95rem}}@media (max-width: 900px){.header{flex-direction:column;padding:1rem}}@media (max-width: 600px){.header{padding:.2rem;font-size:.95rem}}.header-inicio{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;box-shadow:0 4px 6px -4px #0003;gap:790px;box-sizing:border-box;position:fixed;background-color:#f58c15}.logo{width:220px;height:auto;border-radius:10px}.header-inicio h1{margin:0}@media (max-width: 900px){.inicio{flex-direction:column;padding:2rem 1rem}.lado-derecho,.contendio-izquierdo{width:100%;padding:0}}@media (max-width: 600px){.inicio{padding:.5rem}.contenedor-titulo h1{font-size:1.2rem}.formulario{padding:.5rem}}.inicio{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background-color:#f5f5f5}.contendio-izquierdo{padding:60px 80px;background-color:#fff;overflow-y:auto}.contenedor-info{max-width:600px}.contenedor-titulo h1{font-size:48px;font-weight:700;line-height:1.2;color:#000;margin-bottom:30px}.introduccion{margin-bottom:40px}.introduccion p{font-size:16px;line-height:1.6;color:#333}.contenedor-preguntas{margin-bottom:20px}.pregunta{font-size:18px;font-weight:600;color:#000}.instrucciones-test{display:flex;flex-direction:column;gap:20px}.instruccion{display:flex;gap:15px;align-items:flex-start}.numero{font-size:16px;font-weight:600;color:#000;min-width:20px}.instruccion p{font-size:16px;line-height:1.6;color:#333;margin:0}.instruccion strong{font-weight:600}.lado-derecho{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 80px;background-color:#f5f5f5}.titulo-form{text-align:center;margin-bottom:40px}.titulo-form p:first-child{font-size:32px;font-weight:600;color:#0ea5e9;margin-bottom:10px}.titulo-form p:last-child{font-size:18px;color:#666}.formulario{width:100%;max-width:400px}.formulario form{display:flex;flex-direction:column;gap:25px}.boton-siguiente{background-color:#0ea5e9;color:#fff;padding:12px 32px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;text-transform:capitalize}.boton-siguiente:hover{background-color:#0284c7}@media (max-width: 1024px){.inicio{grid-template-columns:1fr}.contendio-izquierdo,.lado-derecho{padding:40px 30px}.contenedor-titulo h1{font-size:36px}}@media (max-width: 768px){.contendio-izquierdo,.lado-derecho{padding:30px 20px}.contenedor-titulo h1{font-size:28px}.titulo-form p:first-child{font-size:24px}}.input-container{display:flex;flex-direction:column;gap:8px}.formulario input{width:100%;padding:14px 16px;font-size:16px;color:#333;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;transition:all .2s ease;box-sizing:border-box}.formulario input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e914}.formulario input::placeholder{color:#9ca3af}.formulario label{display:block;font-size:15px;font-weight:500;color:#374151;margin-bottom:8px}.formulario>div{display:flex;flex-direction:column}.formulario .error-message,.formulario .text-danger,.formulario span[style*="color: red"]{font-size:13px;color:#ef4444;margin-top:6px}.formulario input.error,.formulario input:invalid{border-color:#ef4444}@media (max-width: 900px){.test-container{padding:2rem 1rem}.test-card{max-width:95vw;padding:20px}}@media (max-width: 600px){.test-container{padding:.5rem}.test-card{max-width:100vw;padding:12px;border-radius:12px}.test-title{font-size:1.2rem}.test-carrera{font-size:1rem}.test-descripcion{font-size:.9rem}}.bton-resultados{display:block;margin:2rem auto 0;background-color:#3073ee;color:#fff;border:none;border-radius:30px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;box-shadow:var(--shadow-md);cursor:pointer;transition:background .3s,transform .2s}:root{--primary-color: #1e5a8e;--primary-light: #2c7bc4;--primary-dark: #143d5f;--secondary-color: #4caf50;--secondary-light: #66bb6a;--secondary-dark: #388e3c;--accent-color: #ff9800;--accent-light: #ffb74d;--background: #f5f7fa;--card-background: #ffffff;--text-primary: #2c3e50;--text-secondary: #5a6c7d;--border-color: #e1e8ed;--shadow-sm: 0 2px 4px rgba(30, 90, 142, .08);--shadow-md: 0 4px 12px rgba(30, 90, 142, .12);--shadow-lg: 0 8px 24px rgba(30, 90, 142, .15)}.test-container{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:7rem 22rem;position:relative;overflow:hidden}.test-container:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(76,175,80,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.test-card{background:var(--card-background);border-radius:24px;padding:3rem;max-width:900px;width:100%;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);position:relative;z-index:1;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.test-title{font-size:2rem;font-weight:700;color:var(--primary-color);text-align:center;margin-bottom:1.5rem;line-height:1.3}.test-pregunta{font-size:1.75rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:2rem;line-height:1.4;min-height:80px;display:flex;align-items:center;justify-content:center}.test-text{font-size:1.1rem;color:var(--text-secondary);text-align:center;margin-bottom:1rem;line-height:1.6}.test-barra{width:100%;height:12px;background:var(--border-color);border-radius:20px;overflow:hidden;margin-bottom:.75rem;box-shadow:inset 0 2px 4px #0000001a}.test-progreso{height:100%;background:linear-gradient(90deg,var(--secondary-color),var(--secondary-light));border-radius:20px;transition:width .4s ease;position:relative;overflow:hidden}.test-progreso:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.test-progreso-texto{text-align:center;font-size:.9rem;color:var(--text-secondary);font-weight:600;margin-bottom:2.5rem}.test-opciones{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.test-boton{width:70px;height:70px;border-radius:50%;border:3px solid var(--border-color);background:#fff;font-size:1.5rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.test-boton:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--primary-color);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.test-boton:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:var(--shadow-md)}.test-boton:hover:before{width:100%;height:100%}.test-boton:hover{color:#fff}.test-boton span{position:relative;z-index:1}.test-boton:active{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.test-boton:nth-child(1):hover{border-color:#e74c3c}.test-boton:nth-child(1):hover:before{background:#e74c3c}.test-boton:nth-child(2):hover{border-color:#f39c12}.test-boton:nth-child(2):hover:before{background:#f39c12}.test-boton:nth-child(3):hover{border-color:#95a5a6}.test-boton:nth-child(3):hover:before{background:#95a5a6}.test-boton:nth-child(4):hover{border-color:var(--primary-color)}.test-boton:nth-child(4):hover:before{background:var(--primary-color)}.test-boton:nth-child(5):hover{border-color:var(--secondary-color)}.test-boton:nth-child(5):hover:before{background:var(--secondary-color)}.test-etiquetas{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:2rem;padding:0 .5rem}.test-etiquetas span{font-size:.75rem;color:var(--text-secondary);text-align:center;flex:1;font-weight:500;line-height:1.3}.test-contador{text-align:center;font-size:1rem;color:var(--text-secondary);font-weight:600;padding-top:1.5rem;border-top:2px solid var(--border-color)}.test-card .test-title{animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@media (max-width: 768px){.test-card{padding:2rem 1.5rem}.test-pregunta{font-size:1.35rem;min-height:60px}.test-opciones{gap:.75rem}.test-boton{width:60px;height:60px;font-size:1.25rem}.test-etiquetas span{font-size:.7rem}}@media (max-width: 640px){.test-container{padding:1rem}.test-card{padding:1.5rem 1rem}.test-pregunta{font-size:1.2rem;margin-bottom:1.5rem}.test-opciones{gap:.5rem;flex-wrap:wrap}.test-boton{width:55px;height:55px;font-size:1.1rem}.test-etiquetas{flex-direction:column;gap:.75rem;align-items:center}.test-etiquetas span{font-size:.8rem;max-width:200px}.test-barra{height:10px}}@media (max-width: 480px){.test-title{font-size:1.5rem}.test-pregunta{font-size:1.1rem}.test-boton{width:50px;height:50px;font-size:1rem}.test-opciones{gap:.4rem}}@media (max-width: 900px){.resultado-container{padding:2rem;width:100vw}.resultado-card{max-width:95vw;padding:20px}}@media (max-width: 600px){.resultado-container{padding:.5rem}.resultado-card{max-width:100vw;padding:12px;border-radius:12px}.resultado-titulo{font-size:1.2rem}.resultado-carrera{font-size:1rem}.resultado-descripcion{font-size:.9rem}}.resultado-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.resultado-card{padding:30px;background-color:#fff;border-radius:20px;box-shadow:0 8px 25px #00000026;text-align:center;animation:aparecer .5s ease-in-out}.resultado-titulo{font-size:1.8rem;color:#2c3e50;margin-bottom:15px}.resultado-carrera{font-size:1.5rem;color:#07f;font-weight:700;margin-bottom:10px}.resultado-descripcion{font-size:1rem;color:#333;margin-bottom:15px;line-height:1.5}.resultado-detalle{font-size:.9rem;color:#666}@keyframes aparecer{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}