@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;700;800&display=swap";:root{--color-primary: #4F46E5;--color-primary-light: #6366F1;--color-primary-dark: #4338CA;--color-primary-glow: rgba(79, 70, 229, .15);--color-accent: #0284C7;--color-accent-light: #38BDF8;--color-accent-dark: #0369A1;--color-success: #059669;--color-success-light: #10B981;--color-warning: #D97706;--color-danger: #E11D48;--color-danger-light: #F43F5E;--surface-base: #F8FAFC;--surface-1: #FFFFFF;--surface-2: #F1F5F9;--surface-3: #E2E8F0;--surface-border: #E2E8F0;--surface-border-2: #CBD5E1;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-inverse: #FFFFFF;--gradient-hero: linear-gradient(180deg, #FFFFFF 0%, #F0F7FF 60%, #EEF2FF 100%);--gradient-card: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);--gradient-primary: linear-gradient(135deg, #4F46E5 0%, #0284C7 100%);--gradient-gold: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-silver: linear-gradient(135deg, #94A3B8 0%, #475569 100%);--gradient-bronze: linear-gradient(135deg, #D97706 0%, #B45309 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .06), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-glow: 0 4px 14px 0 rgba(79, 70, 229, .2);--shadow-glow-accent: 0 4px 14px 0 rgba(6, 182, 212, .2);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--font-sans-custom: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-sans)}button,input,select,textarea,optgroup{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;font-family:var(--font-sans)}body{font-family:var(--font-sans);background-color:var(--surface-base);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.02em}.tab-underline-bar{display:flex;align-items:center;gap:4px;border-bottom:2px solid var(--surface-border, #E2E8F0);margin-bottom:28px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap}.tab-underline-bar::-webkit-scrollbar{display:none}.tab-underline-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:none;background:transparent;cursor:pointer;font-family:var(--font-sans)!important;font-size:.88rem;font-weight:600;color:var(--text-muted, #64748B);border-bottom:2.5px solid transparent;margin-bottom:-2px;transition:all .15s ease;white-space:nowrap}.tab-underline-btn:hover{color:var(--text-primary, #0F172A)}.tab-underline-btn.active{font-weight:800;color:var(--color-primary, #4F46E5);border-bottom-color:var(--color-primary, #4F46E5)}.tab-underline-btn.active-success{font-weight:800;color:var(--color-success, #059669);border-bottom-color:var(--color-success, #059669)}.tab-underline-badge{font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:9999px;background:#f1f5f9;color:#64748b;transition:all .15s ease}.tab-underline-btn.active .tab-underline-badge{background:#eef2ff;color:var(--color-primary, #4F46E5)}*{scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent!important}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px;border:1px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.25;color:var(--text-primary);letter-spacing:-.025em}h1{font-size:clamp(1.6rem,4.5vw,3.25rem)}h2{font-size:clamp(1.25rem,3vw,2rem)}h3{font-size:clamp(1.05rem,2.2vw,1.45rem)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;min-height:40px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.88rem;font-weight:700;cursor:pointer;border:1.5px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 1px 3px #4f46e533}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff;box-shadow:0 4px 12px #4f46e540}.btn-primary:active{background:var(--color-primary-dark)}.btn-secondary{background:#fff;color:var(--text-primary);border:1.5px solid #CBD5E1;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:#f8fafc;border-color:var(--color-primary);color:var(--color-primary)}.tab-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-bottom:12px}.tab-bar .btn{border-radius:9999px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.tab-bar .btn-secondary{background:#fff;border:1.5px solid #E2E8F0;color:var(--text-secondary)}.tab-bar .btn-secondary:hover{background:#eef2ff;border-color:#c7d2fe;color:var(--color-primary)}.btn-danger{background:#fef2f2;color:var(--color-danger);border:1.5px solid #FECACA}.btn-danger:hover{background:var(--color-danger);color:#fff}.btn-lg{padding:14px 26px;font-size:1rem;min-height:48px;border-radius:var(--radius-md)}.btn-sm{padding:6px 14px;font-size:.8rem;min-height:32px;border-radius:var(--radius-sm)}.card{background:var(--surface-1);border:1.5px solid var(--surface-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.card:hover{border-color:#cbd5e1;box-shadow:var(--shadow-lg)}.card-glass{background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1.5px solid var(--surface-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg)}.input{width:100%;padding:12px 14px;background:#fff;border:1.5px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;min-height:44px;transition:all var(--transition-fast);outline:none;box-shadow:var(--shadow-sm)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.input::placeholder{color:#94a3b8}.input.is-error,.input.error,.floating-input.is-error,.floating-input.error,.floating-field.is-error .floating-input,.floating-field.error .floating-input{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.floating-field.is-error .floating-label,.floating-field.error .floating-label{color:#dc2626!important}.field-error-msg{font-size:.74rem;color:#dc2626;font-weight:700;margin-top:4px;display:block;line-height:1.35}select,select.input,.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%234F46E5' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px!important;cursor:pointer;border-radius:12px;font-weight:600;transition:all .15s ease}select:hover,select.input:hover,.select:hover{border-color:#94a3b8;background-color:#f8fafc}select:focus,select.input:focus,.select:focus{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px var(--color-primary-glow)}select option{background-color:#fff;color:#0f172a;font-size:.92rem;font-weight:600;padding:10px 14px}input[type=checkbox],.checkbox-modern{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;min-width:20px;min-height:20px;border-radius:6px;border:1.8px solid #CBD5E1;background-color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;flex-shrink:0;box-shadow:0 1px 2px #0000000d}input[type=checkbox]:hover{border-color:#94a3b8;background-color:#f8fafc}input[type=checkbox]:focus-visible{border-color:var(--color-primary, #4F46E5);box-shadow:0 0 0 3px #4f46e533}input[type=checkbox]:checked{background-color:var(--color-primary, #4F46E5);border-color:var(--color-primary, #4F46E5);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:13px;box-shadow:0 2px 8px #4f46e559}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}@keyframes fadeInScale{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.label{display:block;font-size:.78rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.04em;text-transform:uppercase}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.badge-success{background:#ecfdf5;color:#059669;border:1px solid #A7F3D0}.badge-warning{background:#fffbeb;color:#d97706;border:1px solid #FDE68A}.badge-danger{background:#fef2f2;color:#dc2626;border:1px solid #FECACA}.badge-info{background:#f0f9ff;color:#0284c7;border:1px solid #BAE6FD}.badge-primary{background:#eef2ff;color:#4f46e5;border:1px solid #C7D2FE}.badge-secondary{background:#f1f5f9;color:#475569;border:1px solid #CBD5E1}.stat-card,.kpi-card{background:#fff;border:1.5px solid #E2E8F0;border-radius:16px;padding:16px 20px;box-shadow:0 1px 3px #0000000a;display:flex;justify-content:space-between;align-items:center;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.stat-card:hover,.kpi-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.stat-label,.kpi-label{font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;line-height:1.2}.stat-value,.kpi-value{font-size:1.65rem;font-weight:900;line-height:1.2;margin-top:3px}.stat-icon,.kpi-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1.5px solid var(--surface-border);background:#fff;box-shadow:var(--shadow-md)}table{width:100%;border-collapse:collapse;min-width:600px}thead th{background:#f8fafc;padding:12px 14px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);text-align:left;border-bottom:1.5px solid var(--surface-border);white-space:nowrap}tbody td{padding:12px 14px;border-top:1px solid var(--surface-border);font-size:.88rem;color:var(--text-primary)}tbody tr:hover{background:#f8fafc}.podio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:flex-end}.podio-card{border-radius:var(--radius-xl);padding:28px 18px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;box-shadow:var(--shadow-lg);transition:transform var(--transition-slow)}.podio-card:hover{transform:translateY(-4px)}.podio-1{background:linear-gradient(145deg,#fff,#fffbeb);border:2px solid #FCD34D;box-shadow:0 12px 32px #f59e0b26;order:2}.podio-2{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #CBD5E1;order:1}.podio-3{background:linear-gradient(145deg,#fff,#fff7ed);border:2px solid #FDBA74;order:3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #4f46e533}50%{box-shadow:0 0 30px #4f46e566}}.animate-fade-up{animation:fadeInUp .4s ease forwards}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.container{max-width:1280px;margin:0 auto;padding:0 20px}.container-sm{max-width:640px;margin:0 auto;padding:0 16px}.container-md{max-width:960px;margin:0 auto;padding:0 16px}.navbar{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1.5px solid var(--surface-border);padding:0 20px;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.navbar-brand{display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.mono{font-family:var(--font-mono);font-size:.88em;color:var(--color-primary);font-weight:600}.hero{background:var(--gradient-hero);position:relative;overflow:hidden;padding:clamp(40px,8vw,80px) 20px;text-align:center;border-bottom:1.5px solid var(--surface-border)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(79,70,229,.08) 0%,transparent 70%);pointer-events:none}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.alert{padding:12px 16px;border-radius:var(--radius-md);font-size:.88rem;font-weight:600;display:flex;align-items:flex-start;gap:10px}.alert-info{background:#f0f9ff;border:1.5px solid #BAE6FD;color:#0369a1}.alert-success{background:#ecfdf5;border:1.5px solid #A7F3D0;color:#047857}.alert-warning{background:#fffbeb;border:1.5px solid #FDE68A;color:#b45309}.alert-danger{background:#fef2f2;border:1.5px solid #FECACA;color:#be123c}.tab-bar{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px;scrollbar-width:none;white-space:nowrap}.tab-bar::-webkit-scrollbar{display:none}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr);gap:16px}.container{padding:0 16px}.card{padding:20px}}@media(max-width:768px){.grid-2,.grid-3,.grid-4,.podio-grid{grid-template-columns:1fr;gap:14px}.podio-1{order:1}.podio-2{order:2}.podio-3{order:3}.navbar{padding:10px 16px;height:auto}.btn{padding:8px 16px;font-size:.85rem}.btn-lg{padding:12px 20px;font-size:.95rem}.card{padding:18px 14px;border-radius:var(--radius-md)}.container{padding:0 12px}.modal-card{max-width:100%!important;border-radius:20px 20px 0 0!important;max-height:94vh!important;padding:20px 16px!important}}@media(max-width:480px){.navbar{flex-direction:column;align-items:stretch;gap:8px}.navbar>div{justify-content:space-between}.btn{font-size:.82rem}.stat-card{padding:16px}}#qr-reader,#qr-reader-salida{position:relative!important;width:100%!important;border:none!important;background:#0f172a!important;overflow:hidden!important;border-radius:10px!important}#qr-reader video,#qr-reader-salida video{width:100%!important;height:auto!important;max-height:380px!important;object-fit:cover!important;border-radius:8px!important;display:block!important;margin:0 auto!important}#qr-reader canvas,#qr-reader-salida canvas{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important;display:none!important}#qr-reader #qr-shaded-region,#qr-reader-salida #qr-shaded-region{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;pointer-events:none!important}#qr-reader img,#qr-reader-salida img{display:none!important}#qr-reader video~video,#qr-reader-salida video~video,.crono-main-container{padding:24px 32px;max-width:1600px;margin:0 auto}.crono-clock-card{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:20px 28px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;box-shadow:0 10px 25px -5px #0000004d;border-radius:var(--radius-lg)}.crono-time-display{font-size:clamp(1.9rem,5vw,2.8rem);font-weight:900;font-family:monospace;letter-spacing:.04em;color:#f8fafc}.crono-grid-container{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}@media(max-width:960px){.crono-main-container{padding:12px}.crono-clock-card{padding:14px 16px;margin-bottom:16px;flex-direction:column;align-items:stretch;gap:12px}.crono-grid-container{display:flex!important;flex-direction:column!important;gap:16px!important}.crono-time-display{font-size:2.1rem;text-align:center}}.floating-field{position:relative;width:100%}.floating-input{width:100%;height:52px;padding:14px 16px;border-radius:12px;border:1.5px solid var(--border-color, #E2E8F0);background:var(--surface-card, #FFFFFF);font-size:.95rem;font-weight:600;color:var(--text-primary, #0F172A);transition:border-color .2s ease,box-shadow .2s ease;outline:none;font-family:inherit}.floating-input:focus{border-color:var(--color-primary, #4F46E5);box-shadow:0 0 0 3.5px #4f46e51f}.floating-input.mono{font-family:JetBrains Mono,Roboto Mono,monospace;letter-spacing:.12em;font-weight:800}.floating-label{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted, #94A3B8);font-size:.78rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;pointer-events:none;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:5px;background:transparent;padding:0 6px;line-height:1;z-index:5;white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.floating-field.active .floating-label,.floating-field:focus-within .floating-label{top:0;transform:translateY(-50%);font-size:.68rem;font-weight:800;background:#fff!important;border-radius:6px;padding:2px 7px;box-shadow:0 0 0 2px #fff;z-index:10}.floating-field.is-focused .floating-label,.floating-field:focus-within .floating-label{color:var(--color-primary, #4F46E5)!important}.floating-field:not(.is-focused):not(:focus-within).active .floating-label{color:var(--text-secondary, #64748B)}.responsive-form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;align-items:start}.responsive-form-grid-2{display:grid;grid-template-columns:1.35fr .85fr;gap:14px;margin-bottom:20px;align-items:start}@media(max-width:540px){.responsive-form-grid-3,.responsive-form-grid-2{grid-template-columns:1fr;gap:14px;margin-bottom:14px}}.floating-select{width:100%;height:52px;padding:14px 38px 14px 16px;border-radius:12px;border:1.5px solid var(--border-color, #E2E8F0);background:var(--surface-card, #FFFFFF) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;font-size:.92rem;font-weight:700;color:var(--text-primary, #0F172A);transition:border-color .2s ease,box-shadow .2s ease;outline:none;cursor:pointer;font-family:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}.floating-select:focus{border-color:var(--color-primary, #4F46E5);box-shadow:0 0 0 3.5px #4f46e51f}.floating-field.is-error .floating-select,.floating-field.error .floating-select{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.inscripcion-header-wrap{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px}.inscripcion-stepper-wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;background:#fff;padding:16px 24px;border-radius:16px;border:1.5px solid #E2E8F0;box-shadow:0 1px 3px #00000005}.inscripcion-card-box{padding:32px;background:#fff;border-radius:20px;border:1.5px solid #E2E8F0;box-shadow:0 4px 20px -2px #0000000d}.grid-dni-fecha{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-nombres-apellidos{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.grid-nivel-grado{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-yape-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;margin-bottom:28px}.grid-yape-inputs{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}.carnet-body-grid{display:grid;grid-template-columns:1fr 130px;gap:20px;align-items:center}.carnet-meta-grid{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:10px;background:#f8fafc;padding:10px 14px;border-radius:10px;border:1px solid #E2E8F0}.nav-buttons-wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}@media(max-width:768px){.inscripcion-card-box{padding:20px 16px!important;border-radius:16px!important}.grid-dni-fecha{grid-template-columns:1fr!important;gap:14px!important}.grid-nombres-apellidos{grid-template-columns:1fr!important;gap:12px!important}.grid-nivel-grado{grid-template-columns:1fr!important;gap:14px!important}.grid-yape-layout{grid-template-columns:1fr!important;gap:20px!important}.grid-yape-inputs{grid-template-columns:1fr!important;gap:12px!important}.carnet-body-grid{grid-template-columns:1fr!important;text-align:center;gap:18px!important}.carnet-meta-grid{grid-template-columns:1fr!important;text-align:left;gap:8px!important}.inscripcion-stepper-wrap{padding:12px 14px!important}.stepper-text{display:none!important}.stepper-line{margin:0 6px!important}}@media(max-width:520px){.inscripcion-header-wrap{flex-direction:column;align-items:stretch!important;text-align:center}.nav-buttons-wrap{flex-direction:column-reverse!important}.nav-buttons-wrap button,.nav-buttons-wrap a,.btn-full-mobile{width:100%!important;justify-content:center!important}}.only-print{display:none!important}@media print{@page{size:A4 portrait;margin:8mm 10mm}html,body{background:#fff!important;padding:0!important;margin:0!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}main{background:#fff!important;padding:0!important;margin:0!important;width:100%!important;min-height:0!important;height:auto!important;overflow:visible!important;display:block!important}.only-print{display:block!important}header,.inscripcion-stepper-wrap,.carnet-success-banner,.nav-buttons-wrap,.no-print,nav,aside,.admin-sidebar-desktop,.admin-mobile-topbar,footer{display:none!important;height:0!important;width:0!important;margin:0!important;padding:0!important;position:static!important}#carnet-imprimible{border:2px solid #0F172A!important;box-shadow:none!important;border-radius:12px!important;padding:24px!important;margin:0 auto!important;max-width:700px!important;page-break-inside:avoid!important;background:#fff!important;display:block!important}.carnet-body-grid{display:grid!important;grid-template-columns:1fr 140px!important;gap:20px!important;align-items:center!important;text-align:left!important}.carnet-meta-grid{display:grid!important;grid-template-columns:1fr 1.2fr 1.2fr!important;background:#f8fafc!important;border:1px solid #CBD5E1!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.carnet-print-instruction{display:block!important}}.canmat-top-banner{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important}.canmat-banner-inner{width:100%!important;max-width:1280px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;flex-wrap:wrap!important;text-align:center!important}.canmat-banner-content{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-weight:800!important;font-size:.88rem!important;color:#fff!important;text-align:center!important}.canmat-banner-btn{background:#fff!important;font-weight:800!important;font-size:.82rem!important;padding:6px 16px!important;border-radius:9999px!important;text-decoration:none!important;box-shadow:0 2px 10px #00000029!important;display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;flex-shrink:0!important;transition:transform .15s ease,box-shadow .15s ease!important}.canmat-banner-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 14px #00000038!important}@media(max-width:640px){.canmat-top-banner{padding:9px 12px!important}.canmat-banner-inner{flex-direction:column!important;gap:7px!important}.canmat-banner-content{font-size:.82rem!important;line-height:1.3!important;gap:7px!important}.canmat-banner-btn{font-size:.76rem!important;padding:5px 14px!important}}.portal-header-title-box{margin-bottom:20px;text-align:left}.portal-header-badge{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;border:1px solid #BFDBFE;color:#1d4ed8;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:9999px;margin-bottom:8px}.portal-header-h1{font-size:1.85rem;font-weight:900;color:#0f172a;letter-spacing:-.03em;line-height:1.15;margin:0 0 6px}.portal-header-sub{font-size:.92rem;color:#64748b;margin:0;line-height:1.45}@media(max-width:640px){.portal-header-h1{font-size:1.5rem}.portal-header-sub{font-size:.85rem}}.portal-tabs-nav{display:flex;align-items:center;gap:8px;border-bottom:2px solid #E2E8F0;margin-bottom:22px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.portal-tabs-nav::-webkit-scrollbar{display:none}.portal-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;font-size:.93rem;font-weight:700;color:#64748b;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.portal-tab-btn:hover{color:#0f172a;background:#f1f5f999}.portal-tab-btn.active{color:#0284c7;border-bottom-color:#0284c7;background:transparent}@media(max-width:600px){.portal-tab-btn{padding:9px 12px;font-size:.82rem;gap:6px}}.student-card-main{background:#fff;border:1px solid #E2E8F0;border-radius:18px;padding:20px 22px;box-shadow:0 4px 18px #0000000a;margin-bottom:22px}@media(max-width:640px){.student-card-main{padding:14px;border-radius:16px}}.student-card-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #F1F5F9}.btn-logout-portal{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.78rem;color:#dc2626;background:#fef2f2;border:1.5px solid #FECACA;border-radius:10px;padding:6px 12px;min-height:34px;cursor:pointer;flex-shrink:0;transition:all .15s ease}.btn-logout-portal:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c;transform:translateY(-1px)}.student-blocks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;box-sizing:border-box}@media(max-width:900px){.student-blocks-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:600px){.student-blocks-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}.student-block{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0;box-sizing:border-box;box-shadow:0 1px 3px #00000005;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}@media(max-width:600px){.student-block{padding:8px 10px}}.student-block:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d;border-color:#cbd5e1}.student-block-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.student-block-icon-badge{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.student-block-label{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0;line-height:1.2}.student-block-value{font-size:.88rem;font-weight:800;color:#0f172a;line-height:1.25;white-space:normal!important;word-break:break-word!important;overflow:visible!important;text-overflow:unset!important}@media(max-width:600px){.student-block-value{font-size:.82rem}}.student-block-blue{border-left:3.5px solid #0284C7}.student-block-blue .student-block-icon-badge{background:#eff6ff;color:#0284c7}.student-block-school{border-left:3.5px solid #475569}.student-block-school .student-block-icon-badge{background:#f1f5f9;color:#475569}.student-block-purple{border-left:3.5px solid #9333EA}.student-block-purple .student-block-icon-badge{background:#faf5ff;color:#9333ea}.student-block-green{border-left:3.5px solid #16A34A}.student-block-green .student-block-icon-badge{background:#f0fdf4;color:#16a34a}.room-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;box-sizing:border-box;margin-bottom:14px}@media(max-width:480px){.room-mini-grid{gap:6px}}.room-mini-box{padding:11px 8px;border-radius:12px;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1.5px solid #E2E8F0;box-shadow:0 1px 4px #00000005;position:relative;transition:all .15s ease}.room-mini-box:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000000a}.room-mini-box.assigned{background:#f0f7ff;border-color:#bae6fd}.room-mini-box-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:4px;margin-bottom:2px;color:#64748b}.room-mini-box.assigned .room-mini-box-label{color:#0284c7}.room-mini-box-val{font-size:1.15rem;font-weight:900;color:#0f172a;line-height:1.15;word-break:break-word}.room-mini-box.assigned .room-mini-box-val{color:#0369a1}.badge-status-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:9999px;font-size:.7rem;font-weight:800;letter-spacing:.03em}.badge-status-chip.warning{background:#fef3c7;color:#b45309;border:1px solid #FDE68A}.badge-status-chip.success{background:#dcfce7;color:#166534;border:1px solid #86EFAC}.results-alert-banner{background:linear-gradient(135deg,#059669,#047857);color:#fff;border-radius:16px;padding:14px 18px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;box-shadow:0 4px 16px #05966938}.pulse-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:9999px;font-size:.65rem;font-weight:900;background:#dcfce7;color:#15803d;border:1px solid #86EFAC}.pulse-dot{width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 #16a34ab3;animation:pulse-ring 1.8s infinite}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #16a34ab3}70%{transform:scale(1);box-shadow:0 0 0 6px #16a34a00}to{transform:scale(.95);box-shadow:0 0 #16a34a00}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portal-view-container{max-width:860px;margin:0 auto;padding:16px 14px 44px;display:flex;flex-direction:column;gap:14px;box-sizing:border-box;width:100%}@media(max-width:640px){.portal-view-container{max-width:100%;padding:10px 10px 36px;gap:10px}}.student-profile-header-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:14px 16px;box-shadow:0 2px 12px -2px #0000000a;display:flex;align-items:center;gap:14px;box-sizing:border-box}.student-avatar-glow{width:48px;height:48px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:900;flex-shrink:0;box-shadow:0 6px 16px -3px #6366f166}.student-profile-details{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.student-profile-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.student-profile-name{font-size:1.05rem;font-weight:900;color:#0f172a;margin:0;line-height:1.2;letter-spacing:-.02em;word-break:break-word;text-transform:uppercase}.badge-inscrito{background:#dcfce7;color:#15803d;border:1px solid #BBF7D0;font-size:.65rem;font-weight:900;padding:1.5px 7px;border-radius:9999px;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center}.student-profile-chips-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;align-items:center}.chip-level{background:#eff6ff;color:#2563eb;border:1px solid #BFDBFE;font-size:.7rem;font-weight:800;padding:2px 7px;border-radius:6px;letter-spacing:.02em;text-transform:uppercase;display:inline-block;max-width:100%}.chip-grade{background:#eef2ff;color:#4f46e5;font-size:.7rem;font-weight:800;padding:2.5px 7px;border-radius:6px;letter-spacing:.02em;text-transform:uppercase;display:inline-block;max-width:100%}.chip-school{background:#f1f5f9;color:#334155;font-size:.7rem;font-weight:800;padding:2.5px 7px;border-radius:6px;display:inline-block;max-width:100%;word-break:break-word;text-transform:uppercase}.chip-dni{background:#f8fafc;border:1px solid #E2E8F0;color:#0f172a;font-family:var(--font-mono, monospace);font-size:.7rem;font-weight:800;padding:2.5px 7px;border-radius:6px;display:inline-block}.portal-tabs-segmented{display:flex;gap:4px;border-bottom:2px solid #E2E8F0;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none}.portal-tabs-segmented::-webkit-scrollbar{display:none}.portal-tab-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:none;background:transparent;color:#475569;font-size:.82rem;font-weight:700;cursor:pointer;border-bottom:2.5px solid transparent;border-radius:8px 8px 0 0;transition:all .15s ease;white-space:nowrap}.portal-tab-pill:hover{color:#4f46e5;background:#4f46e50a}.portal-tab-pill.active{color:#4f46e5;background:#eef2ff;border-bottom-color:#4f46e5;font-weight:800}.portal-card-location{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:16px 18px;box-shadow:0 2px 14px -2px #0000000a;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.portal-card-location-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.portal-card-location-title{display:flex;align-items:center;gap:7px;font-size:.96rem;font-weight:900;color:#0f172a;margin:0}.portal-pin-icon-wrap{width:26px;height:26px;border-radius:50%;background:#eef2ff;color:#6366f1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.portal-boxes-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;box-sizing:border-box}@media(max-width:440px){.portal-boxes-grid-2col{gap:6px}}.portal-box-tile{background:#f8fafc;border:1px solid #F1F5F9;border-radius:12px;padding:9px 12px;display:flex;flex-direction:column;justify-content:center;min-height:52px;box-sizing:border-box;transition:transform .15s ease,border-color .15s ease}.portal-box-tile:hover{border-color:#cbd5e1}.portal-box-tile-label{font-size:.62rem;font-weight:800;color:#64748b;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px;line-height:1.2}.portal-box-tile-value{font-size:.9rem;font-weight:900;color:#0f172a;line-height:1.2;word-break:break-word}.portal-box-tile-value.highlight-purple{color:#4f46e5}.portal-banner-horario{background:#fef3c7;border:1px solid #FDE68A;color:#92400e;padding:9px 12px;border-radius:12px;font-size:.76rem;font-weight:700;line-height:1.35;display:flex;align-items:center;gap:8px}.btn-imprimir-carnet-full{width:100%;min-height:46px;background:#4f46e5;color:#fff;border:none;border-radius:14px;font-size:.95rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 6px 16px -2px #4f46e559;transition:all .2s ease}.btn-imprimir-carnet-full:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 8px 20px -2px #4f46e573}.btn-imprimir-carnet-full:active{transform:translateY(0)}.btn-portal-exit-square{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1.5px solid #E2E8F0;border-radius:10px;background:#fff;color:#475569;cursor:pointer;transition:all .2s ease}.btn-portal-exit-square:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.floating-whatsapp-btn{position:fixed;bottom:18px;right:18px;z-index:99;display:inline-flex;align-items:center;gap:6px;padding:6px 13px 6px 10px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff!important;font-size:.78rem;font-weight:700;border-radius:9999px;text-decoration:none;box-shadow:0 4px 14px -1px #25d36666,0 2px 6px #0000000f;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.3);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:-.01em}.floating-whatsapp-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px -2px #25d3668c,0 4px 8px #0000001a;color:#fff!important}.floating-whatsapp-btn:active{transform:translateY(0) scale(.97)}@media(max-width:640px){.floating-whatsapp-btn{bottom:14px;right:14px;padding:5px 11px 5px 8px;font-size:.74rem;gap:5px}}.results-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;box-sizing:border-box}@media(max-width:640px){.results-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.stat-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:12px 14px;text-align:center;box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column;align-items:center;justifyContent:center;box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease}@media(max-width:640px){.stat-card{padding:8px 10px;border-radius:10px}}.stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000000a}.stat-header{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:2px}.stat-num{font-size:1.35rem;font-weight:900;line-height:1.1}@media(max-width:640px){.stat-num{font-size:1.25rem}}.stat-lbl{font-size:.68rem;font-weight:800;color:#64748b;letter-spacing:.03em;text-transform:uppercase}.stat-correctas .stat-header{color:#16a34a}.stat-incorrectas .stat-header{color:#dc2626}.stat-omisiones .stat-header{color:#d97706}.stat-total .stat-header{color:#4f46e5}.results-action-buttons{display:flex;gap:10px;flex-wrap:wrap;justifyContent:center;width:100%;box-sizing:border-box}.btn-diploma{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;font-weight:800;box-shadow:0 4px 14px #d9770640;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:.88rem;color:#fff;cursor:pointer;transition:all .2s ease}.btn-whatsapp{color:#15803d;border:1px solid #BBF7D0;background:#f0fdf4;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:.88rem;cursor:pointer;transition:all .2s ease}@media(max-width:640px){.results-action-buttons{flex-direction:column;gap:8px}.btn-diploma,.btn-whatsapp{width:100%;padding:10px 14px;font-size:.84rem}}.omr-viewer-card{padding:20px;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}@media(max-width:640px){.omr-viewer-card{padding:14px 12px;border-radius:12px}}.omr-viewer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:10px;width:100%}.omr-viewer-title{font-size:1.05rem;font-weight:900;color:#0f172a;margin:0;display:flex;align-items:center;gap:8px;min-width:0}@media(max-width:640px){.omr-viewer-title{font-size:.88rem;line-height:1.3}}.omr-toolbar-wrap{display:flex;gap:6px;align-items:center;flex-wrap:wrap;max-width:100%}.omr-zoom-group{display:flex;gap:4px;align-items:center}@media(max-width:640px){.omr-toolbar-wrap{width:100%;justifyContent:space-between;gap:6px}.omr-zoom-group{display:flex;gap:4px;flex:1}.omr-btn-zoom{padding:6px 8px!important;font-size:.72rem!important;flex:1;text-align:center}.omr-btn-download{font-size:.74rem!important;padding:6px 10px!important;white-space:nowrap}}.portal-card-calificado{background:linear-gradient(135deg,#f0fdf4,#fff);border:1.5px solid #86EFAC;border-radius:16px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;box-shadow:0 2px 12px -2px #16a34a14;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.portal-card-calificado:hover{border-color:#4ade80;box-shadow:0 4px 16px -2px #16a34a24}.portal-calificado-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.portal-calificado-icon{width:36px;height:36px;border-radius:10px;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.portal-calificado-info{display:flex;flex-direction:column;gap:2px;min-width:0}.portal-calificado-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.portal-calificado-title{font-size:.9rem;font-weight:800;color:#14532d;line-height:1.25}.portal-calificado-score-badge{display:inline-flex;align-items:center;background:#16a34a;color:#fff;font-size:.72rem;font-weight:900;padding:2px 8px;border-radius:9999px;letter-spacing:.02em}.portal-calificado-desc{font-size:.76rem;color:#15803d;line-height:1.35}.portal-calificado-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#16a34a;color:#fff;font-size:.78rem;font-weight:800;padding:8px 16px;border-radius:9999px;border:none;cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .15s ease;white-space:nowrap}.portal-calificado-btn:hover{background:#15803d}@media(max-width:640px){.portal-card-calificado{flex-direction:column;align-items:stretch;padding:12px 14px;gap:10px}.portal-calificado-left{align-items:center;gap:10px}.portal-calificado-icon{width:32px;height:32px;border-radius:8px}.portal-calificado-title{font-size:.86rem}.portal-calificado-desc{font-size:.73rem}.portal-calificado-btn{width:100%;padding:8px 12px;font-size:.78rem}}.omr-legend-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:10px;padding:6px 14px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:9999px;width:fit-content;margin-left:auto;margin-right:auto;box-sizing:border-box}@media(max-width:480px){.omr-legend-footer{width:100%;border-radius:10px;gap:8px;padding:6px 8px}}.omr-legend-badge{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:700}.omr-legend-badge.green{color:#15803d}.omr-legend-badge.red{color:#b91c1c}.omr-legend-badge.orange{color:#b45309}.omr-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.omr-dot.green{background:#10b981}.omr-dot.red{background:#ef4444}.omr-dot.orange{background:#f59e0b}