.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 24mm;width:76mm;height:32mm;padding:3mm;border:1px solid #cfd3da;background:#fff;color:#1d2026}.etiqueta-contenido{display:flex;min-width:0;flex-direction:column;gap:1.5mm}.etiqueta-logo{width:19mm;height:auto;object-fit:contain;object-position:left center}.etiqueta-material-nombre,.etiqueta-ubicacion-codigo{overflow-wrap:anywhere;font-size:11pt;line-height:1.1}.etiqueta-material-nombre{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.etiqueta-material-nombre--normal{font-size:11pt}.etiqueta-material-nombre--medium{font-size:9.5pt}.etiqueta-material-nombre--small{font-size:8pt}.etiqueta-material-nombre--xsmall{font-size:7pt}.etiqueta-datos{display:grid;gap:1mm;margin:0;font-size:8pt}.etiqueta-datos div{display:grid;grid-template-columns:13mm 1fr;gap:1mm}.etiqueta-datos dt{font-weight:700}.etiqueta-datos dd{margin:0;overflow-wrap:anywhere}.etiqueta-ubicacion-titulo{margin-top:auto;font-size:10pt;letter-spacing:.08em}.etiqueta-ubicacion-codigo{margin-bottom:auto;font-size:18pt}.etiqueta-qr{display:flex;align-items:center;justify-content:center}.etiqueta-qr svg{width:21mm;height:21mm}@media (max-width: 640px){.vista-impresion-fondo{padding:12px}.vista-impresion-modal{padding:16px}.vista-impresion-encabezado{align-items:flex-start;flex-direction:column}}.print-layout{display:none}@media print{@page{margin:0}html,body{margin:0;padding:0}#root>*{display:none!important}#root>.print-layout{display:block!important;width:76mm;margin:0;padding:0}.print-layout{position:relative;left:16mm}.print-layout .etiqueta{width:76mm;height:32mm;min-height:32mm;margin:0;border:none;break-after:page;page-break-after:always}.print-layout .etiqueta: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}}