.vista-impresion-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow-y:auto;padding:24px;background:#0f121980}.vista-impresion-modal{width:min(100%,900px);margin:0 auto;padding:24px;border-radius:14px;background:#fff;box-shadow:0 12px 32px #14161b2e}.vista-impresion-encabezado{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.vista-impresion-encabezado h2{margin:0;font-size:1.15rem}.vista-impresion-encabezado .modal-acciones{margin-top:0}.vista-impresion-etiquetas{display:grid;gap:16px;justify-content:center}.etiqueta{box-sizing:border-box;display:grid;grid-template-columns:1fr 46mm;align-items:center;width:100mm;height:50.8mm;padding:4mm;border:1px solid #cfd3da;background:#fff;column-gap:3mm;color:#1d2026}.etiqueta-contenido{display:flex;min-width:0;height:100%;flex-direction:column;justify-content:center;gap:2.5mm}.etiqueta-logo{width:30mm;height:auto;object-fit:contain;object-position:left center}.etiqueta-material-nombre,.etiqueta-ubicacion-codigo{overflow-wrap:anywhere;font-size:18pt;line-height:1.1}.etiqueta-material-nombre{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5;text-overflow:ellipsis}.etiqueta-material-nombre--normal{font-size:16pt}.etiqueta-material-nombre--medium{font-size:14pt}.etiqueta-material-nombre--small{font-size:12pt}.etiqueta-material-nombre--xsmall{font-size:10pt}.etiqueta-datos{display:grid;gap:1.2mm;margin:0;font-size:12pt}.etiqueta-datos div{display:grid;grid-template-columns:22mm 1fr;column-gap:2mm;align-items:baseline}.etiqueta-datos div:last-child{grid-template-columns:1fr;row-gap:.5mm}.etiqueta-datos dt{font-weight:700}.etiqueta-datos dd{margin:0;overflow-wrap:anywhere}.etiqueta-ubicacion-titulo{margin-top:auto;font-size:16pt;letter-spacing:.08em}.etiqueta-ubicacion-codigo{margin-bottom:auto;font-size:30pt;white-space:nowrap;overflow-wrap:normal}.etiqueta-ubicacion-codigo--normal{font-size:30pt}.etiqueta-ubicacion-codigo--medium{font-size:23pt}.etiqueta-ubicacion-codigo--small{font-size:18pt}.etiqueta-ubicacion-codigo--xsmall{font-size:15pt}.etiqueta-qr{display:flex;align-items:center;justify-content:center;align-self:center;height:100%}.etiqueta-qr svg{width:44mm;height:44mm}.etiqueta-ubicacion{grid-template-columns:1fr 40mm}.etiqueta-ubicacion .etiqueta-qr svg{width:38mm;height:38mm}@media (max-width: 640px){.vista-impresion-fondo{padding:12px}.vista-impresion-modal{padding:16px}.vista-impresion-encabezado{align-items:flex-start;flex-direction:column}}.etiqueta-matv2{width:100mm;height:50mm;padding:3mm;display:grid;grid-template-columns:1fr;grid-template-rows:22mm 1fr auto;row-gap:1.5mm}.etiqueta-matv2-recuadro{display:grid;grid-template-columns:1fr 24mm;height:22mm;border:.4mm solid #000}.etiqueta-matv2-codigo-celda{display:flex;justify-content:center;align-items:center;padding:0 2mm;min-width:0;border-right:.4mm solid #000}.etiqueta-matv2-codigo{font-weight:800;line-height:1;white-space:nowrap;text-align:center}.etiqueta-matv2-codigo--normal{font-size:52pt}.etiqueta-matv2-codigo--medium{font-size:42pt}.etiqueta-matv2-codigo--small{font-size:34pt}.etiqueta-matv2 .etiqueta-qr{height:100%;display:flex;align-items:center;justify-content:center}.etiqueta-matv2 .etiqueta-qr svg{width:20mm;height:20mm}.etiqueta-matv2-nombre{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;justify-self:stretch;text-align:center;font-weight:800;line-height:1.05;overflow:hidden}.etiqueta-matv2-nombre-linea{display:block;white-space:nowrap}.etiqueta-matv2-pie{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;align-items:center;align-self:end}.etiqueta-matv2-dato{display:flex;align-items:center;gap:2mm}.etiqueta-matv2-dato-titulo{font-size:6.5pt;line-height:1.05;text-transform:uppercase;max-width:16mm}.etiqueta-matv2-dato-valor{font-size:14pt;font-weight:800;white-space:nowrap}.etiqueta-ubchica{width:76mm;height:32mm;padding:2mm;display:grid;grid-template-columns:1fr 26mm;column-gap:2mm;align-items:center;position:relative}.etiqueta-ubchica-texto{display:flex;flex-direction:column;justify-content:center;gap:1mm;min-width:0;height:100%}.etiqueta-ubchica-logo{position:absolute;top:2mm;left:2mm;width:16mm;height:auto;margin-top:0;object-fit:contain;object-position:left center}.etiqueta-ubchica-titulo{margin-top:0;font-size:8pt;letter-spacing:.08em}.etiqueta-ubchica-codigo{margin-bottom:0;font-weight:800;line-height:1;white-space:nowrap;overflow-wrap:normal}.etiqueta-ubchica-codigo--normal{font-size:24pt}.etiqueta-ubchica-codigo--medium{font-size:18pt}.etiqueta-ubchica-codigo--small{font-size:14pt}.etiqueta-ubchica-codigo--xsmall{font-size:12pt}.etiqueta-ubchica-qr{display:flex;align-items:center;justify-content:center;height:100%}.etiqueta-ubchica .etiqueta-qr svg{width:24mm;height:24mm}.etiqueta-ubicacion .etiqueta-contenido{justify-content:center;gap:3mm}.etiqueta-ubicacion{position:relative}.etiqueta-ubicacion .etiqueta-logo{position:absolute;top:4mm;left:4mm}.etiqueta-ubicacion .etiqueta-ubicacion-titulo{margin-top:0}.etiqueta-ubicacion .etiqueta-ubicacion-codigo{margin-bottom:0;font-weight:800}.print-layout{display:none}@media print{@page ubicacion-chica{margin:0;size:auto}@page material{margin:0;size:105mm 50mm}@page{margin:0;size:100mm 50.8mm}html,body{margin:0;padding:0}#root>*{display:none!important}#root>.print-layout{display:block!important;width:100mm;margin:0;padding:0}#root>.print-layout.print-layout--material{--matv2-offset-x: -2mm;--matv2-offset-y: 0mm;width:105mm}#root>.print-layout.print-layout--ubicacion-chica{width:100%;margin:0;padding:0;left:0;top:0;--ubchica-offset-x: 0mm;--ubchica-offset-y: 0mm}.print-layout{position:relative;left:0}.print-layout .etiqueta{width:100mm;height:50.8mm;min-height:50.8mm;margin:0;border:none;break-after:page;page-break-after:always}.print-layout .etiqueta-matv2{page:material;width:105mm;height:50mm;min-height:50mm;border:none;transform:translate(var(--matv2-offset-x),var(--matv2-offset-y))}.print-layout .etiqueta-ubchica{page:ubicacion-chica;width:76mm;height:32mm;min-height:32mm;box-sizing:border-box;overflow:hidden;margin:0 auto;border:none;break-after:page;page-break-after:always;break-inside:avoid;transform:translate(var(--ubchica-offset-x),var(--ubchica-offset-y))}.print-layout .etiqueta:last-child{break-after:auto;page-break-after:auto}.print-layout .etiqueta-ubchica:last-child{break-after:auto;page-break-after:auto}}:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--color-rojo: #d62839;--color-rojo-oscuro: #b81f2e;--color-rojo-suave: #fdecee;--color-encabezado: #14161b;--color-fondo: #f4f5f7;--color-texto: #1f2430;--color-texto-atenuado: #5a6270;--color-borde: #e2e5eb}*{box-sizing:border-box}body{margin:0;background:var(--color-fondo);color:var(--color-texto)}.app-barra{background:var(--color-encabezado);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px}.app-barra-logo{font-size:1.15rem;font-weight:800;font-style:italic;color:var(--color-rojo);letter-spacing:.5px}.app-barra-titulo{font-size:1.05rem;font-weight:600;color:#fff}.app-barra-acciones{display:flex;align-items:center;gap:10px}.app-barra-icono{width:34px;height:34px;border-radius:50%;background:#ffffff14;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem}.app-barra-icono-boton{border:none;cursor:pointer;transition:background .15s ease}.app-barra-icono-boton:hover{background:#ffffff2e}.app-cargando{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--color-texto-atenuado)}.login-fondo{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-encabezado);padding:16px}.login-caja{background:#fff;border-radius:16px;padding:32px;max-width:360px;width:100%;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 40px #00000040}.login-logo{font-size:1.3rem;font-weight:800;font-style:italic;color:var(--color-rojo)}.login-caja h1{margin:0;font-size:1.3rem}.login-caja p{margin:0 0 4px}.login-caja input{border:1px solid var(--color-borde);background:var(--color-fondo);border-radius:10px;padding:12px 14px;font-size:.95rem;color:var(--color-texto)}.login-caja input:focus{outline:none;border-color:var(--color-rojo);background:#fff}.login-caja .boton{margin-top:4px;border-radius:10px;padding:12px}.app{max-width:1080px;margin:0 auto;padding:28px 20px 64px}.app-encabezado{display:flex;align-items:center;gap:10px;margin-bottom:24px}.app-encabezado-icono{width:40px;height:40px;border-radius:10px;background:var(--color-rojo-suave);color:var(--color-rojo);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.app-encabezado-texto h1{margin:0;font-size:1.4rem}.app-encabezado-texto p{margin:2px 0 0;color:var(--color-texto-atenuado);font-size:.9rem}.pasos-panel{display:flex;flex-direction:column;gap:4px}.paso{padding:16px 0;border-bottom:1px solid var(--color-borde)}.paso:last-child{padding-bottom:4px;border-bottom:none}.paso-encabezado{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.paso-numero{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--color-rojo);color:#fff;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.paso-titulo{font-size:.95rem;font-weight:700}.paso-valor{margin-left:-4px;padding:3px 12px;border-radius:999px;background:var(--color-rojo-suave);color:var(--color-rojo);font-size:.85rem;font-weight:600}.paso-cambiar{margin-left:auto;border:none;background:none;color:var(--color-rojo);font-size:.85rem;font-weight:600;cursor:pointer;padding:4px 6px}.paso-cambiar:hover{text-decoration:underline}.paso-contenido{margin-top:12px;margin-left:38px}.panel-titulo-paso{display:flex;align-items:center;gap:10px}.selector-opciones{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--color-borde);background:#fff;color:var(--color-texto);padding:8px 18px;border-radius:999px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .15s ease}.chip:hover{border-color:var(--color-rojo)}.chip-activo{background:var(--color-rojo);border-color:var(--color-rojo);color:#fff}.chip-activo:hover{border-color:var(--color-rojo-oscuro);background:var(--color-rojo-oscuro)}.panel{background:#fff;border:1px solid var(--color-borde);border-radius:14px;padding:22px;margin-bottom:20px;box-shadow:0 1px 2px #14161b0a}.panel h3{margin-top:0;font-size:1.05rem}.texto-atenuado{color:var(--color-texto-atenuado);font-size:.9rem}.mensaje-error{color:#b3261e;background:var(--color-rojo-suave);border:1px solid #f3c4c0;border-radius:8px;padding:10px 12px;font-size:.9rem}.vista-previa{margin-top:16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.boton{border:none;border-radius:999px;padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:filter .15s ease}.boton:hover{filter:brightness(.95)}.boton-primario{background:var(--color-rojo);color:#fff}.boton-secundario{background:#eceef2;color:var(--color-texto)}.boton-peligro{background:var(--color-rojo-oscuro);color:#fff}.boton:disabled{opacity:.6;cursor:not-allowed}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121980;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal-caja{background:#fff;border-radius:14px;padding:24px;max-width:420px;width:100%;box-shadow:0 12px 32px #14161b2e}.modal-acciones{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.tabla-encabezado{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.tabla-encabezado-contador{color:var(--color-texto-atenuado);font-size:.9rem}.buscador{position:relative;display:flex;align-items:center}.buscador-icono{position:absolute;left:14px;color:var(--color-texto-atenuado);font-size:.9rem;pointer-events:none}.tabla-encabezado input[type=search]{border:1px solid var(--color-borde);background:var(--color-fondo);border-radius:999px;padding:9px 14px 9px 36px;font-size:.9rem;min-width:220px;color:var(--color-texto)}.tabla-encabezado input[type=search]:focus{outline:none;border-color:var(--color-rojo);background:#fff}.tabla-scroll{overflow-x:auto;border-radius:10px;border:1px solid var(--color-borde)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 14px;background:#fafafb;color:var(--color-texto-atenuado);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid var(--color-borde)}td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--color-borde);white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafbfc}.tabla-vacia{text-align:center;color:var(--color-texto-atenuado);white-space:normal;padding:24px 14px}.estado{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:999px;font-size:.78rem;font-weight:600}.estado:before{content:"";width:6px;height:6px;border-radius:50%}.estado-si{background:#e3f5e6;color:#1e7d32}.estado-si:before{background:#1e7d32}.estado-no{background:#f1f2f5;color:var(--color-texto-atenuado)}.estado-no:before{background:#9aa1ad}.tabla-paginacion{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:14px;color:var(--color-texto-atenuado);font-size:.85rem}.tabla-paginacion .boton{padding:6px 16px;font-size:.85rem}@media (prefers-color-scheme: dark){:root{--color-fondo: #14161b;--color-texto: #e7e9ee;--color-texto-atenuado: #9aa1ad;--color-borde: #2a2e37;--color-rojo-suave: rgba(214, 40, 57, .15)}.panel,.modal-caja{background:#1c1f26}.chip{background:#1c1f26;color:var(--color-texto)}.boton-secundario{background:#2a2e37;color:var(--color-texto)}th{background:#1c1f26}tbody tr:hover{background:#20242c}.tabla-encabezado input[type=search]{background:#14161b}.tabla-encabezado input[type=search]:focus{background:#1c1f26}.app-barra-icono{background:#ffffff14}}