:root{--azul-oscuro: #002850;--azul-noche: #001c33;--azul-medio: #00497f;--azul: #003cff;--azul-claro: #0086ff;--naranja: #f58c00;--naranja-fuerte: #ff6a00;--purpura: #320791;--fondo: #f3f6fb;--superficie: #ffffff;--borde: #dde4ef;--texto: #0d1b2e;--texto-suave: #5b6b82;--ok: #0f9d58;--error: #d93025;--aviso: #f58c00;--radio: 14px;--sombra: 0 6px 24px rgba(0, 40, 80, .08)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:Poppins,Barlow,system-ui,sans-serif;font-size:14px;color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:1.6rem;color:var(--azul-oscuro)}h2{font-size:1.1rem;color:var(--azul-oscuro)}a{color:var(--azul)}.encabezado{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.encabezado p{margin:4px 0 0;color:var(--texto-suave)}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:20px;min-width:0}.tarjeta>h2{margin-bottom:14px}.rejilla{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:16px}.boton{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:10px 20px;font:inherit;font-weight:600;cursor:pointer;background:var(--naranja);color:#fff;text-decoration:none;transition:background .15s,transform .15s}.boton:hover:not(:disabled){background:var(--naranja-fuerte)}.boton:active:not(:disabled){transform:translateY(1px)}.boton:disabled{opacity:.55;cursor:not-allowed}.boton.secundario{background:var(--azul)}.boton.secundario:hover:not(:disabled){background:#0030cc}.boton.borde{background:transparent;color:var(--azul-oscuro);box-shadow:inset 0 0 0 1.5px var(--borde)}.boton.borde:hover:not(:disabled){background:var(--fondo)}.boton.chico{padding:6px 14px;font-size:.85rem}label.campo{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:500;color:var(--texto-suave)}input,select,textarea{font:inherit;color:var(--texto);border:1.5px solid var(--borde);border-radius:10px;padding:9px 12px;background:#fff;min-width:0}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 3px #003cff1f}.formulario{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.formulario label.campo{flex:1 1 180px}.tabla-contenedor{overflow-x:auto}table{width:100%;border-collapse:collapse}table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-suave);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--borde);white-space:nowrap}table td{padding:12px;border-bottom:1px solid var(--borde);vertical-align:middle}table tr:last-child td{border-bottom:0}table .num{text-align:right;font-variant-numeric:tabular-nums}.etiqueta{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;background:#e8eefc;color:var(--azul-medio);white-space:nowrap}.etiqueta.ok{background:#e3f5ec;color:var(--ok)}.etiqueta.error{background:#fde8e7;color:var(--error)}.etiqueta.aviso{background:#fff1dd;color:#b06300}.etiqueta.gris{background:#eef1f5;color:var(--texto-suave)}.alerta{padding:12px 16px;border-radius:10px;margin-bottom:16px;background:#e8eefc;color:var(--azul-oscuro)}.alerta.error{background:#fde8e7;color:#8c1d16}.alerta.ok{background:#e3f5ec;color:#0b6b3c}.suave{color:var(--texto-suave)}.vacio{text-align:center;padding:32px;color:var(--texto-suave)}.interruptor{position:relative;width:42px;height:24px;border-radius:999px;border:0;background:#c8d1de;cursor:pointer;transition:background .15s;flex-shrink:0}.interruptor:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.interruptor.activo{background:var(--ok)}.interruptor.activo:after{transform:translate(18px)}.interruptor:disabled{opacity:.5;cursor:not-allowed}.paginador{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;color:var(--texto-suave)}
