:root{--tinta:#0f393b;--tinta-suave:#35595b;--accion:#0e6b62;--accion-hover:#0a5750;--papel:#f4f6f5;--tarjeta:#fff;--borde:#dde4e2;--texto:#1c2a2b;--texto-suave:#5c6f70;--error:#a3271f;--error-fondo:#fbeeed;--aviso:#7a5c12;--aviso-fondo:#fdf6e3;--exito:#1b6e3c;--exito-fondo:#ecf7f0;color:var(--texto);background:var(--papel);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{max-width:980px;margin:0 auto;padding:0 24px 80px}.cabecera{border-bottom:3px solid var(--tinta);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;padding:28px 0 20px;display:flex}.cabecera h1{letter-spacing:-.01em;color:var(--tinta);margin:0;font-size:1.45rem;font-weight:650}.cabecera .empresa{color:var(--texto-suave);font-size:.9rem}.sesion{align-items:baseline;gap:14px;display:flex}.enlace-boton{font:inherit;color:var(--accion);cursor:pointer;background:0 0;border:none;border-bottom:1px solid;padding:0;font-size:.9rem;font-weight:600}.enlace-boton:hover{color:var(--accion-hover)}.login{justify-content:center;padding-top:40px;display:flex}.login-caja{width:100%;max-width:380px}.login-caja .campo{margin-bottom:16px}.login-caja input{border:1px solid var(--borde);font:inherit;background:#fff;border-radius:8px;width:100%;padding:10px 12px}.login-caja input:focus-visible{outline:2px solid var(--accion);outline-offset:1px}.login-caja .boton{width:100%;margin-top:4px}.pasos{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.paso{color:var(--texto-suave);border:1px solid var(--borde);background:var(--tarjeta);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-size:.85rem;display:flex}.paso .num{background:var(--borde);width:22px;height:22px;color:var(--texto-suave);border-radius:50%;place-items:center;font-size:.75rem;font-weight:650;display:grid}.paso.activo{border-color:var(--tinta);color:var(--tinta);font-weight:600}.paso.activo .num{background:var(--tinta);color:#fff}.paso.hecho .num{background:var(--exito);color:#fff}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;margin-bottom:20px;padding:24px}.tarjeta h2{color:var(--tinta);margin:0 0 4px;font-size:1.05rem;font-weight:650}.tarjeta .ayuda{color:var(--texto-suave);margin:0 0 16px;font-size:.9rem}.modos{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}@media (width<=640px){.modos{grid-template-columns:1fr}}.modo{border:2px solid var(--borde);cursor:pointer;background:var(--tarjeta);text-align:left;font:inherit;border-radius:10px;padding:14px 16px;transition:border-color .12s}.modo:hover{border-color:var(--tinta-suave)}.modo.elegido{border-color:var(--accion);background:var(--exito-fondo)}.modo strong{color:var(--tinta);margin-bottom:4px;display:block}.modo span{color:var(--texto-suave);font-size:.85rem}.fila-form{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.campo{flex-direction:column;gap:6px;display:flex}.campo label{color:var(--tinta-suave);font-size:.82rem;font-weight:600}.campo input[type=date],.campo input[type=file],.campo input[type=text]{border:1px solid var(--borde);font:inherit;background:#fff;border-radius:8px;padding:9px 12px}.campo input:focus-visible{outline:2px solid var(--accion);outline-offset:1px}.parametros{border-top:1px solid var(--borde);margin-top:22px;padding-top:16px}.parametros summary{color:var(--accion);cursor:pointer;font-size:.9rem;font-weight:600}.parametros .ayuda{margin-top:10px}.parametros .fila-form{gap:14px;margin-top:12px}.parametros .campo input[type=text]{width:140px}.boton{font:inherit;cursor:pointer;background:var(--accion);color:#fff;border:none;border-radius:8px;padding:11px 22px;font-weight:600;transition:background .12s}.boton:hover:not(:disabled){background:var(--accion-hover)}.boton:disabled{opacity:.5;cursor:not-allowed}.boton.secundario{color:var(--accion);border:1px solid var(--accion);background:0 0}.boton.secundario:hover:not(:disabled){background:var(--exito-fondo)}.boton:focus-visible,.modo:focus-visible,a:focus-visible{outline:3px solid var(--accion);outline-offset:2px}.enlace{color:var(--accion);border-bottom:1px solid;font-weight:600;text-decoration:none}.aviso-caja{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.92rem}.aviso-caja.error{background:var(--error-fondo);color:var(--error);border:1px solid #eac8c5}.aviso-caja.exito{background:var(--exito-fondo);color:var(--exito);border:1px solid #c4e3cf}.aviso-caja.advertencia{background:var(--aviso-fondo);color:var(--aviso);border:1px solid #ecdcae}.tabla-marco{border:1px solid var(--borde);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th{text-align:left;background:var(--papel);color:var(--tinta-suave);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--borde);white-space:nowrap;padding:10px 14px;font-size:.75rem}td{border-bottom:1px solid var(--borde);vertical-align:top;padding:9px 14px}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.etiqueta{letter-spacing:.04em;border-radius:5px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.etiqueta.cm{background:var(--exito-fondo);color:var(--exito)}.etiqueta.rm{background:var(--error-fondo);color:var(--error)}.resumen{flex-wrap:wrap;gap:28px;margin-bottom:16px;display:flex}.resumen .dato{flex-direction:column;display:flex}.resumen .dato b{font-variant-numeric:tabular-nums;color:var(--tinta);font-size:1.35rem}.resumen .dato span{color:var(--texto-suave);font-size:.78rem}.acciones{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important}}