:root{--azul: #0b3d64;--azul-claro: #14568c;--azul-suave: #e8f0f7;--dorado: #b8892b;--verde: #1d8a4e;--verde-suave: #e6f5ec;--rojo: #c02c2c;--rojo-suave: #fdeaea;--ambar: #b8730b;--ambar-suave: #fdf3e2;--texto: #16212b;--texto-suave: #5a6672;--borde: #dfe5ea;--fondo: #f4f6f9;--panel: #ffffff;--radio: 10px;--radio-s: 6px;--sombra: 0 1px 3px rgba(16, 33, 48, .07), 0 6px 18px rgba(16, 33, 48, .05);--sombra-lg: 0 10px 40px rgba(16, 33, 48, .18);--fuente: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--fuente);background:var(--fondo);color:var(--texto);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--azul-claro);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .4rem;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.03rem}.app{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;background:var(--azul);color:#dce7f0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .marca{padding:1.1rem 1.15rem;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar .marca b{display:block;color:#fff;font-size:1.02rem;letter-spacing:.3px}.sidebar .marca span{font-size:.74rem;color:#9fb9d0;text-transform:uppercase;letter-spacing:1px}.sidebar nav{padding:.7rem .55rem;overflow-y:auto;flex:1}.sidebar nav a{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;margin-bottom:2px;color:#cfe0ee;border-radius:var(--radio-s);font-size:.9rem;text-decoration:none}.sidebar nav a:hover{background:#ffffff17;color:#fff;text-decoration:none}.sidebar nav a.activo{background:#fff;color:var(--azul);font-weight:600}.sidebar .grupo{font-size:.68rem;text-transform:uppercase;letter-spacing:1.1px;color:#7e9cb6;padding:.9rem .75rem .3rem}.sidebar .pie{padding:.85rem 1rem;border-top:1px solid rgba(255,255,255,.12);font-size:.78rem;color:#9fb9d0}.principal{flex:1;min-width:0;display:flex;flex-direction:column}.barra{background:var(--panel);border-bottom:1px solid var(--borde);padding:.75rem 1.4rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.barra .usuario{display:flex;align-items:center;gap:.7rem;font-size:.86rem}.avatar{width:34px;height:34px;border-radius:50%;background:var(--azul-suave);color:var(--azul);display:grid;place-items:center;font-weight:700;font-size:.82rem}.contenido{padding:1.4rem;max-width:1340px;width:100%}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:1.1rem}.tarjeta+.tarjeta{margin-top:1rem}.tarjeta .cabecera{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:-.15rem 0 .9rem}.grid{display:grid;gap:1rem}.grid-4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.kpi{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);padding:1rem 1.1rem;box-shadow:var(--sombra)}.kpi .etiqueta{font-size:.76rem;text-transform:uppercase;letter-spacing:.7px;color:var(--texto-suave)}.kpi .valor{font-size:1.9rem;font-weight:700;color:var(--azul);line-height:1.2;margin-top:.2rem}.kpi .nota{font-size:.78rem;color:var(--texto-suave)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .95rem;border:1px solid transparent;border-radius:var(--radio-s);background:var(--azul);color:#fff;font-size:.87rem;font-family:inherit;font-weight:500;cursor:pointer;transition:filter .15s,background .15s}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sec{background:#fff;color:var(--texto);border-color:var(--borde)}.btn.sec:hover:not(:disabled){background:#f4f6f9}.btn.peligro{background:var(--rojo)}.btn.ok{background:var(--verde)}.btn.chico{padding:.32rem .62rem;font-size:.79rem}.btn.bloque{width:100%}.campo{margin-bottom:.85rem}.campo label{display:block;font-size:.81rem;font-weight:600;color:var(--texto-suave);margin-bottom:.3rem}input,select,textarea{width:100%;padding:.52rem .68rem;border:1px solid var(--borde);border-radius:var(--radio-s);font-family:inherit;font-size:.89rem;background:#fff;color:var(--texto)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--azul-claro);box-shadow:0 0 0 3px #14568c1f}textarea{resize:vertical;min-height:76px}.fila{display:flex;gap:.8rem;flex-wrap:wrap}.fila>*{flex:1;min-width:160px}.check{display:flex;align-items:center;gap:.45rem;font-size:.87rem}.check input{width:auto}.tabla-wrap{overflow-x:auto;border-radius:var(--radio-s)}table{width:100%;border-collapse:collapse;font-size:.86rem}th{text-align:left;padding:.55rem .7rem;background:#f7f9fb;color:var(--texto-suave);font-size:.74rem;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--borde);white-space:nowrap}td{padding:.58rem .7rem;border-bottom:1px solid #eef1f4;vertical-align:middle}tbody tr:hover{background:#fafbfd}.acciones{display:flex;gap:.35rem;flex-wrap:wrap}.tag{display:inline-block;padding:.16rem .55rem;border-radius:999px;font-size:.74rem;font-weight:600;white-space:nowrap}.tag.ok{background:var(--verde-suave);color:var(--verde)}.tag.error{background:var(--rojo-suave);color:var(--rojo)}.tag.aviso{background:var(--ambar-suave);color:var(--ambar)}.tag.info{background:var(--azul-suave);color:var(--azul)}.tag.neutro{background:#eef1f4;color:var(--texto-suave)}.progreso{height:7px;background:#e8ecf0;border-radius:999px;overflow:hidden}.progreso>span{display:block;height:100%;background:var(--azul-claro);border-radius:999px;transition:width .3s}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1e308c;display:grid;place-items:center;padding:1rem;z-index:100}.modal{background:#fff;border-radius:var(--radio);box-shadow:var(--sombra-lg);width:100%;max-width:620px;max-height:90vh;display:flex;flex-direction:column}.modal.ancho{max-width:900px}.modal header{padding:.9rem 1.1rem;border-bottom:1px solid var(--borde);display:flex;justify-content:space-between;align-items:center}.modal .cuerpo{padding:1.1rem;overflow-y:auto}.modal footer{padding:.8rem 1.1rem;border-top:1px solid var(--borde);display:flex;justify-content:flex-end;gap:.5rem}.cerrar{background:none;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--texto-suave);padding:0 .2rem}.aviso{padding:.65rem .85rem;border-radius:var(--radio-s);font-size:.87rem;margin-bottom:.9rem}.aviso.error{background:var(--rojo-suave);color:var(--rojo);border:1px solid #f3c9c9}.aviso.ok{background:var(--verde-suave);color:var(--verde);border:1px solid #bfe3ce}.aviso.info{background:var(--azul-suave);color:var(--azul);border:1px solid #cfe0ee}.vacio{text-align:center;padding:2.4rem 1rem;color:var(--texto-suave)}.vacio .icono{font-size:2.4rem;opacity:.45;display:block;margin-bottom:.4rem}.suave{color:var(--texto-suave)}.pequeno{font-size:.8rem}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:.8rem;word-break:break-all}.centro{text-align:center}.derecha{text-align:right}.mt{margin-top:1rem}.mb{margin-bottom:1rem}.login-pagina{min-height:100vh;display:grid;place-items:center;padding:1.2rem;background:linear-gradient(135deg,#0b3d64,#14568c 55%,#0e2b45)}.login-caja{background:#fff;border-radius:14px;box-shadow:var(--sombra-lg);width:100%;max-width:400px;padding:2rem 1.9rem}.login-caja .logo{text-align:center;margin-bottom:1.4rem}.login-caja .logo .sello{width:60px;height:60px;margin:0 auto .7rem;border-radius:50%;background:var(--azul-suave);color:var(--azul);display:grid;place-items:center;font-size:1.7rem}.login-caja h1{font-size:1.25rem;color:var(--azul)}.curso-tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);overflow:hidden;display:flex;flex-direction:column}.curso-tarjeta .portada{height:108px;background:linear-gradient(135deg,var(--azul),var(--azul-claro));display:grid;place-items:center;color:#fff;font-size:2rem;background-size:cover;background-position:center}.curso-tarjeta .cuerpo{padding:.9rem 1rem;flex:1;display:flex;flex-direction:column;gap:.45rem}.curso-tarjeta .cuerpo h3{font-size:.97rem}.lista-modulos{display:flex;flex-direction:column;gap:.4rem}.modulo-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border:1px solid var(--borde);border-radius:var(--radio-s);background:#fff;cursor:pointer;text-align:left;font-family:inherit;font-size:.88rem;width:100%}.modulo-item:hover{border-color:var(--azul-claro);background:#fbfcfe}.modulo-item.activo{border-color:var(--azul);background:var(--azul-suave)}.modulo-item .num{width:25px;height:25px;border-radius:50%;background:#eef1f4;color:var(--texto-suave);display:grid;place-items:center;font-size:.76rem;font-weight:700;flex-shrink:0}.modulo-item.hecho .num{background:var(--verde-suave);color:var(--verde)}.pregunta{border:1px solid var(--borde);border-radius:var(--radio-s);padding:.9rem 1rem;margin-bottom:.8rem}.pregunta .enunciado{font-weight:600;margin-bottom:.6rem}.alternativa{display:flex;align-items:flex-start;gap:.55rem;padding:.45rem .6rem;border-radius:var(--radio-s);cursor:pointer;font-size:.88rem}.alternativa:hover{background:#f6f8fa}.alternativa input{width:auto;margin-top:.18rem;flex-shrink:0}.verificar-pagina{min-height:100vh;background:var(--fondo)}.verificar-cabecera{background:var(--azul);color:#fff;padding:1.6rem 1.2rem;text-align:center}.verificar-cuerpo{max-width:720px;margin:0 auto;padding:1.4rem 1.2rem 3rem}.sello-resultado{border-radius:var(--radio);padding:1.3rem;text-align:center;margin-bottom:1.1rem;border:2px solid}.sello-resultado.valido{background:var(--verde-suave);border-color:var(--verde);color:var(--verde)}.sello-resultado.invalido{background:var(--rojo-suave);border-color:var(--rojo);color:var(--rojo)}.sello-resultado .icono{font-size:2.6rem;display:block;margin-bottom:.3rem}.sello-resultado h2{color:inherit}.datos-lista{display:grid;gap:.1rem}.datos-lista .fila-dato{display:flex;justify-content:space-between;gap:1rem;padding:.5rem .2rem;border-bottom:1px solid #eef1f4;font-size:.88rem}.datos-lista .fila-dato:last-child{border-bottom:none}.datos-lista .fila-dato b{color:var(--texto-suave);font-weight:600}@media(max-width:860px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.sidebar nav{display:flex;flex-wrap:wrap;gap:.25rem}.sidebar nav a{flex:0 0 auto}.sidebar .grupo,.sidebar .pie{display:none}.contenido{padding:1rem}}