@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--primary: #059669;--primary-hover: #047857;--primary-light: #10B981;--primary-soft: #D1FAE5;--primary-soft-2: #A7F3D0;--primary-bg: #ECFDF5;--primary-dark: #064E3B;--primary-text: #065F46;--secondary: #0D9488;--secondary-soft: #CCFBF1;--accent-gold: #F59E0B;--accent-gold-soft: #FEF3C7;--accent-gold-border: #FDE68A;--accent-gold-text: #92400E;--accent-gold-strong: #D97706;--accent-purple: #7C3AED;--bg-base: #F8FAFC;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-muted: #F1F5F9;--bg-glass: rgba(255, 255, 255, .85);--text-primary: #0F172A;--text-secondary: #475569;--text-subtle: #64748B;--text-muted: #94A3B8;--text-on-primary: #FFFFFF;--border: #E2E8F0;--border-strong: #CBD5E1;--border-focus: #10B981;--border-subtle: #F1F5F9;--success: #10B981;--success-bg: #ECFDF5;--warning: #F59E0B;--warning-bg: #FFFBEB;--error: #EF4444;--error-strong: #DC2626;--error-solid: #DC2626;--error-bg: #FEF2F2;--error-border: #FECACA;--info: #0284C7;--info-bg: #F0F9FF;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 16px -2px rgba(15, 23, 42, .08), 0 2px 6px -1px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 32px -4px rgba(15, 23, 42, .1), 0 4px 12px -2px rgba(15, 23, 42, .05);--shadow-green: 0 8px 24px -4px rgba(5, 150, 105, .35);--cefr-a1-bg: var(--primary-bg);--cefr-a1-text: var(--primary-text);--cefr-a1-border: var(--primary-soft-2);--cefr-a2-bg: #EFF6FF;--cefr-a2-text: #1E40AF;--cefr-a2-border: #BFDBFE;--cefr-b1-bg: var(--warning-bg);--cefr-b1-text: var(--accent-gold-text);--cefr-b1-border: var(--accent-gold-border);--cefr-b2-bg: #FFF7ED;--cefr-b2-text: #9A3412;--cefr-b2-border: #FDBA74;--cefr-c1-bg: #F5F3FF;--cefr-c1-text: #5B21B6;--cefr-c1-border: #DDD6FE;--cefr-c2-bg: #FDF4FF;--cefr-c2-text: #701A75;--cefr-c2-border: #F0ABFC;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", sans-serif}[data-theme=dark]{--primary: #059669;--primary-hover: #10B981;--primary-light: #10B981;--primary-soft: #064E3B;--primary-soft-2: #065F46;--primary-bg: #062E26;--primary-dark: #022C22;--primary-text: #34D399;--secondary: #2DD4BF;--secondary-soft: #134E4A;--accent-gold: #FBBF24;--accent-gold-soft: #3A2A06;--accent-gold-border: #78350F;--accent-gold-text: #FCD34D;--accent-gold-strong: #FBBF24;--accent-purple: #A78BFA;--bg-base: #0B1220;--bg-surface: #141C2B;--bg-elevated: #1A2436;--bg-muted: #1E293B;--bg-glass: rgba(20, 28, 43, .85);--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-subtle: #94A3B8;--text-muted: #64748B;--text-on-primary: #FFFFFF;--border: #26334A;--border-strong: #334155;--border-focus: #34D399;--border-subtle: #1E293B;--success: #34D399;--success-bg: #062E26;--warning: #FBBF24;--warning-bg: #3A2A06;--error: #EF4444;--error-strong: #FCA5A5;--error-solid: #DC2626;--error-bg: #3B1516;--error-border: #7F1D1D;--info: #38BDF8;--info-bg: #0B2A3F;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px -4px rgba(0, 0, 0, .55);--shadow-green: 0 8px 24px -4px rgba(0, 0, 0, .5);--cefr-a1-bg: rgba(16, 185, 129, .1);--cefr-a1-text: #34D399;--cefr-a1-border: rgba(16, 185, 129, .3);--cefr-a2-bg: rgba(59, 130, 246, .1);--cefr-a2-text: #60A5FA;--cefr-a2-border: rgba(59, 130, 246, .3);--cefr-b1-bg: rgba(245, 158, 11, .1);--cefr-b1-text: #FBBF24;--cefr-b1-border: rgba(245, 158, 11, .3);--cefr-b2-bg: rgba(249, 115, 22, .1);--cefr-b2-text: #FB923C;--cefr-b2-border: rgba(249, 115, 22, .3);--cefr-c1-bg: rgba(139, 92, 246, .1);--cefr-c1-text: #A78BFA;--cefr-c1-border: rgba(139, 92, 246, .3);--cefr-c2-bg: rgba(217, 70, 239, .1);--cefr-c2-text: #E879F9;--cefr-c2-border: rgba(217, 70, 239, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;max-width:100vw;background-color:var(--bg-base)}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw;width:100%;transition:background-color .3s ease,color .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;display:flex;flex-direction:column}main{min-width:0;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);line-height:1.25}input::placeholder,textarea::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);font-weight:600;font-size:.95rem;padding:.65rem 1.25rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--text-on-primary, #FFFFFF);box-shadow:var(--shadow-green);border:none}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary) 100%);transform:translateY(-1px);box-shadow:0 10px 28px -4px #05966973}.btn-ghost{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-muted);color:var(--text-primary);border-color:var(--border-strong)}.btn-soft{background:var(--primary-bg);color:var(--primary-dark);border:1px solid var(--primary-soft-2)}.btn-soft:hover{background:var(--primary-soft)}.btn-sm{padding:.4rem .85rem;font-size:.85rem;border-radius:var(--radius-sm)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-muted)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes pulseSlow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.theme-toggle-btn:hover{background:var(--primary-bg);border-color:var(--primary-soft-2);color:var(--primary)}.bloques-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.85rem;width:100%;box-sizing:border-box}.bloques-toggle-mobile{display:none}@media (max-width: 768px){.page-content{padding-left:1rem!important;padding-right:1rem!important}.hero-grid{flex-direction:column!important}h1{font-size:clamp(1.6rem,5vw,2.2rem)!important}h2{font-size:clamp(1.3rem,4vw,1.75rem)!important}.btn-full-mobile{width:100%!important;justify-content:center!important}.vocab-grid{grid-template-columns:1fr!important}.bloques-grid.is-collapsed .bloque-card:not(.is-selected){display:none!important}.bloques-toggle-mobile{display:inline-flex!important;align-items:center;gap:.4rem}}@media (max-width: 480px){.card{padding:1rem!important;border-radius:var(--radius-md)!important}}