@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Inter:wght@400;500;600;700&display=swap";:root{--brand-50: #E8F6FE;--brand-100: #CDEBFC;--brand-500: #0EA5E9;--brand-700: #0369A1;--brand-800: #075985;--accent-50: #FEF0EA;--accent-500: #F04E23;--accent-700: #C2410C;--accent-800: #9A3412;--accent-text:#C0341A;--dwell: #FFC220;--dwell-soft: #FFF7E0;--dwell-duration: 1s;--ink: #0B1F33;--ink-2: #4A6076;--ink-3: #5B7085;--ink-soft:#7C8FA3;--line: #D6E2EB;--line-soft:#E9F0F5;--surface: #FFFFFF;--bg: #F5F8FA;--bg-alu: #0B1F33;--on-alu: #FFFFFF;--ok: #046C4E;--ok-fill: #047857;--ok-soft: #E6F6EF;--err: #B42318;--err-fill: #B42318;--err-soft: #FEECEA;--warn: #92400E;--warn-soft:#FEF7E7;--info: #0369A1;--info-soft:#E8F6FE;--cat-personas: #7C3AED;--cat-sentimientos: #DB2777;--cat-necesidades: #0369A1;--cat-acciones: #047857;--cat-lugares: #B45309;--cat-respuestas: #475569;--font-alu: "Atkinson Hyperlegible", system-ui, sans-serif;--font-doc: "Inter", system-ui, sans-serif;--alu-xl: 56px;--alu-lg: 40px;--alu-md: 32px;--alu-sm: 24px;--doc-xs: 13px;--doc-sm: 15px;--doc-md: 17px;--doc-lg: 22px;--doc-xl: 30px;--target-m: 240px;--gap-m: 80px;--target-l: 320px;--gap-l: 140px;--target-xl: 440px;--gap-xl: 200px;--target: var(--target-l);--gap: var(--gap-l);--gaze-padding: 48px;--sp-xs: 8px;--sp-sm: 12px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-xxl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(11,31,51,.08);--shadow-md: 0 4px 14px rgba(11,31,51,.1);--shadow-lg: 0 10px 30px rgba(11,31,51,.14);--t-fast: .15s ease;--t-normal: .2s ease;--t-slow: .4s ease;--header-height: 72px;--footer-height: 56px;--content-max-width: 1200px;--sidebar-width: 340px;--icon-xs: 16px;--icon-sm: 20px;--icon-md: 24px;--icon-lg: 32px;--icon-xl: 40px;--icon-xxl: 48px;--primary: var(--brand-700);--primary-dark: var(--brand-800);--primary-light: var(--brand-100);--primary-bg: var(--brand-50);--secondary: var(--accent-700);--secondary-light: var(--accent-500);--secondary-bg: #FEEDE7;--accent-blue: var(--brand-700);--accent-purple: var(--cat-personas);--accent-pink: var(--cat-sentimientos);--accent-cyan: var(--brand-500);--accent-emerald: var(--ok-fill);--accent-amber: var(--warn);--success: var(--ok);--success-bg: var(--ok-soft);--success-dark: #035C41;--warning: var(--warn);--warning-bg: var(--warn-soft);--error: var(--err);--error-bg: var(--err-soft);--error-dark: #8E1B12;--danger: var(--err);--info-bg: var(--info-soft);--bg-main: var(--bg);--bg-card: var(--surface);--bg-secondary: var(--line-soft);--bg-hover: var(--line);--bg-dark: var(--ink);--text-primary: var(--ink);--text-secondary: var(--ink-2);--text-light: #FFFFFF;--text-muted: var(--ink-3);--border: var(--line);--border-light: var(--line-soft);--border-focus: var(--brand-500);--shadow-card: var(--shadow-sm);--font-display: var(--font-doc);--font-body: var(--font-doc);--font-xs: var(--doc-xs);--font-sm: var(--doc-sm);--font-md: var(--doc-md);--font-lg: var(--doc-lg);--font-xl: var(--doc-xl);--font-xxl: 40px;--spacing-xs: var(--sp-xs);--spacing-sm: var(--sp-sm);--spacing-md: var(--sp-md);--spacing-lg: var(--sp-lg);--spacing-xl: var(--sp-xl);--spacing-xxl: var(--sp-xxl);--dwell-color: var(--dwell);--btn-size-sm: var(--target-m);--btn-size-md: var(--target-l);--btn-size-lg: var(--target-xl);--transition-fast: var(--t-fast);--transition-normal: var(--t-normal);--transition-slow: var(--t-slow);--icon-color: var(--ink);--icon-color-muted: var(--ink-2);--icon-color-primary: var(--brand-700);--icon-color-success: var(--ok);--icon-color-warning: var(--warn);--icon-color-error: var(--err);--btn-sessions: var(--brand-700);--btn-questions: var(--cat-personas);--btn-students: var(--brand-500);--btn-teachers: var(--accent-700);--btn-settings: var(--cat-respuestas);--btn-history: var(--brand-500);--btn-communication: var(--ok-fill)}.alu-scope{background:var(--bg-alu);color:var(--on-alu);font-family:var(--font-alu);font-size:var(--alu-md)}@media (prefers-reduced-motion: reduce){*:not([data-dwell-fill]){animation-duration:.01ms!important;transition-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box;scrollbar-color:var(--ink-3) var(--line-soft);scrollbar-width:auto}html,body{width:100%;height:100%;overflow:auto;overflow-x:hidden}html{scrollbar-gutter:stable}*::-webkit-scrollbar{width:13px;height:13px}*::-webkit-scrollbar-track{background:var(--line-soft);border-left:1px solid var(--line)}*::-webkit-scrollbar-thumb{min-height:42px;border:3px solid var(--line-soft);border-radius:var(--radius-full);background:var(--ink-3)}*::-webkit-scrollbar-thumb:hover{background:var(--ink-2)}*::-webkit-scrollbar-corner{background:var(--line-soft)}body{font-family:var(--font-body);background:var(--bg-main);color:var(--text-primary);line-height:1.5;font-size:var(--font-sm)}#root{width:100%;height:100%}.app-container{width:100%;max-width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;min-height:0}.screen{width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--bg-main);min-height:0;overflow:hidden}.header{min-height:var(--header-height);background:var(--bg-card);border-bottom:2px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);box-shadow:var(--shadow-sm);gap:var(--spacing-md)}.header-title{font-family:var(--font-display);font-size:var(--font-lg);font-weight:700;color:var(--text-primary);margin:0}.screen>.header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--spacing-md)}.screen>.header>[class*=__back-btn],.screen>.header>.back-button,.screen>.header>.back-btn{grid-column:1;justify-self:start;align-self:center;flex-shrink:0}.screen>.header>[class*=__brand]{grid-column:1;justify-self:start;align-self:center;text-align:left}.screen>.header>.header-title,.screen>.header>[class*=__title]:not([class*=__subtitle]),.screen>.header>[class*=__title-block],.screen>.header>[class*=__student-info],.screen>.header>[class*=__progress]{grid-column:2;justify-self:center;align-self:center;min-width:0;max-width:100%;text-align:center}.screen>.header>[class*=__header-spacer],.screen>.header>[class*=__header-actions],.screen>.header>[class*=__date],.screen>.header>[class*=__manage-btn],.screen>.header>[class*=__add-btn],.screen>.header>[class*=__save-btn],.screen>.header>[class*=__step-indicator],.screen>.header>[class*=__session],.screen>.header>[class*=__type],.screen>.header>[class*=__active-pill],.screen>.header>[class*=__logout-btn]{grid-column:3;justify-self:end;align-self:center;flex-shrink:0;margin-left:0}.screen-back-nav{position:fixed;top:max(var(--spacing-md),env(safe-area-inset-top));left:max(var(--spacing-md),env(safe-area-inset-left));z-index:200;display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:12px 20px;border:2px solid var(--border);border-radius:var(--radius-md);background:#fffffff5;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--font-sm);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.screen-back-nav:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.calibration-screen .screen-back-nav{border-color:#ffffff59;background:#0f172ab8;color:#f8fafc}.calibration-screen .screen-back-nav:hover{border-color:#f8fafc;background:#0f172ae6;color:#fff}.main-content{flex:1;display:flex;align-items:stretch;justify-content:center;padding:var(--spacing-lg);overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0}.main-content>*{min-height:0}.footer{min-height:var(--footer-height);background:var(--bg-card);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:10px var(--spacing-lg)}.footer-text{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border:none;border-radius:var(--radius-md);padding:14px 24px;font-family:var(--font-body);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 2px 8px #5fb3b34d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,#3d8a8a 100%)}.btn-secondary{background:var(--bg-main);color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-outline{background:transparent;color:var(--text-secondary);border:2px solid var(--border)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#d32f2f}.btn-danger-outline{background:transparent;color:var(--error);border:2px solid var(--error)}.btn-danger-outline:hover:not(:disabled){background:var(--error);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-warning{background:var(--warning);color:#1a2f38}.btn-info{background:var(--info);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);border:2px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-main);color:var(--text-primary)}.btn-sm{padding:10px 16px;font-size:var(--font-xs)}.btn-lg{padding:18px 32px;font-size:var(--font-md);font-weight:700}.btn-xl{padding:20px 40px;font-size:var(--font-lg);font-weight:700;border-radius:var(--radius-lg)}.btn-back{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:12px 20px;background:transparent;border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-back:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-card)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-md)}.card-title{font-family:var(--font-display);font-size:var(--font-lg);font-weight:700;color:var(--text-primary);margin:0}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:var(--font-sm);font-weight:600;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-sm);color:var(--text-primary);background:var(--bg-card);transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary)}.form-input::placeholder{color:var(--text-muted)}.message{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600}.message-success{background:var(--success-bg);color:#2e7d32;border:1px solid #A5D6A7}.message-error{background:var(--error-bg);color:#c62828;border:1px solid #EF9A9A}.message-warning{background:var(--warning-bg);color:#f57f17;border:1px solid #FFE082}.message-info{background:var(--info-bg);color:#1565c0;border:1px solid #90CAF9}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:var(--font-xs);font-weight:700}.badge-success{background:var(--success-bg);color:#2e7d32}.badge-warning{background:var(--warning-bg);color:#f57f17}.badge-error{background:var(--error-bg);color:#c62828}.badge-info{background:var(--info-bg);color:#1565c0}.badge-primary{background:var(--primary-bg);color:var(--primary-dark)}.grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);max-width:600px;width:100%}.grid-2x3{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:var(--spacing-lg);max-width:900px;width:100%}.grid-3x3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);max-width:900px;width:100%}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.celebrate{animation:celebrate .5s ease-in-out}.fade-in{animation:fadeIn .35s ease-out}.slide-in{animation:slideIn .35s ease-out}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-muted{color:var(--text-muted)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-1{flex:1}.content-wrapper{width:100%;max-width:var(--content-max-width);margin:0 auto;height:100%}@media (max-height: 820px){.header{min-height:64px;padding:0 var(--spacing-md)}.header-title{font-size:var(--font-md)}.main-content{padding:var(--spacing-md)}.footer{min-height:48px;padding:8px var(--spacing-md)}.footer-text{font-size:var(--font-xs)}}#webgazerGazeDot{transition:left .18s cubic-bezier(.25,.1,.25,1),top .18s cubic-bezier(.25,.1,.25,1)!important;width:32px!important;height:32px!important;background:radial-gradient(circle,#5fb3b3,#4a9d9de6 60%,#32828280)!important;border:3px solid rgba(255,255,255,.98)!important;box-shadow:0 0 24px #5fb3b3e6,0 0 48px #5fb3b380,inset 0 0 8px #fff6!important;border-radius:50%!important;z-index:99999!important;pointer-events:none!important}#webgazerVideoContainer{position:fixed!important;bottom:20px!important;right:20px!important;top:auto!important;left:auto!important;z-index:9998!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 8px 32px #0006!important;border:3px solid var(--primary)!important;opacity:.95;width:320px!important;height:240px!important}#webgazerVideoContainer:hover{opacity:1}#webgazerVideoFeed{width:320px!important;height:240px!important;object-fit:cover!important;transform:scaleX(-1)!important;position:absolute!important;top:0!important;left:0!important}#webgazerVideoCanvas,#webgazerFaceOverlay{width:320px!important;height:240px!important;position:absolute!important;top:0!important;left:0!important;transform:scaleX(-1)!important}#webgazerFaceFeedbackBox{border:3px solid var(--success)!important;box-shadow:0 0 15px #4caf5099!important;border-radius:8px!important}.app-hide-camera-preview #webgazerVideoContainer,.app-hide-camera-preview #webgazerVideoFeed,.app-hide-camera-preview #webgazerVideoCanvas,.app-hide-camera-preview #webgazerFaceOverlay,.app-hide-camera-preview #webgazerFaceFeedbackBox{position:fixed!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;width:1px!important;height:1px!important;opacity:0!important;visibility:hidden!important;overflow:hidden!important;pointer-events:none!important;z-index:-1!important}.app-hide-camera-preview #webgazerGazeDot{display:none!important}