@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");:root{--primary:#1e6ad4;--primary-dark:#1550a8;--primary-light:#eaf2fd;--accent:#1e6ad4;--sidebar-bg:#1e6ad4;--sidebar-active:hsla(0,0%,100%,.18);--texto-activo:#8fbdf7;--gradiente:linear-gradient(145deg,#1550a8,#1e6ad4 60%,#4c8ee6);--sidebar-hover:hsla(0,0%,100%,.14);--bg:#f6f7fb;--white:#fff;--text:#111827;--text-muted:#6b7280;--border:#e8eaf2;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--oferta:#b45309;--oferta-bg:#fef3c7;--radius:14px;--shadow-sm:0 1px 4px rgba(17,24,39,.06);--shadow:0 4px 20px rgba(17,24,39,.08);--shadow-md:0 8px 32px rgba(17,24,39,.12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulso{0%,to{opacity:1}50%{opacity:.45}}.animate-in{animation:fadeInUp .4s cubic-bezier(.22,1,.36,1) both}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;height:100vh;z-index:100;transition:transform .3s cubic-bezier(.22,1,.36,1),background .35s ease}.sidebar-logo{padding:22px 18px 18px;border-bottom:1px solid hsla(0,0%,100%,.18)}.logo-chip{background:var(--white);border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:center;min-height:62px;box-shadow:0 2px 10px rgba(0,0,0,.18)}.logo-chip img{max-width:100%;max-height:calc(34px * var(--escala-logo, 1));object-fit:contain;display:block}.sidebar-logo-sub{font-size:11px;color:hsla(0,0%,100%,.85);margin-top:10px;letter-spacing:.04em;text-align:center;text-transform:uppercase;font-weight:600}.sidebar-nav{flex:1 1;padding:14px 12px;overflow-y:auto}.nav-section-label{font-size:10px;font-weight:700;color:hsla(0,0%,100%,.75);text-transform:uppercase;letter-spacing:.12em;padding:0 10px;margin:16px 0 8px}.canal-btn{position:relative;width:100%;display:block;padding:11px 12px 11px 16px;border-radius:10px;border:none;background:transparent;color:hsla(0,0%,100%,.92);font-family:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease;margin-bottom:4px;overflow:hidden}.canal-btn:hover{background:var(--sidebar-hover);color:var(--white)}.canal-btn.activo{background:var(--white);color:var(--text);font-weight:800;box-shadow:0 2px 12px rgba(0,0,0,.25)}.canal-btn.activo:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary)}.canal-btn small{display:block;font-size:11px;font-weight:500;color:hsla(0,0%,100%,.78)}.canal-btn.activo small{color:var(--text-muted);font-weight:600}.sidebar-footer{padding:14px 12px;border-top:1px solid hsla(0,0%,100%,.18)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:8px}.sidebar-user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--primary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;flex-shrink:0;box-shadow:0 0 0 2px hsla(0,0%,100%,.35)}.sidebar-user-name{font-size:14px;font-weight:600;color:var(--white)}.sidebar-user-role{font-size:12px;color:hsla(0,0%,100%,.78)}.btn-sidebar{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.3);border-radius:10px;color:var(--white);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s}.btn-sidebar:hover{background:hsla(0,0%,100%,.22)}.main-content{margin-left:240px;flex:1 1;min-width:0;min-height:100vh;padding:28px 32px 48px}.mobile-header{display:none;background:var(--sidebar-bg);padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:99;align-items:center;justify-content:space-between}.mobile-header .logo-chip{min-height:0;padding:7px 12px}.mobile-header .logo-chip img{max-height:22px}.hamburger{background:none;border:none;cursor:pointer;color:#fff;padding:4px;display:flex}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-title{font-size:25px;font-weight:800;letter-spacing:-.5px;line-height:1.2}.page-subtitle{font-size:13.5px;color:var(--text-muted);margin-top:4px}.acciones{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;border:none;cursor:pointer;text-decoration:none;color:var(--text);transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s,box-shadow .18s,border-color .18s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--white);box-shadow:0 2px 10px rgba(17,24,39,.18)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.btn-accent{background:var(--accent);color:var(--white)}.btn-accent:hover:not(:disabled){filter:brightness(.92);transform:translateY(-1px)}.btn-outline{background:var(--white);border:1.5px solid var(--border)}.btn-outline:hover:not(:disabled){background:var(--bg);border-color:#c5cde8}.btn-sm{padding:7px 13px;font-size:13px;border-radius:8px}.btn-lg{padding:13px 26px;font-size:15px}.btn-bloque{width:100%;justify-content:center}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.input,.select{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit;color:var(--text);background:var(--white);transition:border-color .18s,box-shadow .18s}.input:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.input::placeholder{color:#b8bdd6}.filtros{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 16px;margin-bottom:18px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.filtros-fila{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filtros-fila+.filtros-fila{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)}.buscador{position:relative;flex:1 1 260px;min-width:220px}.buscador .input{padding-left:36px}.buscador svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.select-compacto{width:auto;min-width:150px;max-width:260px;padding:9px 30px 9px 12px;font-size:13.5px}.filtro-grupo-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-right:2px}.pildora{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;border:1.5px solid var(--border);background:var(--white);font-size:13px;font-weight:600;font-family:inherit;color:var(--text-muted);cursor:pointer;transition:all .16s ease;white-space:nowrap}.pildora:hover{border-color:#c5cde8;color:var(--text)}.pildora.activa{background:var(--primary);border-color:var(--primary);color:var(--white)}.pildora.activa.oferta{background:var(--oferta);border-color:var(--oferta)}.pildora .punto{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.55}.pildora.activa .punto{opacity:1}.contador-resultados{font-size:13px;color:var(--text-muted);margin-left:auto;white-space:nowrap}.contador-resultados strong{color:var(--text);font-weight:700}.nota-contador{display:block;font-size:11.5px;font-style:normal;color:var(--text-muted);opacity:.85}.grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));grid-gap:16px;gap:16px;align-content:start}.ficha{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.ficha:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.ficha-imagen{position:relative;flex-shrink:0;aspect-ratio:1/1;background:linear-gradient(180deg,#fcfcfd,#f4f5f9);display:flex;align-items:center;justify-content:center;padding:12px}.ficha-imagen img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}.ficha-sin-imagen{display:flex;flex-direction:column;align-items:center;gap:8px;color:#c7cad6;text-align:center;padding:0 10px}.ficha-sin-imagen span{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.cinta-oferta{position:absolute;top:10px;left:10px;background:var(--oferta);color:var(--white);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;box-shadow:0 2px 8px rgba(180,83,9,.35)}.ficha-cuerpo{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1 0 auto;gap:2px}.ficha-codigo{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ficha-nombre{font-size:13.5px;font-weight:700;line-height:1.32;height:3.96em;margin:2px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ficha-marca{font-size:11.5px;line-height:1.4;height:1.4em;color:var(--text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ficha-envase{height:21px;display:flex;align-items:center;gap:5px;margin-top:3px;overflow:hidden}.chip-envase{font-size:10px;font-weight:600;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:2px 7px;white-space:nowrap}.chip-envase strong{color:var(--text);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ficha-precio{margin-top:auto;padding-top:8px;height:80px}.precio-tachado{height:16px;font-size:13px;font-weight:600;color:var(--text-muted);text-decoration:line-through;text-decoration-thickness:1.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.precio-tachado.sin-rebaja{text-decoration:none}.precio-valor{font-size:21px;line-height:1.2;font-weight:800;color:var(--primary);letter-spacing:-.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.precio-valor.en-oferta{color:var(--oferta)}.precio-detalle{font-size:11px;line-height:1.3;height:15px;color:var(--text-muted)}.condicion-oferta,.precio-detalle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.condicion-oferta{margin-top:4px;height:20px;display:flex;align-items:center;border-top:1px solid var(--border);padding-top:4px;font-size:10.5px;font-weight:700;color:var(--oferta)}.condicion-oferta.sin-promo{border-top-color:transparent}.aviso-unidades{font-size:12px;font-weight:600;color:var(--oferta);background:var(--oferta-bg);border-radius:999px;padding:6px 12px;white-space:nowrap}.ficha-stock{display:flex;flex-wrap:nowrap;height:38px;margin-top:4px;padding-top:8px;border-top:1px solid var(--border);overflow:hidden}.chip-stock,.ficha-stock{gap:5px;align-items:center}.chip-stock{display:inline-flex;font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:7px;background:#f3f4f6;color:#4b5563;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chip-stock.hay{background:rgba(22,163,74,.1);color:#15803d}.chip-stock.no{background:rgba(220,38,38,.08);color:#b91c1c}.chip-stock.propio{outline:1.5px solid color-mix(in srgb,var(--primary) 45%,transparent)}.spinner{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(0,0,0,.12);border-top:2.5px solid var(--primary);border-radius:50%;animation:spin .65s linear infinite}.spinner-white{border-color:#fff hsla(0,0%,100%,.3) hsla(0,0%,100%,.3)}.cargando{display:flex;align-items:center;justify-content:center;gap:12px}.cargando,.vacio{padding:72px 20px;color:var(--text-muted)}.vacio{text-align:center;grid-column:1/-1}.vacio-titulo{font-size:17px;font-weight:700;color:var(--text);margin-bottom:6px}.alert{padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:16px;display:flex;gap:10px;align-items:flex-start}.alert-error{background:rgba(220,38,38,.07);color:#b91c1c;border:1px solid rgba(220,38,38,.18)}.alert-warning{background:rgba(217,119,6,.08);color:#b45309;border:1px solid rgba(217,119,6,.2)}.alert-info{background:var(--primary-light);color:var(--primary-dark);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}.skeleton{background:linear-gradient(90deg,#eef0f6 25%,#f7f8fb 50%,#eef0f6 75%);background-size:200% 100%;animation:pulso 1.4s ease-in-out infinite;border-radius:8px}.skeleton-ficha{height:340px;border-radius:var(--radius)}.modal-overlay{position:fixed;inset:0;background:rgba(17,24,39,.5);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .18s ease}.modal{background:var(--white);border-radius:16px;padding:26px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px rgba(17,24,39,.28);animation:fadeInUp .25s cubic-bezier(.22,1,.36,1)}.modal-title{font-size:18px;font-weight:800;margin-bottom:6px}.modal-body{font-size:14px;color:var(--text-muted);margin-bottom:18px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}.campo-link{display:flex;gap:8px;align-items:center}.campo-link .input{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px}.resumen-vista{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--text-muted)}.resumen-vista strong{color:var(--text)}.enlace-admin{text-decoration:none;display:block}.modal-ancho{max-width:760px}.modal-encabezado{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.btn-icono{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;border-radius:8px}.btn-icono:hover{background:var(--bg);color:var(--text)}.form-hint{font-size:12px;color:var(--text-muted);margin-top:5px;line-height:1.4}.form-label-required:after{content:" *";color:var(--danger)}.lista-vendedores{max-height:260px;overflow-y:auto;border:1.5px solid var(--border);border-radius:10px}.fila-vendedor{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--white);border:none;border-bottom:1px solid var(--border);font-family:inherit;font-size:13.5px;text-align:left;cursor:pointer;transition:background .14s}.fila-vendedor:last-child{border-bottom:none}.fila-vendedor:hover{background:var(--primary-light)}.fila-vendedor-nombre{font-weight:700}.fila-vendedor-nombre em{display:block;font-size:11.5px;font-weight:500;font-style:normal;color:var(--text-muted)}.fila-vendedor-datos{font-size:11.5px;color:var(--text-muted);text-align:right;white-space:nowrap;flex-shrink:0}.vendedor-elegido{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--primary-light);border:1.5px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:10px;padding:12px 14px}.vendedor-detalle{margin-top:3px}.celda-secundaria,.vendedor-detalle{font-size:12px;color:var(--text-muted)}.celda-secundaria{margin-top:2px}.fila-inactiva{opacity:.55}.texto-alerta{color:var(--danger);font-size:12.5px;font-weight:600}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;margin-right:5px}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-activo{background:rgba(22,163,74,.1);color:#15803d}.badge-baja{background:rgba(220,38,38,.1);color:#b91c1c}.table-wrapper{overflow-x:auto;border-radius:10px;border:1px solid var(--border);background:var(--white)}.table{width:100%;border-collapse:collapse;font-size:14px}.table thead tr{background:#fafbff}.table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:13px 16px;vertical-align:middle}.table tbody tr{height:62px}.table tr:last-child td{border-bottom:none}.celda-mono{font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Consolas,monospace;font-size:13px;white-space:nowrap}.celda-clave{font-weight:700;letter-spacing:.02em;-webkit-user-select:all;-moz-user-select:all;user-select:all}.clave-visible{background:none;border:1px solid transparent;border-radius:7px;padding:4px 8px;margin-left:-8px;font-family:inherit;font-size:13px;color:inherit;cursor:pointer;text-align:left;white-space:nowrap}.clave-visible:hover{border-color:var(--border);background:var(--bg)}.clave-ilegible{color:var(--text-muted);font-style:italic;font-family:inherit}.clave-edicion{display:flex;align-items:center;gap:6px}.clave-edicion .input{width:190px;padding:6px 10px;font-size:13px}.celda-clave-panel{white-space:nowrap}.tabla-claves{max-height:52vh;overflow-y:auto}.table-actions{white-space:nowrap;text-align:right}.table-actions .btn+.btn{margin-left:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:560px){.form-row{grid-template-columns:1fr}.vendedor-elegido{flex-direction:column;align-items:flex-start}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradiente);padding:20px}.login-card{background:var(--white);border-radius:20px;padding:44px 40px;width:100%;max-width:400px;box-shadow:0 32px 80px rgba(0,0,0,.3);animation:fadeInUp .4s cubic-bezier(.22,1,.36,1)}.login-title{font-size:20px;font-weight:800;text-align:center;margin-bottom:6px}.login-sub{text-align:center;font-size:12.5px;color:var(--text-muted);margin-bottom:26px}.ficha-abrible{cursor:pointer}.ficha-abrible:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:0 10px 26px rgba(17,24,39,.1);transform:translateY(-2px)}.ficha-abrible:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.detalle{background:var(--white);border-radius:18px;width:100%;max-width:940px;max-height:92vh;overflow-y:auto;position:relative;box-shadow:0 32px 80px rgba(0,0,0,.32);animation:fadeInUp .22s cubic-bezier(.22,1,.36,1)}.detalle-cerrar{position:absolute;top:14px;right:14px;z-index:2;background:var(--white);border:1px solid var(--border);border-radius:999px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted)}.detalle-cerrar:hover{color:var(--text);border-color:var(--text-muted)}.detalle-columnas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:0;gap:0}.detalle-izquierda{background:#fafbfc;border-right:1px solid var(--border);border-radius:18px 0 0 18px;display:flex;align-items:center;justify-content:center;padding:24px}.detalle-derecha{padding:28px 30px 30px;min-width:0}.detalle-foto{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:var(--white);cursor:zoom-in;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.detalle-foto.con-lupa{cursor:zoom-out;touch-action:none}.detalle-foto img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .12s ease-out;mix-blend-mode:multiply}.detalle-foto-vacia{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#f4f4f5;color:#c7cad6;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:default}.detalle-lupa{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);background:rgba(17,24,39,.72);color:#fff;font-size:11px;font-weight:700;padding:5px 12px;border-radius:999px;white-space:nowrap;pointer-events:none}.detalle-codigo{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}.detalle-nombre{font-size:21px;font-weight:800;line-height:1.25;margin:4px 0 2px}.detalle-marca{font-size:13px;color:var(--text-muted);margin-bottom:18px}.detalle-precio{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0;margin-bottom:18px}.detalle-tachado{font-size:14px;font-weight:600;color:var(--text-muted);text-decoration:line-through;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.detalle-valor{font-size:32px;font-weight:800;color:var(--primary);line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.detalle-valor.en-oferta{color:var(--oferta)}.detalle-detalle{font-size:12.5px;color:var(--text-muted);margin-top:2px}.detalle-promo{margin-top:10px;font-size:13px;color:var(--oferta)}.detalle-bulto{margin-top:8px;font-size:12.5px;color:var(--text-muted)}.detalle-stock{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.detalle-datos{display:grid;grid-gap:0;gap:0;margin:0}.detalle-dato{display:grid;grid-template-columns:130px minmax(0,1fr);grid-gap:12px;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13.5px}.detalle-dato:last-child{border-bottom:none}.detalle-dato dt{color:var(--text-muted)}.detalle-dato dd{margin:0;font-weight:600;overflow-wrap:anywhere}.detalle-ean{font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Consolas,monospace;font-size:13px;letter-spacing:.04em}@media (max-width:760px){.detalle-columnas{grid-template-columns:minmax(0,1fr)}.detalle-izquierda{border-right:none;border-bottom:1px solid var(--border);border-radius:18px 18px 0 0;padding:16px}.detalle-foto{max-height:46vh;aspect-ratio:auto;height:46vh}.detalle-derecha{padding:20px 18px 24px}.detalle-nombre{font-size:18px}.detalle-valor{font-size:27px}.detalle-dato{grid-template-columns:108px minmax(0,1fr);font-size:13px}}.a4-barra{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--border);padding:12px 20px;gap:12px;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.a4-barra,.a4-lienzo{display:flex;align-items:center}.a4-lienzo{background:#e9ebf2;padding:28px 16px 60px;gap:22px;min-height:100vh}.a4-lienzo,.hoja{flex-direction:column}.hoja{width:210mm;height:297mm;min-height:297mm;background:var(--white);box-shadow:0 6px 28px rgba(17,24,39,.16);padding:12mm 12mm 14mm;display:flex;position:relative}.hoja-encabezado{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:2px solid var(--primary);padding-bottom:8px;margin-bottom:10px}.hoja-encabezado img{height:calc(12mm * var(--escala-logo, 1));max-width:55mm;object-fit:contain}.hoja-titulo{text-align:right}.hoja-titulo h1{font-size:15px;font-weight:800;letter-spacing:-.3px}.hoja-titulo p{font-size:10.5px;color:var(--text-muted);margin-top:2px}.hoja-grilla{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:calc(5mm * var(--escala-texto, 1));gap:calc(5mm * var(--escala-texto, 1));flex:1 1;min-height:0}.hoja-ficha{border:1px solid var(--border);border-radius:8px;padding:calc(3mm * var(--escala-texto, 1));display:flex;flex-direction:column;min-height:0;overflow:hidden;page-break-inside:avoid;break-inside:avoid}.hoja-ficha-imagen{flex:1 1;min-height:calc(16mm * var(--escala-texto, 1));display:flex;align-items:center;justify-content:center;margin-bottom:2mm}.hoja-ficha-imagen img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}.hoja-ficha-imagen .vacia{width:100%;height:100%;background:#f4f4f5;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#c7cad6;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.hoja-ficha-codigo{font-size:calc(8px * var(--escala-texto, 1));font-weight:700;letter-spacing:.06em;color:#9ca3af}.hoja-ficha-nombre{font-size:calc(10px * var(--escala-texto, 1));font-weight:700;line-height:1.25;margin:1px 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.5em;flex-shrink:0}.hoja-ficha-marca{font-size:calc(8.5px * var(--escala-texto, 1));color:var(--text-muted);display:flex;justify-content:space-between;gap:2mm;overflow:hidden;white-space:nowrap}.hoja-envase{font-weight:700;color:var(--text);flex-shrink:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hoja-ficha-precio{margin-top:auto;padding-top:calc(2mm * var(--escala-texto, 1))}.hoja-ficha-precio .tachado{font-size:calc(9px * var(--escala-texto, 1));font-weight:600;color:var(--text-muted);text-decoration:line-through;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hoja-ficha-precio .tachado.sin-rebaja{text-decoration:none}.hoja-ficha-precio .valor{font-size:calc(15px * var(--escala-texto, 1));font-weight:800;color:var(--primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hoja-ficha-precio .valor.en-oferta{color:var(--oferta)}.hoja-ficha-precio .detalle{font-size:calc(8px * var(--escala-texto, 1));color:var(--text-muted)}.hoja-oferta{margin-top:1mm;height:calc(9px * var(--escala-texto, 1));line-height:calc(9px * var(--escala-texto, 1));font-size:calc(7.5px * var(--escala-texto, 1));font-weight:700;color:var(--oferta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hoja-stock{display:flex;flex-wrap:wrap;gap:1mm 2mm;margin-top:1.5mm;padding-top:1.5mm;border-top:1px solid #f3f4f6;font-size:8px;color:#4b5563}.hoja-pie{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:5px;margin-top:6mm;font-size:8.5px;color:#9ca3af}@page{size:A4;margin:0}@media print{body{background:var(--white)}.a4-barra,.mobile-header,.no-imprimir,.sidebar{display:none!important}.a4-lienzo{background:var(--white);padding:0;gap:0;display:block;min-height:0}.hoja{box-shadow:none;width:210mm;height:297mm;min-height:297mm;break-after:page;page-break-after:always}.hoja:last-child{break-after:auto;page-break-after:auto}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}@media (max-width:900px){.app-layout{flex-direction:column}.sidebar{transform:translateX(-100%)}.sidebar.abierta{transform:translateX(0)}.main-content{margin-left:0;width:100%;padding:16px 14px 40px}.mobile-header{display:flex;width:100%}.filtros{position:static;padding:12px}.grilla{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.contador-resultados{margin-left:0;width:100%}.hoja{width:100%;height:auto;min-height:0;padding:16px}.hoja-grilla{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.solo-ancho{display:none}.page-title{font-size:21px}.page-header{gap:12px}.acciones{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;width:100%}.acciones .btn{justify-content:center;padding:10px 12px;font-size:13.5px}.filtros-fila{gap:8px}.buscador{flex:1 1 100%;min-width:0}.select-compacto{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 4px);min-width:0;max-width:none}.filtro-grupo-label{width:100%;margin:2px 0 -2px}.pildora{padding:8px 12px}.input,.select{font-size:16px}.aviso-unidades{width:100%;text-align:center}.modal{padding:20px 18px}.modal-actions .btn{flex:1 1;justify-content:center}.a4-barra{padding:10px 12px;gap:8px}.a4-lienzo{padding:12px 8px 40px}}@media (max-width:340px){.acciones{grid-template-columns:1fr}.select-compacto{flex:1 1 100%}}.nav-compras{display:flex;align-items:center;gap:11px;padding:9px 12px 9px 14px}.nav-compras svg{flex-shrink:0;opacity:.9}.nav-compras.activo svg{color:var(--primary);opacity:1}.nav-grupo{margin-top:6px}.nav-grupo-titulo{width:100%;display:flex;align-items:center;gap:8px;padding:9px 10px 7px;background:none;border:none;border-radius:8px;color:hsla(0,0%,100%,.8);font-family:inherit;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;text-align:left}.nav-grupo-titulo:hover{color:var(--white);background:var(--sidebar-hover)}.nav-grupo-titulo span{flex:1 1}.nav-grupo-titulo small{font-size:10px;font-weight:700;letter-spacing:0;background:hsla(0,0%,100%,.18);border-radius:99px;padding:1px 7px}.nav-grupo-titulo svg{transition:transform .18s ease;transform:rotate(-90deg);opacity:.7}.nav-grupo.desplegado .nav-grupo-titulo svg{transform:rotate(0deg)}.nav-grupo-items{padding-left:4px;border-left:1px solid hsla(0,0%,100%,.2);margin-left:8px}.nav-portal{padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid hsla(0,0%,100%,.18)}.nav-portal .canal-btn{margin-bottom:0}