._container_scqym_1{top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;max-width:360px;display:flex;position:fixed}._toast_scqym_13{background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);align-items:flex-start;gap:var(--space-3);pointer-events:all;box-shadow:var(--shadow-lg);animation:.25s _slideIn_scqym_1;display:flex}@keyframes _slideIn_scqym_1{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}._toast_scqym_13._success_scqym_32{border-color:var(--color-green)}._toast_scqym_13._error_scqym_33{border-color:var(--color-error)}._toast_scqym_13._warning_scqym_34{border-color:var(--color-amber)}._toast_scqym_13._info_scqym_35{border-color:var(--color-cyan)}._icon_scqym_37{font-size:var(--text-xl);flex-shrink:0}._body_scqym_38{flex:1}._title_scqym_39{font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-1)}._message_scqym_40{font-size:var(--text-sm);color:var(--color-text-muted)}._close_scqym_41{color:var(--color-text-muted);cursor:pointer;font-size:var(--text-lg);background:0 0;border:none;padding:0;line-height:1}.nav-bottom{height:var(--nav-height-mobile);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);z-index:var(--z-nav);padding:10px 4px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom));background:#111111eb;justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--color-text-tertiary);transition:color var(--transition-fast);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:2px 4px;text-decoration:none;display:flex}.nav-item:hover{color:var(--color-text-secondary)}.nav-item.active{color:var(--color-cyan)}.nav-item__icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.nav-item__icon svg{width:22px;height:22px}.nav-item__label{letter-spacing:.01em;font-size:10px;font-weight:500;line-height:1}.nav-item.active .nav-item__label{font-weight:600}.nav-item__dot{border-radius:var(--radius-full);opacity:0;width:4px;height:4px;transition:opacity var(--transition-fast);background:currentColor}.nav-item.active .nav-item__dot{opacity:1}@media (width>=768px){.nav-bottom{width:var(--sidebar-width);border-top:none;border-right:1px solid var(--color-border);height:100vh;padding:var(--space-6) var(--space-4);justify-content:flex-start;align-items:stretch;gap:var(--space-1);background:#0d0d0df5;flex-direction:column;position:fixed;inset:0 auto 0 0}.nav-sidebar-header{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);display:flex!important}.nav-sidebar-logo{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-cyan);letter-spacing:.05em}.nav-item{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid #0000;flex-direction:row;flex:none;justify-content:flex-start}.nav-item.active{background:#00b7d014;border-color:#00b7d026}.nav-item__icon,.nav-item__icon svg{width:20px;height:20px}.nav-item__label{font-size:var(--text-sm);font-weight:500}.nav-item__dot{display:none}.nav-sidebar-footer{padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:auto;display:flex!important}}:root{--color-cyan:#00b7d0;--color-green:#00d175;--color-magenta:#b94c9c;--color-amber:#f59e0b;--color-mint:#89ffe5;--color-pink:#ff7bf0;--color-black:#020202;--color-surface-0:#090909;--color-surface-1:#111;--color-surface-2:#111;--color-surface-3:#1c1c1e;--color-border:#2e2e2e;--color-surface:#0d0d0d;--bg-canvas:#090909;--surface-card:#0d0d0d;--surface-elevated:#161616;--border-subtle:#1c1c1e;--border-default:#232328;--border-strong:#2c2c2e;--color-text:#f2f2f7;--color-text-primary:#f2f2f7;--color-text-secondary:#aeaeb2;--color-text-muted:#aeaeb2;--color-text-tertiary:#636366;--text-faint:#52525a;--text-ghost:#38383a;--color-sistema-produccion:var(--color-cyan);--color-sistema-marketing:var(--color-magenta);--color-sistema-experiencias:var(--color-green);--gradient-cyan-mint:linear-gradient(135deg, #00b7d0, #89ffe5);--gradient-magenta-pink:linear-gradient(135deg, #b94c9c, #ff7bf0);--gradient-green-mint:linear-gradient(135deg, #00d175, #89ffe5);--gradient-brand:linear-gradient(135deg, #00b7d0 0%, #b94c9c 100%);--glow-cyan:0 0 20px #00b7d040, 0 0 40px #00b7d01a;--glow-magenta:0 0 20px #b94c9c40, 0 0 40px #b94c9c1a;--glow-green:0 0 20px #00d17540, 0 0 40px #00d1751a;--shadow-cyan:0 0 20px #00b7d01a;--shadow-magenta:0 0 20px #b94c9c1a;--color-success:#00d175;--color-warning:#f59e0b;--color-error:#ff453a;--color-info:#00b7d0;--red-danger:255, 59, 48;--font-heading:"Bebas Neue", sans-serif;--font-body:"Space Grotesk", sans-serif;--font-accent:"Syne", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--shadow-card:0 2px 8px #0006, inset 0 1px 0 #ffffff08;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-xslow:.6s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-linear:linear;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--nav-height-mobile:64px;--sidebar-width:240px;--content-max-width:1200px;--page-padding:var(--space-4);--z-base:0;--z-raised:10;--z-overlay:100;--z-modal:200;--z-toast:300;--z-nav:50}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.02em;line-height:1.2}p{line-height:1.7}a{color:var(--color-cyan);transition:opacity var(--transition-fast);text-decoration:none}a:hover{opacity:.8}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}input,textarea,select{font-family:var(--font-body);font-size:var(--text-base)}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface-2)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.font-accent{font-family:var(--font-accent)}.font-heading{font-family:var(--font-heading)}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-cyan);border-radius:var(--radius-full);width:40px;height:40px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-normal) forwards}@keyframes pointsPop{0%{opacity:0;transform:scale(.5)translateY(0)}60%{opacity:1;transform:scale(1.2)translateY(-20px)}to{opacity:0;transform:scale(1)translateY(-40px)}}.points-pop{animation:1.2s forwards pointsPop}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-content{padding:var(--page-padding);padding-bottom:calc(var(--nav-height-mobile) + var(--space-4));max-width:var(--content-max-width);flex:1;width:100%;margin:0 auto}@media (width>=768px){.app-layout{flex-direction:row}.app-content{margin-left:var(--sidebar-width);padding-bottom:var(--page-padding);padding-top:var(--space-8)}}.app-footer{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-4);border-top:1px solid var(--color-border);margin-top:auto}