:root{--fuente-interfaz:"Schibsted Grotesk", system-ui, sans-serif;--fuente-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--color-fondo-pagina:#f4f5f7;--color-barra-lateral:#ebecf0;--color-barra-lateral-borde:#e0e1e6;--color-superficie:#fff;--color-divisoria:#e4e5ea;--color-divisoria-interna:#eef0f3;--color-control-secundario:#f0f1f4;--color-texto-principal:#16171a;--color-texto-secundario:#6b6f76;--color-texto-terciario:#9b9ea5;--color-texto-deshabilitado:#b0b3b9;--color-acento:#0a6cf0;--color-acento-hover:#0855bd;--color-exito:#2e9e5b;--color-error:#d0453b;--color-error-fondo:#fbf3f2;--color-aviso-fondo:#fdf6e9;--color-aviso-titulo:#6b4d09;--color-aviso-texto:#8a6c26;--color-aviso-icono:#c8850c;--color-ajuste-fondo:#f4f7fd;--color-ajuste-titulo:#5b86c9;--color-ajuste-texto:#2c3a4d;--radio-barra-generacion:20px;--radio-panel:16px;--radio-tarjeta:14px;--radio-control:10px;--radio-chip:8px;--sombra-tarjeta:0 1px 2px #1012160f, 0 10px 26px #10121612;--sombra-panel:0 1px 2px #1012160d, 0 8px 24px #1012160f;--sombra-barra-generacion:0 1px 2px #1012160d, 0 12px 34px #10121617;--sombra-boton-primario:0 2px 8px #0a6cf042;--sombra-imagen-pieza:0 2px 4px #1012160f, 0 18px 44px #1012161f}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--color-texto-principal);background:var(--color-fondo-pagina);font-family:var(--fuente-interfaz);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}*{box-sizing:border-box}a{color:var(--color-acento);text-decoration:none}.mono{font-family:var(--fuente-mono)}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font:inherit;color:inherit}h1{letter-spacing:-.024em;margin:0;font-size:26px;font-weight:700}h2{letter-spacing:-.012em;margin:0;font-size:16px;font-weight:600}.titulo-seccion-datos{letter-spacing:normal;color:var(--color-texto-secundario);text-transform:uppercase;font-size:12px;font-weight:600}.mensaje-error{color:var(--color-error);background:var(--color-error-fondo);border-radius:var(--radio-control);padding:8px 12px;font-size:13px;font-weight:500}.mensaje-exito{color:var(--color-exito);font-weight:500}.pantalla-cargando{color:var(--color-texto-secundario);padding:2rem}.boton-secundario{background:var(--color-control-secundario);color:var(--color-texto-principal);border-radius:var(--radio-control);padding:10px 16px;font-size:14px;font-weight:500}.boton-secundario:hover:not(:disabled){background:var(--color-divisoria-interna)}.boton-primario{background:var(--color-acento);color:#fff;border-radius:var(--radio-control);box-shadow:var(--sombra-boton-primario);padding:10px 18px;font-size:14px;font-weight:600}.boton-primario:hover:not(:disabled){background:var(--color-acento-hover)}.pantalla-login{background:var(--color-fondo-pagina);flex:1;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.tarjeta-login{background:var(--color-superficie);border-radius:var(--radio-panel);width:100%;max-width:360px;box-shadow:var(--sombra-panel);flex-direction:column;gap:4px;padding:32px;display:flex}.tarjeta-login h1{margin-bottom:4px}.tarjeta-login .subtitulo{color:var(--color-texto-secundario);margin-bottom:20px;font-size:13px}.tarjeta-login label{color:var(--color-texto-secundario);flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;font-weight:500;display:flex}.tarjeta-login input{border-radius:var(--radio-control);background:var(--color-control-secundario);color:var(--color-texto-principal);padding:10px 12px;font-size:14px}.tarjeta-login input:focus{outline:2px solid var(--color-acento);outline-offset:-1px}.tarjeta-login button[type=submit]{background:var(--color-acento);color:#fff;border-radius:var(--radio-control);box-shadow:var(--sombra-boton-primario);margin-top:8px;padding:11px;font-size:14px;font-weight:600}.tarjeta-login button[type=submit]:hover:not(:disabled){background:var(--color-acento-hover)}.banda-conexion{background:var(--color-aviso-fondo);border-radius:var(--radio-control);justify-content:space-between;align-items:center;gap:16px;margin:16px 36px 0;padding:12px 18px;display:flex}.banda-conexion-texto{flex-direction:column;gap:2px;display:flex}.banda-conexion-texto strong{color:var(--color-aviso-titulo);font-size:14px;font-weight:600}.banda-conexion-texto span{color:var(--color-aviso-texto);font-size:13px}.imagen-marcador{background:var(--color-control-secundario);color:var(--color-texto-terciario);justify-content:center;align-items:center;display:flex}.imagen-marcador-otra-maquina{color:var(--color-texto-secundario);text-align:center;flex-direction:column;gap:6px;padding:8px}.imagen-marcador-texto{max-width:90%;font-size:11px;line-height:1.3}.app-shell{min-height:100vh;display:flex}.barra-lateral{background:var(--color-barra-lateral);border-right:1px solid var(--color-barra-lateral-borde);flex-direction:column;flex-shrink:0;width:252px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.marca-selector{align-items:center;gap:10px;margin-bottom:22px;padding:8px;display:flex;position:relative}.marca-icono{background:var(--color-texto-principal);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:flex}.marca-textos{flex-direction:column;min-width:0;display:flex}.marca-nombre{color:var(--color-texto-principal);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.marca-submarca{color:var(--color-texto-secundario);font-size:12px}.marca-select-invisible{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.filtros-lateral{flex-direction:column;gap:2px;display:flex}.filtro-item{color:var(--color-texto-secundario);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.filtro-item:hover{color:var(--color-texto-principal)}.filtro-item-activo{background:var(--color-superficie);color:var(--color-texto-principal);font-weight:500}.filtro-icono{flex-shrink:0;display:flex}.filtro-nombre{flex:1}.filtro-cuenta{font-family:var(--fuente-mono);color:var(--color-texto-terciario);font-size:11px}.barra-uso-plan{border-top:1px solid var(--color-barra-lateral-borde);flex-direction:column;gap:6px;margin-top:4px;padding:12px 10px 14px;display:flex}.barra-uso-plan-pista{background:var(--color-control-secundario);border-radius:3px;height:5px;overflow:hidden}.barra-uso-plan-relleno{background:var(--color-acento);border-radius:3px;height:100%;transition:width .2s}.barra-uso-plan-relleno-alto{background:var(--color-aviso-icono)}.barra-uso-plan-relleno-tope{background:var(--color-error)}.barra-uso-plan-texto{color:var(--color-texto-terciario);font-size:11px}.pie-lateral{border-top:1px solid var(--color-barra-lateral-borde);flex-direction:column;gap:6px;margin-top:auto;padding:10px 8px 4px;display:flex}.pie-lateral-correo{color:var(--color-texto-secundario);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pie-lateral-acciones{gap:12px;font-size:12px;display:flex}.pie-lateral-acciones a,.pie-lateral-acciones button{color:var(--color-texto-terciario)}.pie-lateral-acciones a:hover,.pie-lateral-acciones button:hover{color:var(--color-texto-principal)}.pie-lateral-maquina{color:var(--color-texto-terciario);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.pie-lateral-maquina-aviso{color:var(--color-aviso-texto);font-weight:500}.detalle-tecnico-lateral{margin-top:8px}.detalle-tecnico-lateral summary{font-size:11px}.detalle-tecnico-lateral .registro-tecnico{word-break:break-all;font-size:10.5px}.detalle-tecnico-aviso{color:var(--color-aviso-texto);font-weight:500}.zona-generar{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden}.encabezado-generar{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:30px 36px 12px;display:flex}.segmentado{border-radius:var(--radio-control);background:#e6e7eb;gap:2px;padding:3px;display:inline-flex}.segmentado-opcion{color:var(--color-texto-secundario);border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500}.segmentado-opcion-activa{background:var(--color-superficie);color:var(--color-texto-principal);box-shadow:0 1px 2px #10121614}.zona-piezas{flex:1;padding:0 36px 220px;overflow-y:auto}.cuadricula-piezas{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:1200px){.cuadricula-piezas{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.cuadricula-piezas{grid-template-columns:repeat(2,1fr)}.barra-lateral{width:200px}}.lista-piezas{flex-direction:column;gap:8px;display:flex}.lista-piezas .tarjeta-pieza{box-shadow:none;border:1px solid var(--color-divisoria);grid-template-columns:48px 1fr auto auto;align-items:center;gap:14px;padding:8px 12px;display:grid}.lista-piezas .tarjeta-pieza-imagen-envoltorio{width:48px;height:48px;aspect-ratio:unset}.lista-piezas .tarjeta-pieza-estado{display:none}.lista-piezas .tarjeta-pieza-meta{margin:0}.mensaje-vacio{color:var(--color-texto-terciario);padding:24px 0;font-size:13px}.tarjeta-pieza{background:var(--color-superficie);border-radius:var(--radio-tarjeta);box-shadow:var(--sombra-tarjeta);color:inherit;display:block;overflow:hidden}.tarjeta-pieza-imagen-envoltorio{aspect-ratio:4/5;border-radius:var(--radio-tarjeta) var(--radio-tarjeta) 0 0;background:var(--color-control-secundario);position:relative;overflow:hidden}.tarjeta-pieza-imagen{object-fit:cover;width:100%;height:100%;display:block}.tarjeta-pieza-estado{color:var(--color-texto-principal);border-radius:var(--radio-chip);background:#ffffffdb;padding:4px 9px;font-size:11px;font-weight:500;position:absolute;top:10px;left:10px}.insignia-video{color:#fff;letter-spacing:.02em;text-transform:uppercase;border-radius:var(--radio-chip);pointer-events:none;background:#16171ab8;padding:3px 8px;font-size:10px;font-weight:500;position:absolute;bottom:10px;right:10px}.tarjeta-pieza-fila{justify-content:space-between;align-items:baseline;gap:10px;padding:10px 12px 0;display:flex}.tarjeta-pieza-titulo{color:var(--color-texto-principal);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.tarjeta-pieza-costo{font-family:var(--fuente-mono);color:var(--color-texto-secundario);flex-shrink:0;font-size:12px}.tarjeta-pieza-meta{font-family:var(--fuente-mono);color:var(--color-texto-terciario);padding:3px 12px 12px;font-size:11px;display:block}.barra-generacion-envoltorio{flex-shrink:0;padding:0 36px 28px;position:relative}.barra-generacion{background:var(--color-superficie);border-radius:var(--radio-barra-generacion);box-shadow:var(--sombra-barra-generacion);flex-direction:column;gap:12px;padding:18px 22px;transition:opacity .15s;display:flex}.barra-generacion-generando{opacity:.6}.barra-generacion textarea{resize:none;font-size:16px;font-family:var(--fuente-interfaz);color:var(--color-texto-principal);border:none;outline:none;width:100%;min-height:44px}.barra-generacion textarea::placeholder{color:var(--color-texto-terciario)}.barra-generacion-fila{align-items:center;gap:10px;display:flex}.barra-generacion-fila select{background:var(--color-control-secundario);border-radius:var(--radio-control);color:var(--color-texto-principal);border:none;padding:8px 12px;font-size:13px}.chip-formato{background:var(--color-control-secundario);color:var(--color-texto-secundario);border-radius:var(--radio-chip);font-size:12px;font-family:var(--fuente-mono);padding:5px 10px}.chip-formato-boton{cursor:pointer;border:none}.chip-formato-boton:disabled{cursor:default;opacity:.6}.editor-formato{border-top:1px solid var(--color-borde-sutil,#10121614);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 4px 2px;display:flex}.editor-formato label{color:var(--color-texto-secundario);align-items:center;gap:6px;font-size:12px;display:flex}.editor-formato input,.editor-formato select{background:var(--color-control-secundario);border-radius:var(--radio-control);color:var(--color-texto-principal);border:none;width:78px;padding:6px 8px;font-size:13px}.editor-formato select{width:auto}.espaciador{flex:1}.costo-estimado{font-family:var(--fuente-mono);color:var(--color-texto-secundario);font-size:13px}.panel-avance{background:var(--color-superficie);border-radius:var(--radio-panel);box-shadow:var(--sombra-panel);margin:20px 36px 0;padding:20px 22px}.panel-avance-cabecera{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.punto-vivo{background:var(--color-acento);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite pulso}.punto-vivo-exito{background:var(--color-exito);animation:none}.punto-vivo-error{background:var(--color-error);animation:none}@keyframes pulso{0%,to{opacity:1}50%{opacity:.35}}.panel-avance-nombre{letter-spacing:-.012em;color:var(--color-texto-principal);font-size:16px;font-weight:600}.panel-avance-tiempo{font-family:var(--fuente-mono);color:var(--color-texto-secundario);font-size:12px}.panel-avance-nota{color:var(--color-texto-terciario);margin-left:auto;font-size:12px}.panel-avance-cancelar{margin-left:0}.barras-avance{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px;display:grid}.barra-avance-item{flex-direction:column;gap:6px;display:flex}.barra-avance{background:var(--color-control-secundario);border-radius:3px;height:5px;position:relative;overflow:hidden}.barra-avance-completo{background:var(--color-exito)}.barra-avance-actual{background:linear-gradient(90deg, var(--color-acento) 50%, var(--color-control-secundario) 50%)}.barra-avance-nombre{color:var(--color-texto-secundario);font-size:11px}.panel-avance-fallo{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel-avance-fallo-texto{color:var(--color-texto-principal);font-size:14px;font-weight:500}.panel-avance-fallo-acciones{gap:10px;margin-left:auto;display:flex}.detalle-tecnico{margin-top:14px}.detalle-tecnico summary{cursor:pointer;color:var(--color-texto-secundario);font-size:12px;font-weight:500}.registro-tecnico{background:var(--color-control-secundario);font-family:var(--fuente-mono);border-radius:8px;flex-direction:column;gap:4px;max-height:320px;margin:10px 0 0;padding:10px;font-size:11px;list-style:none;display:flex;overflow-y:auto}.evento-aviso{color:var(--color-aviso-icono)}.evento-error{color:var(--color-error);font-weight:600}.evento-fin{color:var(--color-exito);font-weight:600}.evento-costo{color:var(--color-acento)}.pantalla-pieza{background:var(--color-fondo-pagina);flex-direction:column;min-height:100vh;display:flex}.barra-superior-pieza{background:var(--color-superficie);border-bottom:1px solid var(--color-divisoria);flex-shrink:0;align-items:center;gap:14px;height:58px;padding:0 24px;display:flex}.enlace-volver{color:var(--color-acento);font-size:14px;font-weight:500}.separador-vertical{background:var(--color-divisoria);width:1px;height:18px}.titulo-pieza-barra{color:var(--color-texto-principal);white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:14px;font-weight:500;overflow:hidden}.chip-estado{background:var(--color-control-secundario);color:var(--color-texto-secundario);border-radius:var(--radio-chip);padding:4px 10px;font-size:11px;font-weight:500}.chip-estado-fallida{background:var(--color-error-fondo);color:var(--color-error)}.chip-estado-aprobada{background:var(--color-control-secundario);color:var(--color-exito)}.cuerpo-pieza{flex:1;min-height:0;display:flex}.lienzo-pieza{flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;padding:40px 24px;display:flex}.imagen-pieza-envoltorio{width:100%;max-width:452px;box-shadow:var(--sombra-imagen-pieza);background:var(--color-control-secundario);border-radius:18px;overflow:hidden}.imagen-pieza-central{width:100%;display:block}.imagen-marcador.imagen-pieza-central{aspect-ratio:4/5}.mensaje-sin-entregable{aspect-ratio:4/5;background:var(--color-control-secundario);width:100%;max-width:452px;color:var(--color-texto-terciario);border-radius:18px;justify-content:center;align-items:center;font-size:13px;display:flex}.miniaturas-version{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.miniatura-version{border:1px solid var(--color-divisoria);border-radius:8px;flex-shrink:0;width:50px;height:63px;padding:0;overflow:hidden}.miniatura-version img,.miniatura-version video{object-fit:cover;width:100%;height:100%;display:block}.miniatura-version-activa{border-color:var(--color-acento);outline:2.5px solid var(--color-acento);outline-offset:1px;box-shadow:0 0 0 5px #0a6cf024}.carril-derecho{background:var(--color-superficie);border-left:1px solid var(--color-divisoria);flex-shrink:0;width:384px;padding:24px 22px;overflow-y:auto}.carril-seccion{margin-bottom:20px}.carril-seccion-titulo{color:var(--color-texto-secundario);margin-bottom:8px;font-size:12px;font-weight:600}.bloque-lo-que-pediste p{color:var(--color-texto-principal);margin:0;font-size:15px;line-height:1.5}.bloque-ajuste{background:var(--color-ajuste-fondo);border-radius:10px;margin-bottom:8px;padding:12px 14px}.bloque-ajuste-titulo{color:var(--color-ajuste-titulo);margin:0 0 4px;font-size:12px;font-weight:600}.bloque-ajuste-texto{color:var(--color-ajuste-texto);margin:0;font-size:13px;line-height:1.45}.lista-datos-pieza{margin:0}.lista-datos-pieza .fila-dato{border-bottom:1px solid var(--color-divisoria-interna);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.lista-datos-pieza .fila-dato:last-child{border-bottom:none}.lista-datos-pieza dt{color:var(--color-texto-secundario);margin:0;font-size:13px}.lista-datos-pieza dd{color:var(--color-texto-principal);margin:0;font-size:13px}.dato-mono{font-family:var(--fuente-mono)}.fila-dato-boton{color:var(--color-texto-principal);background:0 0;align-items:center;gap:6px;font-size:13px;display:flex}.archivos-tecnicos-lista{background:var(--color-control-secundario);border-radius:8px;flex-direction:column;gap:5px;margin:8px 0 0;padding:10px 12px;list-style:none;display:flex}.archivos-tecnicos-lista li{font-family:var(--fuente-mono);color:var(--color-texto-secundario);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.grupo-acciones{margin-top:22px}.grupo-acciones-titulo{color:var(--color-texto-secundario);margin-bottom:8px;font-size:12px;font-weight:600}.fila-botones{flex-wrap:wrap;gap:8px;display:flex}.fila-botones .boton-primario:disabled,.fila-botones .boton-secundario:disabled{opacity:.45}