:root{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-display: var(--font-sans);--bg-main: #F5F7FA;--bg-panel: #FFFFFF;--bg-elevated: #EEF2F6;--bg-surface: rgba(15, 23, 42, .04);--bg-hover: rgba(var(--acento-rgb), .07);--bg-input: #FFFFFF;--acento: #0166FF;--acento-rgb: 1, 102, 255;--acento-hover: #0050CC;--acento-claro: #2DB0FF;--acento-suave: #EAF3FF;--cyan-bright: var(--acento);--cyan-hover: var(--acento-hover);--cyan-dim: var(--acento-claro);--cyan-glow: rgba(var(--acento-rgb), .1);--cyan-glow-strong: rgba(var(--acento-rgb), .2);--cyan-subtle: rgba(var(--acento-rgb), .06);--mint: #047857;--mint-dim: #10B981;--mint-glow: rgba(4, 120, 87, .1);--success: #047857;--success-light: rgba(4, 120, 87, .1);--warning: #B45309;--warning-light: rgba(180, 83, 9, .1);--danger: #DC2626;--danger-light: rgba(220, 38, 38, .09);--info: #5B6B80;--success-ink: #065F46;--warning-ink: #92400E;--danger-ink: #B91C1C;--indigo: #4F46E5;--indigo-glow: rgba(79, 70, 229, .11);--text-primary: #0F172A;--text-secondary: #475569;--text-subtle: #5B6B80;--text-muted: #6B7A8F;--border-color: #E2E8F0;--border-strong: #CBD5E1;--border-subtle: rgba(15, 23, 42, .07);--border-hover: var(--acento);--border-focus: var(--acento);--focus-ring: #1D4ED8;--focus-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--focus-ring);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .07);--shadow-md: 0 6px 16px -4px rgba(15, 23, 42, .1);--shadow-lg: 0 14px 32px -8px rgba(15, 23, 42, .14);--shadow-xl: 0 24px 48px -12px rgba(15, 23, 42, .18);--shadow-cyan: 0 0 0 3px var(--cyan-glow);--shadow-cyan-strong: 0 6px 18px -4px rgba(var(--acento-rgb), .35);--shadow-card: 0 1px 2px rgba(15, 23, 42, .05);--sidebar-width: 256px;--sidebar-collapsed-width: 76px;--topbar-height: 64px;--bottombar-height: 64px;--content-max-width: 1280px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--touch: 44px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s ease;--transition-normal: .2s ease-in-out;--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--primary: var(--cyan-bright);--accent-ia: #4F46E5;--white: #FFFFFF;--gray-medium: var(--bg-elevated);--gray-light: var(--bg-surface)}html[data-rol=docente]{--acento: #0369A1;--acento-rgb: 3, 105, 161;--acento-hover: #075985;--acento-claro: #7DB9DC;--acento-suave: #EAF3F9}html[data-rol=director]{--acento: #1E40AF;--acento-rgb: 30, 64, 175;--acento-hover: #1E3A8A;--acento-claro: #8FA5DE;--acento-suave: #ECF0FA}html[data-rol=estudiante]{--acento: #6D28D9;--acento-rgb: 109, 40, 217;--acento-hover: #5B21B6;--acento-claro: #B89AEE;--acento-suave: #F3EEFC}html[data-rol=padre]{--acento: #0F766E;--acento-rgb: 15, 118, 110;--acento-hover: #115E59;--acento-claro: #86BFBA;--acento-suave: #E8F4F3}html{font-size:100%}html[data-letra=grande]{font-size:112.5%}html[data-letra=muy-grande]{font-size:125%}html[data-contraste=alto]{--text-secondary: #1E293B;--text-subtle: #273549;--text-muted: #334155;--border-color: #7C8BA1;--border-strong: #475569;--border-subtle: #94A3B8;--bg-main: #FFFFFF;--bg-elevated: #E8EDF3;--bg-surface: #F1F4F8;--focus-ring: #000000;--shadow-card: none}html[data-contraste=alto] a:not(.btn):not(.nav-item):not(.barra-item):not([role=option]){text-decoration:underline;text-underline-offset:.18em}html[data-contraste=alto] .glass-panel,html[data-contraste=alto] .glass-card{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html[data-movimiento=reducido] *,html[data-movimiento=reducido] *:before,html[data-movimiento=reducido] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);font-size:.9375rem;font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;letter-spacing:-.005em}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.2;text-wrap:balance}p{text-wrap:pretty}a{color:var(--cyan-bright);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--cyan-hover)}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input,select,textarea{font-family:inherit;font-size:max(1rem,16px)}img,svg,video{max-width:100%}:focus-visible{outline:3px solid var(--focus-ring)!important;outline-offset:2px!important}input:focus-visible,select:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--focus-ring)!important;outline-offset:1px!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:12px 18px;border-radius:var(--radius-md);background:var(--text-primary);color:#fff;font-weight:600;transform:translateY(-160%);transition:transform .15s var(--ease-out)}.skip-link:focus-visible{transform:translateY(0);color:#fff}@media(pointer:coarse){.btn,.btn-icon,.nav-item,.barra-item{min-height:var(--touch)}.btn-icon{min-width:var(--touch)}.btn-sm{min-height:40px}}.card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--acento-claro);box-shadow:var(--shadow-md);transform:translateY(-1px)}.glass-panel{background:#ffffffc7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-subtle)}.glass-card{background:#ffffffb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em;line-height:1.4}.badge-success{background-color:var(--success-light);color:var(--success-ink)}.badge-warning{background-color:var(--warning-light);color:var(--warning-ink)}.badge-danger{background-color:var(--danger-light);color:var(--danger-ink)}.badge-ia{background:var(--indigo-glow);color:var(--accent-ia)}.badge-neutral{background:#6b728026;color:var(--text-secondary)}.badge-cyan{background:var(--cyan-glow);color:var(--cyan-bright)}.badge-escalada{background:var(--indigo-glow);color:var(--accent-ia)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;line-height:1.1;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-sm{min-height:34px;padding:7px 14px;font-size:.8125rem}.btn-primary{background-color:var(--acento);color:#fff;box-shadow:0 1px 2px rgba(var(--acento-rgb),.3)}.btn-primary:hover:not(:disabled){background-color:var(--acento-hover);color:#fff;box-shadow:var(--shadow-cyan-strong)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-secondary{background:transparent;border:1px solid var(--cyan-bright);color:var(--cyan-bright)}.btn-secondary:hover{background:var(--cyan-glow);box-shadow:var(--shadow-cyan)}.btn-outline{border:1px solid var(--border-color);background:transparent;color:var(--text-secondary)}.btn-outline:hover{border-color:var(--text-muted);background:var(--bg-surface);color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);padding:8px}.btn-ghost:hover{background:var(--bg-surface);color:var(--text-primary)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-surface);color:var(--text-primary)}.btn-light{border-color:#fff3;color:#ffffffe6}.btn-light:hover{border-color:#fff6;background:#ffffff14;color:#fff}.btn-peligro{background-color:var(--danger-ink);color:#fff}.btn-peligro:hover:not(:disabled){background-color:#991b1b;color:#fff}.btn-peligro:active:not(:disabled){transform:translateY(1px)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.75rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.leading-tight{line-height:1.2}.leading-snug{line-height:1.35}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.6}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.text-secondary{color:var(--text-secondary)}.text-subtle{color:var(--text-subtle)}.text-muted{color:var(--text-muted)}.text-cyan{color:var(--cyan-bright)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-white{color:#fff}.text-primary{color:var(--text-primary)}.text-ia-accent{color:var(--accent-ia)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.h-full{height:100%}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.border-bottom{border-bottom:1px solid var(--border-color)}.border-top{border-top:1px solid var(--border-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 #0284c738}50%{box-shadow:0 0 0 5px #0284c71f}}@keyframes modalSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-in{animation:fadeInUp .45s var(--ease-out) both}.animate-fade{animation:fadeIn .35s var(--ease-out) both}.animate-scale{animation:scaleIn .3s var(--ease-out) both}.animate-slide-in{animation:slideInFromRight .3s var(--ease-out)}.stagger-1{animation-delay:0ms}.stagger-2{animation-delay:60ms}.stagger-3{animation-delay:.12s}.stagger-4{animation-delay:.18s}.stagger-5{animation-delay:.24s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.36s}.stagger-8{animation-delay:.42s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c3cdd9;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#9fadbd}::selection{background-color:var(--cyan-glow-strong);color:var(--text-primary)}.search-bar{display:flex;align-items:center;gap:.5rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 var(--space-3);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.search-bar:focus-within{border-color:var(--cyan-bright);box-shadow:0 0 0 3px var(--cyan-glow)}.search-icon{color:var(--text-subtle);flex-shrink:0}.search-input{border:none;background:transparent;padding:10px 0;font-size:.875rem;color:var(--text-primary);outline:none;width:100%}.search-input::placeholder{color:var(--text-subtle)}.search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-limpiar{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;margin-right:-6px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--text-subtle);cursor:pointer}.search-limpiar:hover{background:var(--bg-elevated);color:var(--text-primary)}.search-limpiar:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:inherit;outline:none;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.form-select{padding:10px 16px}.form-textarea{padding:12px 16px;resize:vertical;line-height:1.6}.form-select:focus,.form-textarea:focus{border-color:var(--cyan-bright);box-shadow:0 0 0 3px var(--cyan-glow)}.form-range{width:100%;accent-color:var(--cyan-bright)}.mt-1{margin-top:var(--space-1)}.mt-3{margin-top:var(--space-3)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.padding-lg{padding:var(--space-6)}.padding-xl{padding:var(--space-8)}.h-30{height:30%}.h-45{height:45%}.h-60{height:60%}.h-75{height:75%}.h-90{height:90%}.h-100{height:100%}.form-input{width:100%;min-height:40px;padding:9px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--acento);box-shadow:0 0 0 3px var(--cyan-glow)}.form-range{min-height:28px}.cv-input:focus,.mod-input:focus{border-color:var(--cyan-bright);box-shadow:0 0 0 3px var(--cyan-glow)}.cargando{padding:var(--space-2) 0;max-width:960px}.cargando-completa{display:grid;place-items:center;min-height:100dvh;max-width:none;background:var(--bg-main)}.cargando-completa .cargando-silueta{width:min(560px,88vw)}.cargando-silueta{display:grid;gap:var(--space-3)}.cargando-barra,.cargando-bloque{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-elevated) 0%,var(--bg-surface) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.cargando-barra{height:.875rem;width:72%}.cargando-barra-titulo{height:1.75rem;width:44%;margin-bottom:var(--space-2)}.cargando-barra-corta{width:38%}.cargando-bloques{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.cargando-bloque{height:112px;border-radius:var(--radius-lg)}.barra-inferior{display:none}@media(max-width:860px){.barra-inferior{display:block;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;background:#fffffff5;border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}@supports (backdrop-filter: blur(10px)){.barra-inferior{background:#ffffffdb;backdrop-filter:saturate(1.5) blur(12px);-webkit-backdrop-filter:saturate(1.5) blur(12px)}}html[data-contraste=alto] .barra-inferior{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid var(--border-strong)}.barra-inferior ul{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:6px}}.barra-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:52px;padding:4px 2px;border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.6875rem;font-weight:600;line-height:1.1;text-align:center;transition:color var(--transition-fast),background-color var(--transition-fast);-webkit-tap-highlight-color:transparent}.barra-icono{display:grid;place-items:center;width:44px;height:28px;border-radius:var(--radius-full);transition:background-color .2s var(--ease-out)}.barra-avatar,.hoja-avatar-nav{display:inline-flex;width:24px;height:24px;overflow:hidden;flex-shrink:0;border:1px solid rgba(var(--acento-rgb),.24);border-radius:var(--radius-full);background:#fff}.barra-avatar img,.hoja-avatar-nav img{width:100%;height:100%;object-fit:cover;transform:scale(1.85);transform-origin:50% 28%}.barra-etiqueta{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barra-item:hover{color:var(--text-primary)}.barra-item.activo{color:var(--acento-hover);font-weight:750}.barra-item.activo .barra-icono{background:var(--acento-suave);color:var(--acento)}html[data-letra=muy-grande] .barra-etiqueta{font-size:.625rem}.dialogo{border:0;padding:0;margin:0;background:transparent;color:var(--text-primary);max-width:100vw;max-height:100dvh;width:100%;height:100%;overflow:hidden}.dialogo:not([open]){display:none}.dialogo[open]{display:flex}.dialogo::backdrop{background:#0f172a6b}@supports (backdrop-filter: blur(2px)){.dialogo::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.dialogo-cuerpo{background:var(--bg-panel);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:dialogo-entra .2s var(--ease-out)}@keyframes dialogo-entra{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.dialogo-encabezado{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0 var(--space-5)}.dialogo-encabezado h2{font-size:1.125rem;font-weight:750}.dialogo-bajada{padding:4px var(--space-5) 0;font-size:.8125rem;color:var(--text-subtle)}.dialogo-panel{justify-content:flex-end;align-items:stretch}.dialogo-panel .dialogo-cuerpo{width:min(420px,100vw);height:100%;border-radius:var(--radius-2xl) 0 0 var(--radius-2xl);overflow-y:auto;animation-name:panel-entra}@keyframes panel-entra{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.dialogo-hoja{align-items:flex-end;justify-content:center}.dialogo-hoja .dialogo-cuerpo{width:min(560px,100vw);max-height:86dvh;overflow-y:auto;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:8px var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));animation-name:hoja-entra}@keyframes hoja-entra{0%{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}.hoja-agarre{width:40px;height:4px;border-radius:4px;background:var(--border-strong);margin:4px auto 12px}.hoja-quien{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--acento-suave);margin-bottom:var(--space-3)}.hoja-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--acento);color:#fff;font-weight:750;font-size:.9375rem;flex-shrink:0}.hoja-nombre{font-size:1rem;font-weight:750}.hoja-rol{font-size:.8125rem;color:var(--acento-hover);font-weight:600}.hoja-grupo{margin-top:var(--space-2)}.hoja-grupo ul,.hoja-acciones{list-style:none;display:flex;flex-direction:column;gap:2px}.hoja-grupo-titulo{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);padding:6px var(--space-3)}.hoja-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;font-weight:550;text-align:left}.hoja-item svg{color:var(--text-subtle);flex-shrink:0}.hoja-item:hover{background:var(--bg-surface);color:var(--text-primary)}.hoja-item.activo{background:var(--acento-suave);color:var(--acento-hover);font-weight:700}.hoja-item.activo svg{color:var(--acento)}.hoja-acciones{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.hoja-salir,.hoja-salir svg{color:var(--danger)}@media(max-width:860px){.dialogo-panel{align-items:flex-end;justify-content:center}.dialogo-panel .dialogo-cuerpo{width:100vw;height:auto;max-height:90dvh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding-bottom:env(safe-area-inset-bottom);animation-name:hoja-entra}}.dialogo-buscador{align-items:flex-start;justify-content:center;padding:12vh 16px 16px}.dialogo-buscador .dialogo-cuerpo{width:min(640px,100%);max-height:min(560px,76dvh);border-radius:var(--radius-xl)}.buscador-campo{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--border-color);color:var(--text-subtle)}.buscador-campo input{flex:1;min-width:0;min-height:58px;border:0;background:transparent;color:var(--text-primary);font-size:1.0625rem}.buscador-campo input::placeholder{color:var(--text-muted)}.buscador-campo input:focus-visible{outline:none!important}.buscador-campo:focus-within{box-shadow:inset 0 -2px 0 var(--acento)}.buscador-lista{list-style:none;overflow-y:auto;padding:6px;flex:1}.buscador-sublista{list-style:none}.buscador-grupo{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);padding:10px 12px 4px}.buscador-opcion{display:flex;align-items:center;gap:var(--space-3);min-height:46px;padding:6px 12px;border-radius:var(--radius-md);cursor:pointer}.buscador-opcion[aria-selected=true]{background:var(--acento-suave);box-shadow:inset 3px 0 0 var(--acento)}.buscador-opcion-icono{color:var(--text-subtle);flex-shrink:0}.buscador-opcion[aria-selected=true] .buscador-opcion-icono{color:var(--acento)}.buscador-opcion-texto{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}.buscador-opcion-etiqueta{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.buscador-opcion-detalle{font-size:.75rem;color:var(--text-subtle)}.buscador-opcion-enter{color:var(--acento);flex-shrink:0}.buscador-pie{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px var(--space-4);border-top:1px solid var(--border-color);background:var(--bg-main);font-size:.75rem;color:var(--text-subtle)}.buscador-teclas{display:flex;align-items:center;gap:4px}@media(max-width:860px){.dialogo-buscador{padding:max(12px,env(safe-area-inset-top)) 10px 10px}.dialogo-buscador .dialogo-cuerpo{max-height:80dvh}.buscador-teclas,.buscador-esc{display:none}}@media(pointer:coarse){.buscador-teclas,.buscador-esc{display:none}}.panel-prefs{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5)}.pref-grupo{border:0;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.pref-leyenda{display:flex;align-items:center;gap:var(--space-2);font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.pref-leyenda svg{color:var(--acento)}.pref-estado{margin-left:auto;font-size:.6875rem;font-weight:700;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-secondary)}.pref-estado-si{background:var(--success-light);color:var(--success)}.segmentado{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.segmentado-opcion{position:relative;display:block}.segmentado-opcion input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.segmentado-caja{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:8px 6px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-align:center;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.segmentado-muestra{font-weight:750;color:var(--text-primary);line-height:1}.segmentado-opcion input:hover+.segmentado-caja{border-color:var(--acento-claro)}.segmentado-opcion input:checked+.segmentado-caja{border-color:var(--acento);background:var(--acento-suave);color:var(--acento-hover);box-shadow:inset 0 0 0 1px var(--acento)}.segmentado-opcion input:focus-visible+.segmentado-caja{outline:3px solid var(--focus-ring);outline-offset:2px}.pref-fila{display:flex;align-items:flex-start;gap:var(--space-3)}.pref-icono{color:var(--acento);flex-shrink:0;margin-top:2px}.pref-texto{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.pref-etiqueta{font-size:.9375rem;font-weight:700}.pref-detalle{font-size:.8125rem;color:var(--text-subtle);line-height:1.45}.interruptor{position:relative;flex-shrink:0;width:48px;height:28px;border-radius:var(--radius-full);background:#94a3b8;transition:background-color .2s var(--ease-out)}.interruptor-perilla{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-out)}.interruptor[aria-checked=true]{background:var(--acento)}.interruptor[aria-checked=true] .interruptor-perilla{transform:translate(20px)}.interruptor:disabled{opacity:.6;cursor:not-allowed}html[data-contraste=alto] .interruptor{background:#475569}.pref-restablecer{align-self:flex-start;color:var(--text-subtle)}.limite-pantalla{max-width:520px;margin:8vh auto 0;padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.limite-pantalla h2{font-size:1.25rem}.limite-pantalla p{color:var(--text-secondary)}.limite-icono{color:var(--acento)}.avisos{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:1000;width:min(380px,calc(100vw - 2 * var(--space-4)));pointer-events:none}.avisos ol{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.aviso{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:var(--bg-panel);border:1px solid var(--border-color);border-left:4px solid var(--info);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:aviso-entra .25s var(--ease-out)}.aviso-exito{border-left-color:var(--success)}.aviso-error{border-left-color:var(--danger)}.aviso-info{border-left-color:var(--acento)}.aviso-icono{flex-shrink:0;margin-top:1px}.aviso-exito .aviso-icono{color:var(--success)}.aviso-error .aviso-icono{color:var(--danger-ink)}.aviso-info .aviso-icono{color:var(--acento)}.aviso-textos{flex:1;min-width:0}.aviso-texto{font-size:.9375rem;font-weight:650;color:var(--text-primary);line-height:1.35}.aviso-detalle{margin-top:2px;font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.aviso-cerrar{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;margin:-4px -2px 0 0;border-radius:var(--radius-sm);color:var(--text-subtle)}.aviso-cerrar:hover{background:var(--bg-surface);color:var(--text-primary)}@keyframes aviso-entra{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:860px){.avisos{left:50%;right:auto;transform:translate(-50%);bottom:calc(var(--bottombar-height) + 28px + env(safe-area-inset-bottom))}}dialog .avisos{top:calc(var(--space-4) + env(safe-area-inset-top));bottom:auto}dialog .aviso{animation-name:aviso-baja}@keyframes aviso-baja{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}html[data-contraste=alto] .aviso{border-width:2px;border-left-width:6px}.dialogo-confirmar{align-items:center;justify-content:center;padding:var(--space-4)}.dialogo-confirmar .dialogo-cuerpo{width:min(440px,100%);border-radius:var(--radius-xl)}.confirmar{padding:var(--space-6)}.confirmar-titulo{font-size:1.125rem;font-weight:750;line-height:1.3}.confirmar-mensaje{margin-top:var(--space-2);font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.confirmar-entrada{display:flex;flex-direction:column;gap:6px;margin-top:var(--space-4)}.confirmar-entrada label{font-size:.875rem;font-weight:650;color:var(--text-secondary)}.confirmar-entrada .form-input{min-height:var(--touch);font-size:1rem}.confirmar-botones{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap}@media(max-width:480px){.dialogo-confirmar{align-items:flex-end;padding:0}.dialogo-confirmar .dialogo-cuerpo{width:100%;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.confirmar{padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}.confirmar-botones{flex-direction:column-reverse}.confirmar-botones .btn{width:100%;min-height:var(--touch)}}.vacio{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);background:var(--bg-panel);border:1px dashed var(--border-strong);border-radius:var(--radius-xl)}.vacio-icono{display:grid;place-items:center;width:56px;height:56px;margin-bottom:var(--space-2);border-radius:var(--radius-full);background:var(--acento-suave);color:var(--acento)}.vacio-titulo{font-size:1.0625rem;font-weight:750;color:var(--text-primary);line-height:1.3;max-width:36ch}.vacio-texto{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;max-width:46ch}.vacio-acciones{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.vacio-compacto{padding:var(--space-6) var(--space-4);gap:var(--space-1);border-radius:var(--radius-lg)}.vacio-compacto .vacio-icono{width:44px;height:44px}.vacio-compacto .vacio-titulo{font-size:.9375rem}.vacio-compacto .vacio-texto{font-size:.875rem}.esq{display:flex;flex-direction:column;gap:var(--space-3)}.esq-tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.esq-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.esq-tarjetas .esq-item{flex-direction:column;align-items:stretch;gap:var(--space-3);min-height:120px}.esq-tabla{gap:0;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.esq-tabla .esq-item{border:0;border-radius:0;border-bottom:1px solid var(--border-color)}.esq-tabla .esq-item:last-child{border-bottom:0}.esq-tabla .esq-linea{flex:1}.esq-lineas{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.esq-linea,.esq-circulo{height:12px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--bg-elevated) 25%,#F8FAFC 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}.esq-linea-titulo{height:14px;width:55%}.esq-linea-corta{width:35%}.esq-tarjetas .esq-linea-titulo{width:70%}.esq-circulo{flex-shrink:0;width:36px;height:36px}html[data-ahorro=si] .esq-linea,html[data-ahorro=si] .esq-circulo{animation:none}.cargando-linea{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;font-size:.875rem;color:var(--text-subtle)}.girando{animation:girar .9s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.fila-desplazable{display:flex;flex-wrap:nowrap;gap:var(--space-2);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:4px 2px;margin:-4px -2px}.fila-desplazable::-webkit-scrollbar{display:none}.fila-desplazable>*{flex-shrink:0;scroll-snap-align:start}.usos-ia{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:.8125rem;font-weight:650;background:var(--indigo-glow);color:var(--indigo)}.usos-ia-poco{background:var(--warning-light);color:var(--warning-ink)}.usos-ia-agotado{background:var(--danger-light);color:var(--danger-ink)}.chat-ir-final{position:sticky;bottom:var(--space-3);align-self:center;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-panel);color:var(--text-primary);font-size:.8125rem;font-weight:600;box-shadow:var(--shadow-lg);cursor:pointer;animation:chat-ir-final-entra .18s ease-out}.chat-ir-final:hover{border-color:var(--acento)}.chat-ir-final:focus-visible{outline:2px solid var(--acento);outline-offset:2px}@keyframes chat-ir-final-entra{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.chat-ir-final{animation:none}}html[data-movimiento=reducido] .chat-ir-final{animation:none}.sidebar{width:var(--sidebar-width);flex-shrink:0;height:100dvh;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-3) var(--space-3);background:var(--bg-panel);border-right:1px solid var(--border-color);transition:width .22s var(--ease-out);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-2);min-height:44px;color:inherit;text-decoration:none;border-radius:var(--radius-md)}.sidebar-header:hover .logo-title{color:var(--acento, inherit)}.sidebar-header:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.sidebar-header svg{flex-shrink:0}.logo-mark{display:block;flex-shrink:0;object-fit:contain}.logo-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.logo-title{font-size:1rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);white-space:nowrap}.logo-ia{color:var(--acento)}.logo-subtitle{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-quien{display:flex;align-items:center;gap:var(--space-3);padding:10px;border-radius:var(--radius-lg);background:var(--acento-suave);border:1px solid rgba(var(--acento-rgb),.14);margin-bottom:var(--space-2)}.sidebar-quien .avatar{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-full);display:grid;place-items:center;background:var(--acento);color:#fff;font-size:.8125rem;font-weight:700;letter-spacing:.02em}.user-info{display:flex;flex-direction:column;min-width:0;line-height:1.25}.user-name{font-size:.875rem;font-weight:650;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;font-weight:600;color:var(--acento-hover)}.sidebar-menu{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-2);scrollbar-width:thin;scrollbar-color:#A9B6C6 transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#a9b6c6}.sidebar-menu:before,.sidebar-menu:after{content:"";position:absolute;left:0;right:0;height:32px;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:1}.sidebar-menu:before{top:0;background:linear-gradient(to bottom,var(--bg-main) 15%,transparent);box-shadow:inset 0 6px 6px -6px #0f172a2e}.sidebar-menu:after{bottom:0;height:48px;background:linear-gradient(to top,var(--bg-main) 30%,transparent);box-shadow:inset 0 -6px 6px -6px #0f172a2e}.sidebar-menu.hay-arriba:before,.sidebar-menu.hay-abajo:after{opacity:1}.sidebar-mas{position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);background:var(--bg-panel);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);color:var(--text-secondary);font-size:.75rem;font-weight:600;white-space:nowrap}.sidebar-mas:hover{color:var(--acento-hover);border-color:rgba(var(--acento-rgb),.4)}.nav-grupo ul{list-style:none;display:flex;flex-direction:column;gap:2px}.nav-grupo-titulo{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);padding:0 var(--space-3) 6px;line-height:1.2;white-space:nowrap}.nav-item{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:550;text-align:left;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-item:hover{background:var(--bg-surface);color:var(--text-primary)}.nav-item.active{background:var(--acento-suave);color:var(--acento-hover);font-weight:650}.nav-item.active:before{content:"";position:absolute;left:-4px;top:9px;bottom:9px;width:4px;border-radius:0 4px 4px 0;background:var(--acento)}.nav-icon-wrap{display:grid;place-items:center;flex-shrink:0;width:20px}.nav-avatar-wrap{height:24px;overflow:hidden;border:1px solid rgba(var(--acento-rgb),.24);border-radius:var(--radius-full);background:#fff}.nav-avatar{width:100%;height:100%;object-fit:cover;transform:scale(1.85);transform-origin:50% 28%}.nav-label{overflow:hidden;text-overflow:ellipsis}.ia-tag{margin-left:auto;font-size:.625rem;font-weight:800;letter-spacing:.06em;padding:2px 6px;border-radius:var(--radius-full);background:var(--indigo-glow);color:var(--indigo)}.sidebar-footer{display:flex;flex-direction:column;gap:2px}.sidebar-footer-fila{display:flex;align-items:center;gap:2px}.sidebar-footer-fila .nav-item{flex:1}.nav-salir:hover{color:var(--danger);background:var(--danger-light)}.collapse-btn{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-subtle)}.collapse-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.sidebar.collapsed .logo-text,.sidebar.collapsed .user-info,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-grupo-titulo{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.sidebar.collapsed .ia-tag{display:none}.sidebar.collapsed .sidebar-header{justify-content:center;padding-inline:0}.sidebar.collapsed .sidebar-quien{justify-content:center;padding:8px 0;background:transparent;border-color:transparent}.sidebar.collapsed .nav-item{justify-content:center;padding:0}.sidebar.collapsed .sidebar-nav{padding-inline:var(--space-1)}.sidebar.collapsed .sidebar-mas{padding:4px 6px}.sidebar.collapsed .nav-grupo+.nav-grupo{border-top:1px solid var(--border-color);padding-top:var(--space-3)}.sidebar.collapsed .sidebar-footer-fila{flex-direction:column}.sidebar.collapsed .sidebar-footer-fila .nav-item{width:100%}@media(max-width:860px){.sidebar{display:none}}.nav-alert-badge{margin-left:auto;min-width:19px;height:19px;padding:0 5px;border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-live-dot{margin-left:auto;width:9px;height:9px;border-radius:var(--radius-full);background:var(--danger);flex-shrink:0;animation:nav-live-pulse 1.8s ease-in-out infinite}.sidebar.collapsed .nav-live-dot{position:absolute;top:7px;right:7px;margin-left:0}@keyframes nav-live-pulse{0%,to{opacity:1}50%{opacity:.25}}.notif-dropdown-container{position:relative}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:min(380px,calc(100vw - 24px));max-height:min(480px,70dvh);display:flex;flex-direction:column;z-index:50;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:dropdown-in .15s ease-out;overflow:hidden}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{padding:14px var(--space-4);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);flex-shrink:0}.notif-dropdown-header h4,.notif-dropdown-titulo{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.notif-dropdown-list{overflow-y:auto;flex:1}.notif-vacio{border:0;background:transparent}.notif-dropdown-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:14px var(--space-4);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast)}.notif-dropdown-item:last-child{border-bottom:none}.notif-dropdown-item:hover{background:var(--bg-hover)}.notif-dropdown-item.unread{background:#0284c708}.notif-dropdown-indicator{width:8px;height:8px;border-radius:var(--radius-full);background:transparent;flex-shrink:0;margin-top:6px}.notif-dropdown-item.unread .notif-dropdown-indicator{background:var(--cyan-bright);box-shadow:0 0 6px #0284c74d}.notif-dropdown-body{flex:1;min-width:0}.notif-dropdown-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-1)}.notif-dropdown-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);line-height:1.3}.notif-dropdown-msg{font-size:.75rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.notif-dropdown-meta{display:flex;align-items:center;gap:6px;font-size:.6875rem;color:var(--text-subtle);font-weight:500}.notif-read-btn{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-subtle);flex-shrink:0;transition:all var(--transition-fast);margin-top:2px}.notif-read-btn:hover{background:var(--cyan-glow);color:var(--cyan-bright)}.notif-lista{list-style:none}@media(max-width:860px){.notif-dropdown{position:fixed;top:calc(var(--topbar-height) + env(safe-area-inset-top));right:12px;left:12px;width:auto}}.notif-corregir{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--acento-suave);color:var(--text-primary)}.notif-corregir:hover{background:var(--bg-hover)}.notif-corregir-icono{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-panel);color:var(--acento)}.notif-corregir-textos{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notif-corregir-textos strong{font-size:.875rem}.notif-corregir-textos span{font-size:.8125rem;color:var(--text-secondary)}.topbar{min-height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:10px var(--space-8);position:sticky;top:0;z-index:5;background:#f5f7faeb;border-bottom:1px solid var(--border-color)}@supports (backdrop-filter: blur(8px)){.topbar{backdrop-filter:saturate(1.4) blur(8px);-webkit-backdrop-filter:saturate(1.4) blur(8px)}}html[data-contraste=alto] .topbar{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.topbar-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.topbar-titulos{display:flex;flex-direction:column;min-width:0}.topbar-logo{display:none}.page-title{font-size:1.25rem;font-weight:750;color:var(--text-primary);letter-spacing:-.025em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-greeting{display:flex;align-items:center;flex-wrap:wrap;font-size:.8125rem;color:var(--text-secondary);line-height:1.3}.dot-sep{margin:0 6px;color:var(--text-muted)}.date-display{color:var(--text-subtle)}.date-display:first-letter{text-transform:uppercase}.topbar-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.search-trigger{display:flex;align-items:center;gap:var(--space-2);min-width:232px;min-height:40px;padding:0 10px 0 var(--space-3);background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-subtle);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-trigger:hover{border-color:var(--acento-claro);box-shadow:var(--shadow-sm)}.search-trigger-icon{flex-shrink:0}.search-trigger-text{flex:1;text-align:left;font-size:.875rem}.search-kbd,.buscador-esc,.buscador-teclas kbd{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-sans);font-size:.6875rem;font-weight:650;color:var(--text-subtle);background:var(--bg-main);border:1px solid var(--border-color);border-bottom-width:2px;border-radius:var(--radius-sm);padding:1px 6px;line-height:1.4}.notif-btn{position:relative}.notif-dot{position:absolute;top:3px;right:3px;min-width:17px;height:17px;background:var(--danger);border-radius:var(--radius-full);border:2px solid var(--bg-main);display:flex;align-items:center;justify-content:center}.notif-count{font-size:.5625rem;font-weight:800;color:#fff;line-height:1;padding:0 2px}.nueva-clase-btn{border-radius:var(--radius-full);padding-inline:var(--space-4)}.nueva-clase-btn:hover{color:#fff}@media(max-width:860px){.topbar{padding:8px var(--space-4);padding-top:max(8px,env(safe-area-inset-top));gap:var(--space-2)}.topbar-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--acento-suave);flex-shrink:0}.topbar-greeting{display:none}.page-title{font-size:1.125rem}.search-trigger{min-width:0;width:40px;padding:0;justify-content:center;border-radius:var(--radius-full)}.search-trigger-text,.search-kbd,.topbar-prefs{display:none}.nueva-clase-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.nueva-clase-btn{width:40px;padding:0}}.topbar-help{color:var(--text-secondary)}.topbar-help:hover{color:var(--cyan-bright)}.topbar-school{width:auto;max-width:220px;padding-top:5px;padding-bottom:5px;font-size:13px}@media(max-width:640px){.topbar-school{max-width:140px}}@media(max-width:480px){.topbar-logo,.topbar-help{display:none}.page-title{font-size:1.0625rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}}.topbar-mensajes{position:relative;display:grid;place-items:center;color:var(--text-secondary);text-decoration:none}.topbar-mensajes:hover{color:var(--text-primary)}.topbar-mensajes-n{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--danger, #DC2626);color:#fff;font-size:10.5px;font-weight:800;line-height:17px;text-align:center}.offline-banner{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:.8125rem;line-height:1.4;border-bottom:1px solid var(--border-color)}.offline-banner.is-offline{background:var(--warning-light);color:var(--warning)}.offline-banner.is-syncing{background:var(--cyan-subtle);color:var(--cyan-bright)}.offline-banner .spin{animation:em-spin 1s linear infinite;flex-shrink:0}.offline-banner>svg{flex-shrink:0}.offline-banner.is-rechazo{background:var(--danger-light, rgba(239, 68, 68, .12));color:var(--danger)}.offline-banner-btn{margin-left:auto;padding:4px 12px;border-radius:var(--radius-full);border:1px solid currentColor;background:transparent;color:inherit;font-weight:600;font-size:.8125rem;cursor:pointer}.no-guardadas{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.no-guardadas li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md)}.no-guardadas li>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}.no-guardadas-acciones{display:flex;gap:var(--space-2)}.dialogo-em{align-items:center;justify-content:center;padding:var(--space-6)}.dialogo-em>.dialogo-cuerpo{display:contents}@media(max-width:480px){.dialogo-em{padding:var(--space-3)}}.em-modal-overlay{position:fixed;inset:0;background:#0a0e14b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s var(--ease-out);padding:var(--space-6)}.em-modal{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:640px;max-height:88vh;display:flex;flex-direction:column;animation:modalSlideIn .25s var(--ease-out)}.em-modal.em-modal-lg{max-width:780px}.em-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color)}.em-modal-header h3{font-size:1.0625rem;font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.em-modal-body{padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.em-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color)}.em-field{display:flex;flex-direction:column;gap:6px}.em-field label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.em-field input[type=text],.em-field input[type=number],.em-field input[type=date],.em-field textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:10px 14px;font-size:.875rem;font-family:inherit;outline:none;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.em-field input:focus,.em-field textarea:focus{border-color:var(--cyan-bright);box-shadow:0 0 0 3px var(--cyan-glow)}.em-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.em-row>.em-field{flex:1 1 180px;min-width:0}.em-field input,.em-field select,.em-field textarea{min-width:0}.em-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-normal),background var(--transition-normal);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.em-dropzone:hover,.em-dropzone.drag{border-color:var(--cyan-bright);background:var(--cyan-subtle)}.em-dropzone .em-file-name{color:var(--cyan-bright);font-weight:600}.em-processing{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-secondary);text-align:center}.em-spinner{width:34px;height:34px;border:3px solid var(--border-color);border-top-color:var(--cyan-bright);border-radius:50%;animation:em-spin .8s linear infinite}@keyframes em-spin{to{transform:rotate(360deg)}}.em-preview-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.em-preview-unit{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.em-preview-unit-header{display:flex;align-items:center;gap:var(--space-2);padding:10px 14px;background:var(--bg-elevated);font-weight:600;font-size:.875rem}.em-preview-class{display:flex;align-items:flex-start;gap:var(--space-2);padding:8px 14px 8px 32px;border-top:1px solid var(--border-subtle);font-size:.8125rem}.em-preview-class .em-objectives{color:var(--text-subtle);font-size:.75rem;margin-top:2px}.em-question{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start}.em-question .em-q-body{flex:1}.em-question .em-q-prompt{font-size:.875rem;font-weight:500}.em-question .em-q-options{margin-top:6px;display:flex;flex-direction:column;gap:3px;font-size:.8125rem;color:var(--text-secondary)}.em-question .em-q-option.correct{color:var(--success);font-weight:600}.em-hint{font-size:.7813rem;color:var(--text-subtle);line-height:1.5}.em-error{display:flex;align-items:center;gap:var(--space-2);background:var(--danger-light);color:var(--danger);padding:10px 14px;border-radius:var(--radius-md);font-size:.8125rem}.em-checkbox-row{display:flex;align-items:center;gap:var(--space-2);font-size:.8438rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.em-checkbox-row input{accent-color:var(--cyan-bright)}.guia-modal{max-width:520px}.guia-body{display:flex;flex-direction:column;gap:12px}.guia-list{display:flex;flex-direction:column;gap:8px}.guia-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;text-align:left;transition:border-color .15s,transform .15s,background .15s}.guia-item:hover{border-color:var(--cyan-bright);background:var(--cyan-glow);transform:translate(2px)}.guia-emoji{font-size:22px;flex-shrink:0}.guia-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.guia-text strong{font-size:14px}.guia-text em{font-style:normal;font-size:12px;color:var(--text-secondary)}.guia-chevron{color:var(--text-subtle);flex-shrink:0}.guia-about-toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);font-size:12.5px;cursor:pointer;padding:4px 0}.guia-about-toggle:hover{color:var(--text-primary)}.guia-about{border:1px solid var(--border-color);border-radius:12px;padding:12px 14px;background:var(--bg-elevated);font-size:12.5px;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px}.guia-about strong{color:var(--text-primary)}.guia-about ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px}.guia-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.guia-check{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-secondary);cursor:pointer}.guia-check input{accent-color:var(--cyan-bright)}.cc-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--bg-main)}.cc-card{width:100%;max-width:420px;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.cc-icono{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--acento-suave);color:var(--acento)}.cc-titulo{font-size:1.5rem;line-height:1.2}.cc-bajada{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;margin-top:calc(-1 * var(--space-2))}.cc-error{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--danger-light);color:var(--danger-ink);font-size:.875rem}.cc-error svg{flex-shrink:0;margin-top:2px}.cc-campo{display:flex;flex-direction:column;gap:6px}.cc-campo label{font-size:.875rem;font-weight:650;color:var(--text-secondary)}.cc-campo .form-input{min-height:var(--touch);font-size:1rem}.cc-con-ojo{position:relative}.cc-con-ojo .form-input{padding-right:48px}.cc-con-ojo .btn-icon{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.cc-largo{display:flex;flex-direction:column;gap:4px}.cc-largo>span{display:block;height:4px;max-width:100%;border-radius:var(--radius-full);background:var(--warning);transition:width .2s var(--ease-out),background-color .2s}.cc-largo.ok>span{background:var(--success)}.cc-largo small{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--text-subtle)}.cc-largo.ok small{color:var(--success-ink)}.cc-no-coincide{font-size:.8125rem;color:var(--danger-ink)}.cc-boton{min-height:var(--touch)}.migue-flotante-burbuja{position:fixed;z-index:700;width:72px;height:72px;padding:0;overflow:visible;border:3px solid #fff;border-radius:50%;background:#fff;box-shadow:0 10px 30px #10486647,0 0 0 2px var(--acento);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.migue-flotante-burbuja:hover{box-shadow:0 14px 34px #10486657,0 0 0 3px var(--acento);transform:translateY(-2px)}.migue-flotante-burbuja:active{cursor:grabbing;transform:scale(.98)}.migue-flotante-burbuja:focus-visible{outline:3px solid var(--acento);outline-offset:4px}.migue-flotante-retrato{position:absolute;inset:0;display:block;overflow:hidden;border-radius:50%;pointer-events:none}.migue-flotante-retrato img{width:100%;height:100%;object-fit:cover;transform:scale(1.95);transform-origin:50% 25%}.migue-flotante-ia{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:24px;height:20px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:var(--indigo, #7057d9);color:#fff;font-size:9px;font-weight:900;letter-spacing:.04em}.migue-flotante-agarre{position:absolute;left:50%;bottom:-12px;transform:translate(-50%);color:var(--text-subtle);font-size:11px;letter-spacing:2px;line-height:1}.dialogo-migue{justify-content:flex-end;align-items:stretch}.dialogo-migue .dialogo-cuerpo{width:min(500px,100vw);height:100%;border-radius:var(--radius-2xl) 0 0 var(--radius-2xl);animation-name:panel-entra}.dialogo-migue .migue-container{width:100%;max-width:none;min-height:0;padding:var(--space-5) var(--space-5) var(--space-4)}.migue-head-acciones{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}@media(max-width:860px){.migue-flotante-burbuja{width:64px;height:64px}.dialogo-migue{justify-content:center;align-items:flex-end}.dialogo-migue .dialogo-cuerpo{width:100vw;height:min(86dvh,760px);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding-bottom:env(safe-area-inset-bottom);animation-name:hoja-entra}.dialogo-migue .migue-container{padding:var(--space-4) var(--space-3)}}@media(prefers-reduced-motion:reduce){.migue-flotante-burbuja{transition:none}}@media(max-width:640px){.migue-flotante-burbuja{width:58px;height:58px}}.layout-container{display:flex;height:100vh;height:100dvh;width:100vw;overflow:hidden;background:var(--bg-main)}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;width:100%}.main-content{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-8) var(--space-10);background-color:var(--bg-main)}.main-content:focus,.main-content:focus-visible{outline:none!important}@media(max-width:860px){.main-content{padding:var(--space-4);padding-bottom:calc(var(--bottombar-height) + 32px + env(safe-area-inset-bottom))}}.login-page{height:100dvh;overflow-y:auto;background:var(--bg-main)}.login-layout{min-height:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.login-marca{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:var(--space-5);padding:clamp(32px,6vw,88px);background:#062b6b;color:#fff}.login-marca:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 60% at 100% 0%,rgba(1,102,255,.85),transparent 62%),radial-gradient(60% 70% at 0% 100%,rgba(45,176,255,.35),transparent 65%)}html[data-contraste=alto] .login-marca:before{display:none}.login-ciudad{display:block;width:auto;height:clamp(48px,4vw + 28px,72px);align-self:flex-start}.login-title{font-size:clamp(2.25rem,1.6rem + 2.4vw,3.5rem);font-weight:850;letter-spacing:-.045em;line-height:1}.login-subtitle{font-size:1.125rem;line-height:1.45;max-width:30ch;color:#fffffff0}.login-roles{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.login-roles li{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:var(--radius-full);background:#ffffff1f;border:1px solid rgba(255,255,255,.22);font-size:.8125rem;font-weight:650}.login-roles li:before{content:"";width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px #fff}.rol-direccion:before{background:#1e40af}.rol-docente:before{background:#0369a1}.rol-estudiante:before{background:#6d28d9}.rol-familia:before{background:#0f766e}.login-promesas{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);max-width:44ch}.login-promesas li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:.9375rem;line-height:1.45;color:#fffffff0}.login-promesas svg{flex-shrink:0;margin-top:2px;color:#2db0ff}.login-promesas strong{color:#fff}.login-card{align-self:center;justify-self:center;width:min(440px,100%);padding:clamp(24px,5vw,56px) clamp(20px,4vw,40px);display:flex;flex-direction:column;gap:var(--space-5)}.login-form-titulo{font-size:1.75rem;font-weight:800;letter-spacing:-.03em}.login-form-bajada{margin-top:-12px;color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:.875rem;font-weight:650;color:var(--text-primary)}.login-field input{width:100%;min-height:48px;padding:0 14px;background:var(--bg-panel);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.login-field input::placeholder{color:var(--text-muted)}.login-equipo{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:var(--text-primary);cursor:pointer}.login-equipo input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--acento)}.login-equipo span{display:flex;flex-direction:column;gap:2px}.login-equipo small{font-size:.8125rem;color:var(--text-secondary);line-height:1.45}.login-field input:focus{border-color:var(--acento);box-shadow:0 0 0 3px var(--cyan-glow)}.login-password-wrap{position:relative}.login-eye-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:40px;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--text-subtle)}.login-eye-btn:hover{color:var(--text-primary);background:var(--bg-surface)}.login-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:var(--radius-md);background:var(--acento);color:#fff;font-size:1rem;font-weight:700;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.login-submit:hover:not(:disabled){background:var(--acento-hover);box-shadow:var(--shadow-cyan-strong)}.login-submit:disabled{opacity:.75;cursor:progress}.login-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:login-gira .7s linear infinite}@keyframes login-gira{to{transform:rotate(360deg)}}.login-separador{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.8125rem;font-weight:600}.login-separador:before,.login-separador:after{content:"";flex:1;height:1px;background:var(--border-color)}.login-cidituc{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 16px;border-radius:var(--radius-md);background:#1b86e3;color:#fff;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.login-cidituc:hover{background:#1672c4;box-shadow:0 6px 18px #1b86e359;color:#fff}.login-cidituc:focus-visible{outline:3px solid #1b86e3;outline-offset:3px}.login-cidituc[aria-busy=true]{opacity:.85;pointer-events:none}.login-cidituc img{height:22px;width:auto;flex-shrink:0}.login-cidituc-ayuda{margin:-8px 0 0;color:var(--text-muted);font-size:.8125rem;text-align:center}.login-error{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:var(--danger-light);border:1px solid rgba(220,38,38,.25);color:var(--danger-ink);font-size:.875rem;font-weight:550}.login-error svg{flex-shrink:0;margin-top:2px}.login-aviso{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:var(--warning-light);border:1px solid rgba(180,83,9,.25);color:var(--warning-ink);font-size:.875rem;font-weight:550}.login-aviso svg{flex-shrink:0;margin-top:2px}.login-demo{padding-top:var(--space-5);border-top:1px solid var(--border-color)}.login-demo-title{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:var(--space-3)}.login-demo-grid{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.login-demo-btn{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:8px 12px 8px 16px;position:relative;border-radius:var(--radius-md);background:var(--bg-panel);border:1px solid var(--border-color);text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.login-demo-btn:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--demo-color, var(--acento))}.login-demo-btn:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.demo-role{font-size:.6875rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--demo-color, var(--acento))}.demo-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.demo-docente{--demo-color: #0369A1}.demo-direccion{--demo-color: #1E40AF}.demo-estudiante{--demo-color: #6D28D9}.demo-familia{--demo-color: #0F766E}@media(max-width:860px){.login-layout{grid-template-columns:1fr;align-content:start}.login-marca{gap:var(--space-3);padding:calc(28px + env(safe-area-inset-top)) 20px 28px;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.login-ciudad{height:40px}.login-title{font-size:2rem}.login-subtitle{font-size:.9375rem;max-width:none}.login-roles{gap:6px}.login-roles li{font-size:.75rem;padding:4px 10px 4px 6px}.login-roles li:before{width:10px;height:10px}.login-promesas{display:none}.login-card{padding:24px 20px calc(32px + env(safe-area-inset-bottom));gap:var(--space-4)}}.login-page{background:#12355e;color:#102b50}.login-layout{position:relative;isolation:isolate;min-height:100svh;padding:24px;grid-template-columns:minmax(0,34fr) minmax(0,66fr)}.login-board{position:absolute;inset:10px;z-index:0;border:2px solid #96afd033;border-radius:25px;background:radial-gradient(ellipse at 87% 14%,#335986 0,transparent 64%),linear-gradient(120deg,#113668,#193b61 60%,#244a73);box-shadow:inset 0 0 0 5px #bed5ef08,inset 0 0 80px #08265033;overflow:hidden;user-select:none;-webkit-user-select:none}.login-board:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' opacity='.10' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.3}.login-chalk{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;z-index:1}.login-doodles{position:absolute;right:1%;width:26%;height:100%;color:#b8d7ff;opacity:.18;pointer-events:none}.login-board-heading{position:absolute;right:1.7%;top:30px;width:24%;text-align:center;color:#f2f6ff;pointer-events:none;z-index:2}.login-board-heading span{display:block;color:#c0d7f6;letter-spacing:2px;font-size:.5rem}.login-board-heading b{display:block;font:400 clamp(.875rem,1.3vw,1.4375rem)/1.5 "Segoe Print",var(--font-sans);margin-top:5px;letter-spacing:.2px}.login-chalk-tools{position:absolute;right:1.7%;top:100px;width:24%;display:flex;align-items:center;justify-content:center;gap:10px;z-index:3}.login-chalk-tools button{color:#edf5ff;border:1px solid #bed8fc55;border-radius:8px;font-size:.625rem;height:30px;padding:0 10px;background:#132f5129;cursor:pointer}.login-chalk-tools .login-chalk-color{width:24px;height:24px;padding:0;border:3px solid #30537c;border-radius:50%;box-shadow:0 0 0 1px #a4c5ef55}.login-chalk-tools .login-chalk-color[aria-pressed=true]{box-shadow:0 0 0 2px #edf5ff}.login-chalk-tools button:focus-visible{outline:3px solid #f4dc61;outline-offset:3px}.login-chalk-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.login-marca{position:relative;z-index:1;isolation:auto;overflow:visible;background:transparent;border:0;padding:40px clamp(20px,2.5vw,52px);gap:27px;pointer-events:none}.login-marca:before{display:none}.login-ciudad{width:160px;height:auto}.login-title{font-size:clamp(1.875rem,3.15vw,3.5rem);font-weight:800;letter-spacing:-1.7px;white-space:nowrap}.login-title span{color:#f4dc00}.login-subtitle{font-size:1rem;line-height:1.65;max-width:30ch;color:#e2ecfc}.login-roles{gap:8px}.login-roles li{background:#ffffff08;border-color:#ffffff2e;font-size:.6875rem;font-weight:550;padding:6px 10px}.login-roles li:before{width:7px;height:7px;box-shadow:none;border:1.5px solid #d9eaff;background:#88c5ff}.login-roles .rol-estudiante:before{background:#f4dc61;border-color:#fff5bd}.login-promesas{border-top:1px solid #c1d7f52b;padding-top:23px;margin-top:3px;gap:20px}.login-promesas li{color:#dce8fa;font-size:.8125rem;line-height:1.65;gap:12px}.login-promesas svg{color:#8fceff}.login-access{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-content:center;align-items:center;padding:65px 16px 75px;pointer-events:none}.login-card{position:relative;z-index:2;pointer-events:auto;width:100%;max-width:490px;min-width:0;padding:30px 25px 25px;gap:20px;background:#f8faffcc;border:1px solid #eef5ffa6;border-radius:21px;box-shadow:0 14px 40px #0b284523,0 1px #fff5 inset;transition:background-color .24s ease,border-color .24s ease}.login-card:focus-within{background:#f8faff;border-color:#fff}.login-eyebrow{color:#3d6494;font-weight:700;font-size:.5625rem;letter-spacing:1.8px}.login-form-titulo{color:#102b50;font-size:2.25rem;line-height:1.15;font-weight:750;letter-spacing:-1.1px;margin-top:-7px}.login-form-bajada{color:#4d6484;font-size:.9375rem;line-height:1.6;margin-top:-10px}.login-form{gap:20px}.login-field{gap:8px}.login-field label{color:#173657;font-size:.875rem}.login-field input{background:#fff;color:#142e50;border-color:#bdcfe6;border-radius:11px;min-height:57px;font-size:.875rem;padding:0 16px}.login-field input::placeholder{color:#617996}.login-field input:focus{border-color:#0665f5;box-shadow:0 0 0 3px #0665f51a}.login-field input[aria-invalid=true]{border-color:var(--danger)}.login-password-wrap input{padding-right:52px}.login-eye-btn{color:#53739a}.login-eye-btn:hover{background:#e6effd}.login-equipo{color:#233f65;font-size:.8125rem;gap:10px}.login-equipo small{font-size:.6875rem;color:#4e6789;line-height:1.5}.login-equipo input{accent-color:#0665f5}.login-submit{min-height:57px;border-radius:11px;background:#0665f5;color:#fff;font-size:1.0625rem;box-shadow:0 4px 12px #075be71a}.login-submit:hover:not(:disabled){background:#0758d5}.login-migue{position:relative;z-index:1;justify-self:center;width:100%;max-width:370px;margin-top:90px;margin-bottom:35px;pointer-events:none}.login-migue-model{width:100%;aspect-ratio:.65;max-height:570px;opacity:.9;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 77%,transparent 99%);-webkit-mask-image:linear-gradient(#000 0%,#000 77%,transparent 99%)}.login-migue-model canvas{display:block;width:100%;height:100%}.login-migue-model[data-state=unavailable]{visibility:hidden}.login-migue p{text-align:center;font-size:.6875rem;line-height:1.7;color:#cfdef2;margin:4px -5px 0}.login-migue strong{display:block;font-size:.9375rem;font-weight:600;color:#fff}.login-migue span{display:block}.login-school-footer{position:absolute;left:35%;right:27%;bottom:27px;text-align:center;color:#c1d3e9;font-size:.625rem;letter-spacing:.25px;pointer-events:none;z-index:1}@media(min-width:1550px){.login-layout{padding:35px}.login-board{inset:14px}.login-marca{padding-left:clamp(30px,2.5vw,70px);padding-right:40px;gap:31px}.login-ciudad{width:175px}.login-subtitle{font-size:1.125rem}.login-promesas li{font-size:.9375rem}.login-roles li{font-size:.8125rem}.login-access{padding:75px 28px 90px}.login-card{padding:36px 32px 28px}.login-board-heading{top:43px}.login-chalk-tools{top:130px}.login-school-footer{bottom:35px}.login-migue{max-width:410px}.login-migue-model{max-height:630px}}@media(min-width:861px)and (max-width:1100px){.login-layout{padding:17px;grid-template-columns:minmax(0,31fr) minmax(0,69fr)}.login-board{inset:7px;border-radius:20px}.login-marca{padding:36px 15px 50px;gap:23px}.login-ciudad{width:135px}.login-title{font-size:1.6875rem;letter-spacing:-1px}.login-subtitle{font-size:.875rem}.login-roles{gap:6px}.login-roles li{font-size:.625rem;padding:5px 8px}.login-promesas{padding-top:18px;gap:16px}.login-promesas li{font-size:.75rem}.login-access{padding:64px 11px 85px;gap:10px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.login-card{padding:24px 16px 20px}.login-form-bajada{font-size:.875rem}.login-field input{font-size:.75rem;padding-left:12px}.login-board-heading,.login-chalk-tools{width:25%;right:1.3%}.login-board-heading{top:27px}.login-chalk-tools{top:88px;gap:7px}.login-school-footer{left:34%;right:28%;bottom:26px;font-size:.5rem}.login-migue{margin-top:85px;margin-bottom:32px}.login-migue strong{font-size:.75rem}.login-migue p{font-size:.625rem}}@media(max-width:860px){.login-layout{padding:14px;grid-template-columns:1fr;align-content:start}.login-board{inset:6px;border-radius:18px}.login-chalk{pointer-events:none;touch-action:auto}.login-board-heading,.login-chalk-tools,.login-doodles,.login-migue{display:none}.login-marca{padding:30px 22px 22px;gap:16px;border-radius:0;pointer-events:auto}.login-ciudad{width:120px}.login-title{font-size:2.1875rem;letter-spacing:-1px}.login-subtitle{font-size:.875rem;max-width:420px}.login-promesas{display:none}.login-access{display:flex;position:relative;padding:8px 16px 65px;justify-content:center}.login-card{background:#f8faff;max-width:460px;padding:25px 21px 22px}.login-form-titulo{font-size:1.875rem}.login-school-footer{left:12px;right:12px;bottom:21px;font-size:.5625rem}.login-roles li{font-size:.625rem}}@media(prefers-reduced-motion:reduce){.login-card{transition:none}}html[data-contraste=alto] .login-board{background:#072652;border-color:#fff;box-shadow:none}html[data-contraste=alto] .login-card{background:#fff;color:#102b50;border-color:#fff}html[data-contraste=alto] .login-doodles,html[data-contraste=alto] .login-chalk{visibility:hidden}