:root{--fondo: #f5f4f0;--superficie: #ffffff;--superficie-2: #faf9f6;--texto: #17171b;--suave: #62626b;--tenue: #8d8d96;--linea: #e4e2dc;--linea-fuerte: #cfccc4;--acento: #1f4fd8;--acento-suave: #e8eefc;--acento-texto: #ffffff;--exito: #17803d;--exito-suave: #e3f3e8;--aviso: #a55a00;--aviso-suave: #fbf0df;--peligro: #b42318;--peligro-suave: #fbe7e5;--neutro-suave: #ecebe7;--sombra: 0 1px 2px rgba(20, 20, 30, .05), 0 4px 16px rgba(20, 20, 30, .04);--radio: 12px;--fuente: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root{--fondo: #111113;--superficie: #19191c;--superficie-2: #1e1e22;--texto: #f1f1f3;--suave: #a7a7b0;--tenue: #7d7d87;--linea: #2a2a2f;--linea-fuerte: #3a3a41;--acento: #7c9cff;--acento-suave: #1c2440;--acento-texto: #0e1222;--exito: #4cc77a;--exito-suave: #13281b;--aviso: #f0a64a;--aviso-suave: #2e2212;--peligro: #ff7a6e;--peligro-suave: #33181a;--neutro-suave: #26262b;--sombra: none;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fondo);color:var(--texto);font-family:var(--fuente);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--acento)}h1,h2,h3{line-height:1.2;margin:0}h1{font-size:24px;font-weight:700;letter-spacing:-.01em}h2{font-size:17px;font-weight:650}h3{font-size:15px;font-weight:650}code,.mono{font-family:var(--mono);font-size:13px}.contenedor{max-width:1120px;margin:0 auto;padding:0 16px}.tarjeta-ui{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);padding:20px}.tarjeta-ui+.tarjeta-ui{margin-top:16px}.encabezado-seccion{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.subtitulo{color:var(--suave);font-size:14px;margin:4px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;border-radius:9px;border:1px solid var(--linea-fuerte);background:var(--superficie);color:var(--texto);font:inherit;font-size:14px;font-weight:550;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{border-color:var(--suave)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primario{background:var(--acento);border-color:var(--acento);color:var(--acento-texto)}.btn-primario:hover{filter:brightness(1.07);border-color:var(--acento)}.btn-peligro{color:var(--peligro)}.btn-chico{min-height:30px;padding:0 10px;font-size:13px;border-radius:7px}.btn-texto{border-color:transparent;background:transparent;color:var(--acento);padding:0 6px}.btn-texto:hover{border-color:transparent;text-decoration:underline}.acciones{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.campo{display:flex;flex-direction:column;gap:6px;min-width:0}.campo-ancho{grid-column:1 / -1}.campo label{font-size:13px;font-weight:600;color:var(--suave)}.campo input,.campo select,.campo textarea{font:inherit;color:var(--texto);background:var(--superficie);border:1px solid var(--linea-fuerte);border-radius:9px;padding:9px 11px;min-height:40px;width:100%}.campo textarea{resize:vertical;min-height:64px}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--acento);outline-offset:-1px;border-color:var(--acento)}.campo.con-error input,.campo.con-error select,.campo.con-error textarea{border-color:var(--peligro)}.ayuda{font-size:12.5px;color:var(--tenue)}.error-campo{font-size:12.5px;color:var(--peligro)}@media(max-width:640px){.campos{grid-template-columns:1fr}}.aviso{border-radius:10px;padding:10px 14px;font-size:14px;margin-bottom:16px}.aviso-error{background:var(--peligro-suave);color:var(--peligro)}.aviso-ok{background:var(--exito-suave);color:var(--exito)}.aviso-info{background:var(--acento-suave);color:var(--texto)}.insignia{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}.insignia:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.insignia-Nuevo{background:var(--acento-suave);color:var(--acento)}.insignia-Pendiente{background:var(--aviso-suave);color:var(--aviso)}.insignia-Pagado{background:var(--exito-suave);color:var(--exito)}.insignia-inactiva{background:var(--neutro-suave);color:var(--suave)}.tabla-envoltura{overflow-x:auto;margin:0 -20px;padding:0 20px}table.tabla{width:100%;border-collapse:collapse;font-size:14px}.tabla th{text-align:left;font-size:12px;font-weight:600;color:var(--tenue);text-transform:uppercase;letter-spacing:.04em;padding:0 12px 10px;border-bottom:1px solid var(--linea);white-space:nowrap}.tabla td{padding:12px;border-bottom:1px solid var(--linea);vertical-align:middle}.tabla tr:last-child td{border-bottom:0}.tabla th:first-child,.tabla td:first-child{padding-left:0}.tabla th:last-child,.tabla td:last-child{padding-right:0}.tabla .num{text-align:right;font-variant-numeric:tabular-nums}.fila-link{cursor:pointer}.fila-link:hover td{background:var(--superficie-2)}.vacio{text-align:center;color:var(--suave);padding:32px 16px}.cargando{color:var(--tenue);padding:24px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
