:root{--azul: #123E5C;--azul-hondo: #0C2C42;--hueso: #F4F1EC;--naranja: #FF8E40;--naranja-h: #E85D1F;--naranja-tenue: rgba(255, 142, 64, .12);--texto: #1A1F26;--texto-suave: #5F6B78;--texto-tenue: #9BA8B5;--borde: #E5E9EE;--fondo: #F2F4F7;--superficie: #FFFFFF;--exito: #2E8B57;--aviso: #E08B00;--peligro: #C0392B;--radio: 8px;--radio-g: 12px}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--azul)}.cabecera{background:var(--azul-hondo);color:#fff;padding:14px 24px;display:flex;align-items:center;gap:16px}.cabecera .marca{font-weight:700;letter-spacing:4px;font-size:13px}.cabecera .marca span{color:var(--naranja)}.cabecera nav{display:flex;gap:18px;margin-left:24px;flex:1}.cabecera nav a{color:#ffffffb8;text-decoration:none;font-size:14px;padding-bottom:2px}.cabecera nav a.activo{color:#fff;border-bottom:2px solid var(--naranja)}.cabecera .quien{font-size:13px;color:#fff9}main{max-width:1100px;margin:0 auto;padding:28px 24px 64px}h1{font-size:26px;margin:0 0 4px;color:var(--azul-hondo)}h2{font-size:18px;margin:32px 0 12px;color:var(--azul-hondo)}.sub{color:var(--texto-suave);font-size:14px;margin:0 0 24px}.tarjeta{background:var(--superficie);border-radius:var(--radio-g);padding:20px;margin-bottom:16px}table{width:100%;border-collapse:collapse;background:var(--superficie);border-radius:var(--radio-g);overflow:hidden}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--texto-suave);padding:12px 16px;border-bottom:1px solid var(--borde);font-weight:600}td{padding:14px 16px;border-bottom:1px solid var(--borde);font-size:14px}tbody tr:last-child td{border-bottom:none}tbody tr.clicable{cursor:pointer}tbody tr.clicable:hover{background:var(--fondo)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.apagado{color:var(--texto-tenue)}.etiqueta{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.etiqueta.activo{background:#2e8b571f;color:var(--exito)}.etiqueta.inactivo{background:#9ba8b52e;color:var(--texto-suave)}.etiqueta.aviso{background:#e08b0024;color:var(--aviso)}label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--texto-suave);margin-bottom:6px;font-weight:600}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--borde);border-radius:var(--radio);font:inherit;font-size:15px;background:#fff;color:var(--texto)}input:focus,select:focus,textarea:focus{outline:2px solid var(--azul);outline-offset:-1px}.campo{margin-bottom:14px}.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}button{padding:10px 18px;border:none;border-radius:var(--radio);background:var(--naranja);color:#fff;font:inherit;font-weight:600;cursor:pointer}button:hover:not(:disabled){background:var(--naranja-h)}button:disabled{opacity:.45;cursor:not-allowed}button.secundario{background:transparent;color:var(--azul);border:1px solid var(--borde)}button.secundario:hover:not(:disabled){background:var(--fondo)}button.peligro{background:var(--peligro)}.acciones{display:flex;gap:10px;margin-top:8px}.error,.aviso,.exito{padding:12px 14px;border-radius:var(--radio);font-size:14px;margin-bottom:14px;border-left:3px solid}.error{background:#c0392b12;border-color:var(--peligro);color:var(--peligro)}.aviso{background:#e08b0017;border-color:var(--aviso);color:#8a5600}.exito{background:#2e8b5714;border-color:var(--exito);color:var(--exito)}.vacio,.cargando{color:var(--texto-suave);padding:32px;text-align:center}.pantalla-ingreso{min-height:100vh;display:grid;place-items:center;background:var(--azul-hondo);padding:24px}.caja-ingreso{width:100%;max-width:380px;background:#fff;border-radius:var(--radio-g);padding:28px}.caja-ingreso .kicker{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--naranja-h);font-weight:700}.caja-ingreso h1{margin:4px 0 0}.caja-ingreso .raya{width:46px;height:3px;background:var(--naranja);margin:10px 0 20px}.pie-ingreso{text-align:center;margin-top:20px;font-size:12px;color:#ffffff59;font-family:ui-monospace,monospace}.cambio{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.cambio .antes{color:var(--peligro);text-decoration:line-through}.cambio .despues{color:var(--exito)}.fondo-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c2c428c;display:grid;place-items:center;padding:20px;z-index:50;overflow-y:auto}.modal{background:var(--superficie);border-radius:var(--radio-g);padding:24px;width:100%;max-width:560px;max-height:calc(100vh - 40px);overflow-y:auto}.modal h2{margin-top:0}.modal .cerrar{float:right;background:none;color:var(--texto-suave);font-size:22px;line-height:1;padding:0 4px}.modal .cerrar:hover{background:none;color:var(--texto)}