:root{--brand:#ff671f;--brand-dark:#e0520f;--brand-soft:#fff1e9;--brand-ring:#ff671f2e;--ink:#18181b;--muted:#5b6170;--surface:#fff;--surface-2:#f8f9fb;--canvas:#f2f3f6;--border:#e6e8ee;--border-strong:#d5d9e2;--nav-bg:#141414;--nav-bg-2:#1f1f1f;--radius-lg:18px;--radius-md:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #1118270d, 0 1px 3px #1118270a;--shadow-md:0 8px 24px #11182714;--shadow-lg:0 20px 45px #11182724;--ease:cubic-bezier(.22, 1, .36, 1);--fuente-titulos:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bs-primary:#ff671f;--bs-primary-rgb:255, 103, 31;--bs-link-color:#0037a4;--bs-link-color-rgb:0, 55, 164;--bs-link-hover-color:#002a7d;--bs-body-color:#18181b;--bs-border-color:#e6e8ee;--bs-success:#16a34a;--bs-success-rgb:22, 163, 74}*{scrollbar-width:thin}html,body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif}body{font-size:15px}h1,h2,h3,h4,h5,.modal-title{font-family:var(--fuente-titulos);letter-spacing:-.01em}h5{font-size:1.02rem;font-weight:700}.text-muted{color:var(--muted)!important}.shell{flex-direction:column;min-height:100vh;display:flex}.shell-top{z-index:30;background:linear-gradient(90deg, var(--nav-bg), var(--nav-bg-2));color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex;position:-webkit-sticky;position:sticky;top:0;box-shadow:0 2px 10px #0000002e}.shell-marca{align-items:center;gap:10px;min-width:0;display:flex}.shell-marca-texto{line-height:1.05;font-family:var(--fuente-titulos);flex-direction:column;display:flex}.shell-marca-texto strong{letter-spacing:.04em;font-size:1.12rem;font-weight:800}.shell-marca-texto strong em{color:var(--brand);font-style:normal}.shell-marca-texto span{letter-spacing:.14em;text-transform:uppercase;color:#fff9;font-size:.7rem;font-weight:600}.shell-usuario{align-items:center;gap:8px;min-width:0;display:flex}.avatar{background:var(--brand);color:#fff;width:36px;height:36px;font-size:.85rem;font-weight:700;font-family:var(--fuente-titulos);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.shell-usuario-texto{flex-direction:column;min-width:0;margin-right:6px;line-height:1.15;display:flex}.shell-usuario-texto strong{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.88rem;overflow:hidden}.shell-usuario-texto span{letter-spacing:.08em;color:#fff9;font-size:.7rem}.btn.btn-barra{color:#ffffffe6;background:#ffffff14;border:1px solid #ffffff24;min-height:36px;padding:.35rem .8rem}.btn.btn-barra:hover{color:#fff;background:#ffffff29}.shell-cuerpo{flex:1;align-items:flex-start;width:100%;max-width:1360px;margin:0 auto;display:flex}.shell-nav{flex:0 0 248px;max-height:calc(100vh - 56px);padding:20px 12px 24px;position:-webkit-sticky;position:sticky;top:56px;overflow-y:auto}.menu-grupo+.menu-grupo{margin-top:18px}.menu-grupo-titulo{letter-spacing:.1em;text-transform:uppercase;color:#8a8f9c;padding:0 12px 6px;font-size:.7rem;font-weight:700}.shell-nav ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.menu-item{border-radius:var(--radius-sm);color:#3a3f4b;text-align:left;width:100%;min-height:42px;transition:background-color .15s var(--ease), color .15s var(--ease);background:0 0;border:0;align-items:center;gap:10px;padding:8px 12px;font-size:.92rem;font-weight:500;display:flex}.menu-item:hover{color:var(--ink);background:#1118270d}.menu-item:focus-visible{outline:3px solid var(--brand-ring);outline-offset:1px}.menu-item.activo{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm), inset 3px 0 0 var(--brand);font-weight:600}.menu-icono{background:#1118270d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;display:inline-flex}.menu-item.activo .menu-icono{background:var(--brand-soft)}.menu-texto{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.menu-badge{background:var(--brand);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-flex}.shell-main{flex:1;min-width:0;max-width:1060px;padding:20px 24px 24px 8px}.panel-pestana{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px;display:none}.panel-pestana.activo{animation:fadeInUp .3s var(--ease);display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:991.98px){.shell-cuerpo{flex-direction:column;align-items:stretch}.shell-nav{z-index:25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);scrollbar-width:none;background:#f2f3f6eb;flex:none;gap:6px;max-height:none;padding:10px 16px;display:flex;position:-webkit-sticky;position:sticky;top:56px;overflow-x:auto;overflow-y:hidden}.shell-nav::-webkit-scrollbar{display:none}.menu-grupo,.menu-grupo+.menu-grupo{margin:0;display:flex}.menu-grupo-titulo{display:none}.shell-nav ul{gap:6px;display:flex}.menu-item{background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:999px;width:auto;min-height:40px;padding:6px 12px 6px 6px}.menu-item.activo{background:var(--nav-bg);color:#fff;border-color:var(--nav-bg);box-shadow:none}.menu-item.activo .menu-icono{background:#ffffff24}.menu-icono{border-radius:999px;width:26px;height:26px}.menu-texto{overflow:visible}.shell-main{max-width:none;padding:16px}}@media (max-width:575.98px){.shell-top{padding:8px 12px}.shell-usuario-texto,.ocultar-movil{display:none}.shell-main{padding:12px}.panel-pestana{border-radius:var(--radius-md);padding:18px 16px}.action-bar-sticky{background:var(--surface);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));z-index:20;margin:10px -16px -18px;position:-webkit-sticky;position:sticky;bottom:0;box-shadow:0 -6px 16px #1118271a}}@media (min-width:1440px){body{font-size:15.5px}.panel-pestana{padding:32px 36px}}.app-footer{text-align:center;color:var(--muted);opacity:.75;margin-top:20px;padding:10px 0 4px;font-size:.75rem}.app-footer a{color:inherit;text-decoration:none}.app-footer a:hover{text-decoration:underline}.encabezado-pestana{margin-bottom:22px}.encabezado-fila{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.encabezado-icono{background:var(--brand-soft);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.35rem;display:inline-flex}.encabezado-titulo{flex:1;min-width:0;margin:0;font-size:1.4rem;font-weight:800}.encabezado-acciones{flex-wrap:wrap;gap:8px;display:flex}.encabezado-desc-caja{margin-top:12px;padding-left:56px}.encabezado-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.55;display:-webkit-box;overflow:hidden}.encabezado-desc.abierto{-webkit-line-clamp:unset;display:block}.encabezado-desc p{margin-bottom:.5rem}.encabezado-desc p:last-child{margin-bottom:0}.btn-ver-mas{color:var(--bs-link-color);background:0 0;border:0;margin-top:2px;padding:2px 0;font-size:.82rem;font-weight:600}.btn-ver-mas:hover{text-decoration:underline}@media (max-width:575.98px){.encabezado-icono{width:38px;height:38px;font-size:1.15rem}.encabezado-titulo{font-size:1.2rem}.encabezado-desc-caja{padding-left:0}}.seccion{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px}.seccion-destacado{background:linear-gradient(180deg, #fff8f4, var(--surface) 60%);border-color:#ffd2bb}.seccion-suave{background:var(--surface-2)}.seccion-cabeza{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.seccion-titulo{align-items:center;gap:8px;margin:0;display:flex}.seccion-subtitulo{color:var(--muted);margin-top:2px;font-size:.85rem}.seccion-acciones{flex-wrap:wrap;gap:8px;display:flex}.seccion-cuerpo{padding:16px 18px}@media (max-width:575.98px){.seccion-cabeza{padding:12px 14px}.seccion-cuerpo{padding:14px}}.aviso{border-radius:var(--radius-sm);animation:fadeInUp .3s var(--ease);border:1px solid #0000;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;font-size:.92rem;display:flex}.aviso-icono{flex-shrink:0;font-size:1.1rem}.aviso-texto{flex:1;min-width:0}.aviso-accion{flex-shrink:0}.aviso-info{color:#183b7a;background:#eef4ff;border-color:#d4e2ff}.aviso-exito{color:#14532d;background:#ecfbf1;border-color:#c6eed4}.aviso-alerta{color:#6b4a00;background:#fff8e6;border-color:#fbe3a6}.aviso-error{color:#8a1c1c;background:#fff1f1;border-color:#fbd0d0}.aviso-neutro{background:var(--surface-2);border-color:var(--border);color:var(--muted)}.vacio{text-align:center;border:2px dashed var(--border);border-radius:var(--radius-md);color:var(--muted);padding:36px 16px}.vacio-icono{margin-bottom:6px;font-size:2rem}.vacio-titulo{color:var(--ink);font-weight:700}.vacio-texto{margin-top:4px;font-size:.9rem}.cargando-bloque{color:var(--muted);align-items:center;gap:10px;padding:12px 0;display:flex}.card{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none}.card.shadow-sm{box-shadow:var(--shadow-sm)!important}.card-regla{border-left:5px solid var(--brand);border-radius:var(--radius-sm);transition:box-shadow .2s var(--ease), transform .2s var(--ease);margin-bottom:10px}.card-regla:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.bloque-hoja{background:var(--surface-2);border-radius:var(--radius-sm)}.alert{border-radius:var(--radius-sm);animation:fadeInUp .3s var(--ease);border:1px solid #0000}.alert-info{color:#183b7a;background:#eef4ff;border-color:#d4e2ff}.alert-success{color:#14532d;background:#ecfbf1;border-color:#c6eed4}.alert-warning{color:#6b4a00;background:#fff8e6;border-color:#fbe3a6}.alert-danger{color:#8a1c1c;background:#fff1f1;border-color:#fbd0d0}.badge{border-radius:999px;padding:.38em .7em;font-weight:600}.progress{background:#eceef3;border-radius:999px}.progress-bar{background:linear-gradient(90deg, var(--brand), #ff8a50);border-radius:999px}.progress-bar.bg-success{background:linear-gradient(90deg,#16a34a,#22c55e)!important}.form-control,.form-select{border-radius:var(--radius-sm);border-color:var(--border-strong);min-height:42px;transition:border-color .2s var(--ease), box-shadow .2s var(--ease)}.form-control-sm,.form-select-sm{border-radius:8px;min-height:36px}.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .22rem var(--brand-ring)}.form-label{color:var(--ink);font-size:.88rem;font-weight:600}.form-check-input:checked{background-color:var(--brand);border-color:var(--brand)}.form-check-input:focus{border-color:var(--brand);box-shadow:0 0 0 .22rem var(--brand-ring)}.form-switch .form-check-input:focus:not(:checked){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffb48f'/%3e%3c/svg%3e")}.accordion{--bs-accordion-active-bg:var(--brand-soft);--bs-accordion-active-color:var(--ink);--bs-accordion-btn-focus-box-shadow:0 0 0 .22rem var(--brand-ring);--bs-accordion-border-radius:var(--radius-md);--bs-accordion-inner-border-radius:calc(var(--radius-md) - 1px)}.accordion-button{font-weight:600}.modal-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:0}.modal-header,.modal-footer{border-color:var(--border)}.table{--bs-table-border-color:var(--border)}.table>thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.78rem;font-weight:700}.action-bar-sticky{flex-direction:column;gap:8px;display:flex}.action-bar-sticky>.btn{margin-top:0!important}.btn{border-radius:var(--radius-sm);min-height:44px;transition:transform .15s var(--ease), box-shadow .15s var(--ease), background-color .15s var(--ease), filter .15s var(--ease);padding-top:.55rem;padding-bottom:.55rem;font-weight:600}.btn-sm{min-height:40px;padding:.45rem .9rem;font-size:.88rem}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{box-shadow:0 0 0 .22rem var(--brand-ring)}.btn-primary{--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-bg:var(--brand-dark);--bs-btn-hover-border-color:var(--brand-dark);--bs-btn-active-bg:#c94608;--bs-btn-active-border-color:#c94608;--bs-btn-disabled-bg:#ffb48f;--bs-btn-disabled-border-color:#ffb48f;--bs-btn-focus-shadow-rgb:255, 103, 31;box-shadow:0 6px 14px #ff671f38}.btn-outline-primary{--bs-btn-color:var(--brand-dark);--bs-btn-border-color:#ffc3a5;--bs-btn-hover-bg:var(--brand);--bs-btn-hover-border-color:var(--brand);--bs-btn-hover-color:#fff;--bs-btn-active-bg:var(--brand-dark);--bs-btn-active-border-color:var(--brand-dark);--bs-btn-focus-shadow-rgb:255, 103, 31}.btn-success{--bs-btn-bg:#16a34a;--bs-btn-border-color:#16a34a;--bs-btn-hover-bg:#15803d;--bs-btn-hover-border-color:#15803d}.btn-outline-secondary{--bs-btn-color:#3a3f4b;--bs-btn-border-color:var(--border-strong);--bs-btn-bg:var(--surface);--bs-btn-hover-bg:#f1f2f5;--bs-btn-hover-color:var(--ink);--bs-btn-hover-border-color:#c4c9d4;--bs-btn-active-bg:#e8eaef;--bs-btn-active-color:var(--ink);--bs-btn-active-border-color:#c4c9d4}.btn-outline-danger{--bs-btn-border-color:#f3c2c6}.btn-outline-warning{--bs-btn-color:#a16207;--bs-btn-border-color:#f5d68a;--bs-btn-hover-bg:#facc15;--bs-btn-hover-border-color:#facc15;--bs-btn-hover-color:#422006}.btn-link{--bs-btn-color:var(--bs-link-color);font-weight:600}.btn-loading{pointer-events:none;opacity:.85;justify-content:center;align-items:center;gap:8px;display:inline-flex;cursor:wait!important;transform:none!important}:root{--cda-naranja:#ff671f;--cda-naranja-oscuro:#e0520f;--cda-azul:#0037a4;--cda-naranja-suave:#ffede4;--cda-negro:#111;--cda-negro-2:#262626;--cda-relieve:#e0e5ec;--cda-sombra-relieve:#b8bcc2;--cda-fuente-marca:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.pantalla-auth{z-index:1000;background:radial-gradient(800px 420px at 0% 0%, #ff671f52, transparent 60%), radial-gradient(600px 380px at 100% 100%, #ff671f29, transparent 60%), linear-gradient(160deg, var(--cda-negro-2), var(--cda-negro));flex-direction:column;align-items:center;padding:28px 16px 32px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.auth-marca{color:#fff;animation:fadeInUp .4s var(--ease);margin-top:auto;margin-bottom:20px;position:relative}.auth-marca-texto,.auth-marca-lista,.auth-marca-pie{display:none}.auth-logo{align-items:center;gap:12px;display:flex}.auth-logo svg{filter:drop-shadow(0 6px 14px #ff671f73);flex-shrink:0;width:46px;height:46px}.auth-logo-texto{line-height:1;font-family:var(--cda-fuente-marca);flex-direction:column;display:flex}.auth-logo-texto span{letter-spacing:.32em;color:#ffffffb3;font-size:.72rem;font-weight:600}.auth-logo-texto strong{letter-spacing:.04em;font-size:1.55rem;font-weight:800}.auth-logo-texto strong em{color:var(--cda-naranja);font-style:normal}.login-card{background:var(--surface);width:100%;max-width:420px;animation:fadeInUp .45s var(--ease);border-radius:20px;margin-bottom:auto;padding:36px 32px 28px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}.login-card:before{content:"";background:linear-gradient(90deg, var(--cda-naranja), var(--cda-naranja-oscuro) 60%, var(--cda-negro-2));height:4px;position:absolute;top:0;bottom:auto;left:0;right:0}@media (max-width:400px){.login-card{border-radius:var(--radius-lg);padding:30px 20px 24px}}.login-icon{background:var(--cda-naranja-suave);border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 16px;font-size:26px;display:flex}.login-card h4{font-family:var(--cda-fuente-marca);color:var(--cda-negro);letter-spacing:-.01em;font-size:1.3rem;font-weight:700}.pantalla-auth .form-label{color:var(--cda-negro-2);font-size:.85rem}.pantalla-auth .form-control{background:#f5f5f5;border:1px solid #e3e3e3;border-radius:10px;min-height:46px}.pantalla-auth .form-control:focus{border-color:var(--cda-naranja);background:#fff;box-shadow:0 0 0 4px #ff671f24}.pantalla-auth .btn-primary{letter-spacing:.01em;background:linear-gradient(135deg, var(--cda-naranja), var(--cda-naranja-oscuro));border:0;border-radius:10px;min-height:48px;font-weight:600;box-shadow:0 10px 22px #ff671f47}.pantalla-auth .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ff7a3a,#c94608);box-shadow:0 14px 28px #ff671f5c}.pantalla-auth .btn-primary:focus-visible{background:linear-gradient(135deg,#ff7a3a,#c94608);box-shadow:0 14px 28px #ff671f5c}.pantalla-auth .btn-primary:focus-visible{outline-offset:2px;outline:3px solid #ff671f59}.pantalla-auth .btn-link,.pantalla-auth a{color:var(--cda-azul);font-weight:600;text-decoration:none}.pantalla-auth .btn-link:hover,.pantalla-auth a:hover{color:var(--cda-azul);text-decoration:underline}@media (min-width:992px){.pantalla-auth{background:var(--cda-relieve);flex-direction:row;align-items:stretch;padding:0}.auth-marca{background:radial-gradient(700px 480px at 0% 0%, #ff671f61, transparent 60%), repeating-linear-gradient(115deg, #ffffff06 0 2px, transparent 2px 28px), linear-gradient(160deg, var(--cda-negro-2), var(--cda-negro));flex-direction:column;flex:0 0 46%;max-width:640px;min-height:100%;margin:0;padding:48px 56px;display:flex;overflow:hidden}.auth-marca:after{content:"";pointer-events:none;border:38px solid #0000;border-color:#ff671f8c #0000 #0000 #ffffff0f;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-220px;right:-220px;transform:rotate(-20deg)}.auth-marca>*{z-index:1;position:relative}.auth-marca-texto{max-width:460px;margin-top:auto;display:block}.auth-etiqueta{letter-spacing:.12em;text-transform:uppercase;color:#ffffffd9;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-block}.auth-marca-texto h1{font-family:var(--cda-fuente-marca);letter-spacing:-.02em;margin:20px 0 14px;font-size:max(1.9rem,min(2.6vw,2.6rem));font-weight:800;line-height:1.12}.auth-marca-texto h1 em{color:var(--cda-naranja);font-style:normal}.auth-marca-texto p{color:#ffffffb8;margin:0;font-size:1.02rem;line-height:1.6}.auth-marca-lista{gap:12px;margin:32px 0 auto;padding:0;list-style:none;display:grid}.auth-marca-lista li{color:#ffffffe6;align-items:center;gap:12px;font-weight:500;display:flex}.auth-marca-lista li:before{content:"";background:#ff671f2e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8a50' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") 50%/14px no-repeat;border:1px solid #ff671f66;border-radius:8px;flex-shrink:0;width:26px;height:26px}.auth-marca-pie{color:#ffffff80;padding-top:24px;font-size:.8rem;display:block}.login-card{max-width:440px;box-shadow:12px 12px 28px var(--cda-sombra-relieve), -12px -12px 28px #fff;border:0;margin:auto;padding:44px 40px 34px}}.con-portada .pantalla-auth{background:linear-gradient(160deg, #1111118c, #111111d9), var(--portada-img) center / cover no-repeat, var(--cda-negro)}@media (min-width:992px){.con-portada .pantalla-auth{background:var(--cda-relieve)}.con-portada .auth-marca{background:linear-gradient(0deg, #111111e0, #11111159 55%, #1119), var(--portada-img) center / cover no-repeat, var(--cda-negro)}.con-portada .auth-marca:after{display:none}}.min-w-0{min-width:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.dictado-items-tarjetas{flex-direction:column;gap:8px;max-height:60vh;display:flex;overflow-y:auto}.dictado-item{border:1px solid var(--border);border-left:4px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:10px 12px}.dictado-item.con-excepcion{background:#fff5f5;border-left-color:#dc3545}.dictado-item-desc{color:var(--muted);font-size:.88rem}.dictado-item .btn-sm{min-height:40px}.dictado-item.tocable{cursor:pointer}.dictado-item.tocable:active{background:#f1f5ff}.dictado-busqueda-titulo{color:#dc3545;font-size:1.05rem;font-weight:600}.codigo-qr{margin:0 auto}.codigo-qr svg{width:100%;height:auto;display:block}.visor-imagen-grande{z-index:2000;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.visor-imagen-grande img{border-radius:6px;max-width:100%;max-height:100%}.paso-num{background:var(--nav-bg);color:#fff;min-width:26px;height:26px;font-size:.8rem;font-weight:700;font-family:var(--fuente-titulos);border-radius:8px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.btn.btn-icono{min-width:40px;padding-left:.6rem;padding-right:.6rem}.chip-info{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:inline-flex}.barra-filtros{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 16px;padding:10px 12px;display:flex}.barra-filtros .form-select{width:auto}.avatar-claro{background:var(--brand-soft);color:var(--brand-dark)}.contador-avance{font-family:var(--fuente-titulos);font-size:1.1rem;font-weight:800}.grilla-categorias{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.tarjeta-categoria{--color-cat:var(--brand);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:inset 0 3px 0 var(--color-cat);transition:transform .15s var(--ease), box-shadow .15s var(--ease), border-color .15s var(--ease);flex-direction:column;align-items:flex-start;gap:6px;padding:14px 14px 12px;display:flex;position:relative}.tarjeta-categoria:hover:not(:disabled){border-color:var(--color-cat);box-shadow:inset 0 3px 0 var(--color-cat), var(--shadow-md);transform:translateY(-2px)}.tarjeta-categoria:focus-visible{outline:3px solid var(--brand-ring);outline-offset:2px}.tarjeta-categoria:disabled{opacity:.6}.tarjeta-categoria-num{min-width:30px;height:30px;font-weight:800;font-family:var(--fuente-titulos);color:var(--color-cat);background:color-mix(in srgb, var(--color-cat) 14%, white);border-radius:9px;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.tarjeta-categoria-nombre{color:var(--ink);font-weight:600;line-height:1.25}.tarjeta-categoria-estado{color:var(--muted);font-size:.78rem}.tarjeta-categoria.hecha{background:color-mix(in srgb, var(--color-cat) 7%, white);border-color:color-mix(in srgb, var(--color-cat) 40%, white)}.tarjeta-categoria.hecha .tarjeta-categoria-num{background:var(--color-cat);color:#fff}.tarjeta-categoria.hecha .tarjeta-categoria-estado{color:#15803d;font-weight:600}@media (max-width:575.98px){.grilla-categorias{grid-template-columns:1fr 1fr}}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.kpi{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);padding:12px 14px}.kpi-etiqueta{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.74rem;font-weight:600}.kpi-valor{font-family:var(--fuente-titulos);margin:2px 0 6px;font-size:1.5rem;font-weight:800;line-height:1.2}.kpi-alerta{background:#fff8e6;border-color:#fbe3a6}.kpi-alerta .kpi-valor{color:#a16207}.kpi-info{background:#eef4ff;border-color:#d4e2ff}.kpi-info .kpi-valor{color:#1d4ed8}@media (max-width:767.98px){.kpis{grid-template-columns:1fr 1fr}}.grupo-supervisiones{margin-top:18px}.grupo-cabeza{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.grupo-titulo{font-family:var(--fuente-titulos);font-size:.98rem;font-weight:700}.sup-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .2s var(--ease), border-color .2s var(--ease);margin-bottom:10px;padding:16px 18px}.sup-card:hover{box-shadow:var(--shadow-md)}.sup-card.activa{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.sup-card.terminada{background:linear-gradient(180deg, #f3fcf6, var(--surface) 70%)}.sup-cabeza{align-items:flex-start;gap:12px;display:flex}.sup-nombre{font-size:1.02rem}.sup-pct{font-family:var(--fuente-titulos);white-space:nowrap;font-size:1.6rem;font-weight:800;line-height:1}.sup-pct span{color:var(--muted);margin-left:1px;font-size:.9rem}.sup-acciones{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.lista-usuarios{gap:10px;display:grid}.tarjeta-usuario{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.tarjeta-usuario.pendiente{background:linear-gradient(180deg, #fffbf0, var(--surface) 70%);border-color:#fbe3a6}.tarjeta-usuario-info{align-items:flex-start;gap:12px;display:flex}.fila-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:box-shadow .15s var(--ease);margin-bottom:8px;padding:12px 14px}.fila-item:hover{box-shadow:var(--shadow-sm)}.fila-item-icono{background:var(--surface-2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.fila-nueva{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);margin-top:10px;padding:12px}@media (max-width:575.98px){.aviso{flex-wrap:wrap}.aviso-texto{flex-basis:calc(100% - 40px)}.aviso-accion{margin-left:30px}}