:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--superficie:#fcfcfb;--tarjeta:#fff;--borde:#e4e3df;--texto:#0b0b0b;--texto-2:#52514e;--acento:#2a78d6;--bueno:#0ca30c;--alerta:#fab219;--critico:#d03b3b}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--superficie:#1a1a19;--tarjeta:#232322;--borde:#3a3936;--texto:#fff;--texto-2:#c3c2b7;--acento:#3987e5}}*{box-sizing:border-box}body{background:var(--superficie);color:var(--texto);margin:0;font:15px/1.5 -apple-system,Segoe UI,Roboto,sans-serif}.contenedor{max-width:1080px;margin:0 auto;padding:24px 20px 60px}header.barra{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:24px;display:flex}.logo{letter-spacing:-.02em;font-size:22px;font-weight:700}.logo span{color:var(--acento)}.barra .acciones{color:var(--texto-2);align-items:center;gap:10px;font-size:13px;display:flex}button{font:inherit;border:1px solid var(--borde);background:var(--tarjeta);color:var(--texto);cursor:pointer;border-radius:8px;padding:6px 14px}button.primario{background:var(--acento);border-color:var(--acento);color:#fff}button:hover{filter:brightness(.96)}.login{background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;max-width:420px;margin:12vh auto 0;padding:32px}.login h1{margin:0 0 4px;font-size:24px}.login p{color:var(--texto-2);margin:0 0 20px;font-size:14px}.login input{width:100%;font:inherit;border:1px solid var(--borde);background:var(--superficie);color:var(--texto);border-radius:8px;margin-bottom:14px;padding:10px 12px}.login .error{color:var(--critico);margin-bottom:10px;font-size:13px}.tiles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:28px;display:grid}.tile{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:16px 18px}.tile .valor{letter-spacing:-.02em;font-size:34px;font-weight:700;line-height:1.1}.tile .etiqueta{color:var(--texto-2);margin-top:4px;font-size:13px}.tile.aceptados .valor{color:var(--bueno)}.tile.rechazados .valor{color:var(--critico)}.panel{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;overflow:hidden}.panel .cabecera{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.panel .cabecera h2{margin:0;font-size:16px}.panel .cabecera select{font:inherit;border:1px solid var(--borde);background:var(--superficie);color:var(--texto);border-radius:7px;padding:5px 8px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--texto-2);border-bottom:1px solid var(--borde);padding:10px 18px;font-size:12.5px;font-weight:500}td{border-bottom:1px solid var(--borde);padding:10px 18px}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer}tbody tr:hover{background:color-mix(in srgb, var(--acento) 6%, transparent)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.vacio{text-align:center;color:var(--texto-2);padding:40px}.insignia{border:1px solid var(--borde);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;display:inline-flex}.insignia:before{content:"";background:var(--texto-2);border-radius:50%;width:8px;height:8px}.insignia.aceptado:before{background:var(--bueno)}.insignia.rechazado:before{background:var(--critico)}.insignia.enviado:before,.insignia.validado:before,.insignia.generado:before{background:var(--alerta)}.detalle{margin-top:16px}.detalle .eventos{margin:0;padding:0;list-style:none}.detalle .eventos li{border-bottom:1px solid var(--borde);gap:14px;padding:10px 18px;font-size:13.5px;display:flex}.detalle .eventos li:last-child{border-bottom:none}.detalle .eventos .cuando{color:var(--texto-2);white-space:nowrap}.aviso-pie{color:var(--texto-2);text-align:center;margin-top:26px;font-size:12.5px}.pestanas{gap:6px;margin-bottom:14px;display:flex}.pestanas button{border:1px solid var(--borde);color:var(--texto-2);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:8px 10px}.pestanas button.activa{background:var(--acento);border-color:var(--acento);color:#fff}.form-crear{border-bottom:1px solid var(--borde);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:12px 18px;display:grid}.key-nueva .key-valor{align-items:center;gap:10px;padding:14px 18px;display:flex}.key-nueva code{background:var(--fondo-2,#7f7f7f14);border:1px solid var(--borde);white-space:nowrap;border-radius:8px;flex:1;padding:10px 12px;overflow-x:auto}.error.banner{color:var(--critico);background:color-mix(in srgb, var(--critico) 8%, var(--tarjeta));border:1px solid color-mix(in srgb, var(--critico) 35%, var(--borde));border-radius:8px;margin:10px 0;padding:10px 14px;font-size:13.5px}.errores-accionables{gap:12px;margin:0;padding:12px 18px 18px;list-style:none;display:grid}.tarjeta-error{border:1px solid var(--borde);border-left:3px solid var(--critico);background:var(--tarjeta);border-radius:8px;padding:12px 14px}.tarjeta-error.aviso-gradualidad,.tarjeta-error.aviso-conformidad{border-left-color:var(--alerta)}.tarjeta-error.informativo{border-left-color:var(--acento)}.encabezado-error{align-items:center;gap:10px;margin-bottom:6px;display:flex}.codigo-regla{color:var(--texto-2);font-size:12px}.tarjeta-error .donde{color:var(--texto-2);margin-bottom:4px;font-size:12.5px}.tarjeta-error .que{margin-bottom:4px;font-weight:600}.tarjeta-error .explicacion{color:var(--texto-2);margin:0 0 6px;font-size:13.5px}.tarjeta-error .como{margin:0 0 6px;font-size:13.5px}.tarjeta-error details{color:var(--texto-2);font-size:12px}.tarjeta-error details code{word-break:break-word;margin-top:4px;display:block}.insignia.aviso:before{background:var(--alerta)}.badge-hallazgos{white-space:nowrap;border-radius:999px;margin-right:6px;padding:1px 9px;font-size:12px;display:inline-block}.badge-hallazgos.errores{color:var(--critico);border:1px solid color-mix(in srgb, var(--critico) 45%, transparent)}.badge-hallazgos.avisos{color:color-mix(in srgb, var(--alerta) 70%, var(--texto));border:1px solid color-mix(in srgb, var(--alerta) 55%, transparent)}.tile.avisos .valor{color:color-mix(in srgb, var(--alerta) 70%, var(--texto))}.nota-detalle{color:var(--texto-2);margin:0;padding:10px 18px 0;font-size:13.5px}.validar .controles-validar{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px 0;display:flex}.validar textarea{border:1px solid var(--borde);background:var(--superficie);width:calc(100% - 36px);color:var(--texto);resize:vertical;border-radius:8px;margin:12px 18px;padding:10px;font-family:ui-monospace,monospace;font-size:12.5px;display:block}.listo-enviar{color:var(--bueno);background:color-mix(in srgb, var(--bueno) 8%, var(--tarjeta));border:1px solid color-mix(in srgb, var(--bueno) 35%, var(--borde));border-radius:8px;padding:10px 14px;font-size:13.5px}.validar .error.banner,.validar .listo-enviar{margin:0 18px 12px}output.listo-enviar{display:block}.confirmar-linea{color:var(--texto-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.confirmar-linea strong{color:var(--critico)}button.peligro{background:var(--critico);border-color:var(--critico);color:#fff}button.enlace{color:var(--acento);text-underline-offset:2px;background:0 0;border:none;padding:6px 0;font-size:13.5px;text-decoration:underline}button.enlace:disabled{color:var(--texto-2);cursor:default;text-decoration:none}.aviso-ok{color:var(--bueno);margin-bottom:10px;font-size:13px}button.volver{color:var(--texto-2);background:0 0;border:none;padding:0 0 10px;font-size:13px}button.volver:hover{color:var(--texto)}.login button.primario{width:100%;margin-top:4px}.login button.enlace{text-align:center;width:100%;margin-top:12px;display:block}.login button.volver{text-align:left;width:auto;margin:0;display:block}
