@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--radius-card: 20px;--shadow-sm: 0 2px 8px rgba(30, 43, 56, .04);--shadow-md: 0 8px 24px rgba(30, 43, 56, .08);--shadow-lg: 0 16px 40px rgba(30, 43, 56, .12);--bg: #F4F4F1;--bg2: #FFFFFF;--card: #FFFFFF;--card2: #F9F9F8;--secondary: #E0E2E5;--primary: #1C3E93;--primary-dim: #152F70;--primary-glow: rgba(28, 62, 147, .15);--accent: #D47B0E;--accent-dim: #A86009;--accent-glow: rgba(212, 123, 14, .2);--warm: #EF4444;--danger: #EF4444;--danger-dim: #DC2626;--danger-glow: rgba(239, 68, 68, .18);--success: #16A34A;--success-dim: #15803D;--success-glow: rgba(34, 197, 94, .18);--text: #1A232E;--text-bright: #0F172A;--text-muted: #6B7280;--border: #E0E2E5;--border-accent: rgba(28, 62, 147, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600;color:var(--text-bright)}.geo-bg{background-color:var(--bg);background-image:radial-gradient(var(--secondary) 1px,transparent 1px);background-size:24px 24px}.card{background:var(--card);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-accent)}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:opacity .3s ease}.card:hover:before{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-pill);padding:12px 28px;font-family:Inter,sans-serif;font-weight:500;font-size:.9rem;letter-spacing:.02em;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn-primary,.btn-coral{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover,.btn-coral:hover{background:var(--primary-dim);box-shadow:0 6px 16px var(--primary-glow);transform:translateY(-2px)}.btn-accent,.btn-teal{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-accent:hover,.btn-teal:hover{background:var(--primary-glow);box-shadow:0 4px 12px var(--primary-glow)}.btn-mustard{background:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.btn-mustard:hover{background:var(--accent-dim);box-shadow:0 6px 16px var(--accent-glow);transform:translateY(-2px)}.btn-white{background:var(--bg2);color:var(--text);border:1px solid var(--border)}.btn-white:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.btn-full{width:100%}.input-field{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 18px;font-family:Inter,sans-serif;font-size:.95rem;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:#fff}.progress-track{background:var(--secondary);border-radius:var(--radius-pill);overflow:hidden;border:1px solid var(--border);height:8px}.progress-fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--primary),var(--accent));box-shadow:0 0 12px #1c3e9366;transition:width .8s cubic-bezier(.4,0,.2,1)}.divider{display:flex;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.floating-nav{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;padding:8px 16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-lg)}.nav-btn{background:transparent;border:none;color:var(--text-muted);border-radius:16px;padding:10px 18px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-btn:hover{color:var(--text);background:var(--secondary)}.nav-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.w-full{width:100%}.text-center{text-align:center}.relative{position:relative}.overflow-hidden{overflow:hidden}.chip,.neon-chip,.neon-chip-cyan,.neon-chip-magenta,.neon-chip-primary,.neon-chip-yellow,.neon-chip-gold{display:inline-flex;align-items:center;gap:8px;border-radius:var(--radius-pill);padding:6px 16px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;background:var(--primary-glow);color:var(--primary);border:1px solid rgba(28,62,147,.2)}@keyframes pulse-ring{0%{box-shadow:0 0 #1c3e934d}70%{box-shadow:0 0 0 10px #1c3e9300}to{box-shadow:0 0 #1c3e9300}}.pulse{animation:pulse-ring 2s infinite}.escena-teoria{width:100%;display:flex;flex-wrap:wrap;align-items:stretch;gap:20px}.escena-teoria__escena{flex:1 1 340px;min-width:0}.escena-teoria__panel{flex:1 1 320px;min-width:0;max-height:560px}