*{box-sizing:border-box;margin:0;padding:0}:root{--azul: #0f4c81;--azul-oscuro: #0a3a63;--naranja: #f97316;--fondo: #f1f5f9;--tarjeta: #ffffff;--texto: #1e293b;--gris: #64748b;--borde: #e2e8f0;--verde: #16a34a;--ambar: #d97706}html,body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--fondo);color:var(--texto);-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}.app{min-height:100vh}.barra-superior{position:sticky;top:0;z-index:20}.barra-superior .cabecera,.barra-superior .tabs{position:static}.cabecera{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--azul);color:#fff;box-shadow:0 2px 8px #00000026}.logo{height:36px;width:auto;flex:0 0 auto;display:block;object-fit:contain}.vendedor-barra{font-size:14px;font-weight:600;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22ch}.buscador{flex:1;max-width:340px;padding:10px 14px;border:none;border-radius:10px;font-size:15px;outline:none}.filtro-stock{display:flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap;cursor:pointer}.filtro-stock input{width:18px;height:18px}.btn-carrito{margin-left:auto;position:relative;padding:10px 18px;border:none;border-radius:10px;background:var(--naranja);color:#fff;font-size:15px;font-weight:600}.badge{position:absolute;top:-8px;right:-8px;background:#dc2626;color:#fff;border-radius:999px;min-width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;padding:0 4px}.tabs{display:flex;gap:4px;padding:10px 16px 0;background:var(--azul);position:sticky;top:58px;z-index:19;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs button{flex:0 0 auto;padding:12px 22px;border:none;font-size:15px;font-weight:600;border-radius:12px 12px 0 0;background:#ffffff26;color:#fff;white-space:nowrap}.tabs button.activo{background:var(--fondo);color:var(--azul)}.filtro-categorias{display:flex;gap:8px;padding:12px 16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.cat-chip{flex:0 0 auto;padding:10px 18px;min-height:44px;border:2px solid var(--borde);border-radius:999px;background:var(--tarjeta);color:var(--texto);font-size:14px;font-weight:600}.cat-chip.activo{border-color:var(--azul);background:var(--azul);color:#fff}.grilla{display:grid;gap:14px;padding:16px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.card{border:1px solid var(--borde);border-radius:14px;overflow:hidden;background:var(--tarjeta);text-align:left;padding:0;transition:transform .1s,box-shadow .1s}.card:active{transform:scale(.97)}.img-producto,.img-relleno{width:100%;height:170px;object-fit:cover;display:block}.img-relleno{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#e0f2fe);color:var(--azul);font-weight:700;font-size:22px}.card-info{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px}.card-info strong{font-size:16px}.card-info .nombre-largo{font-size:13px;line-height:1.25}.precio{color:var(--azul);font-weight:700;font-size:15px}.tipos-mini{color:var(--gris);font-size:12px}.color-nombre{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gris)}.puntos{display:flex;gap:5px;margin-top:4px;align-items:center}.punto{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:inline-block;flex-shrink:0}.punto.grande{width:22px;height:22px;vertical-align:middle;margin-right:6px}.mas{font-size:12px;color:var(--gris)}.dispo{font-style:normal;font-size:12px;font-weight:600}.dispo.ok{color:var(--verde)}.dispo.pocas{color:var(--ambar)}.dispo.pedido{color:var(--azul)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f172a8c;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border-radius:18px;width:min(680px,94vw);max-height:92vh;display:flex;flex-direction:column}.modal-cabecera{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--borde)}.modal-cabecera h3{font-size:18px}.btn-cerrar{border:none;background:var(--fondo);border-radius:10px;width:42px;height:42px;font-size:17px}.modal-cuerpo{padding:16px 20px;overflow-y:auto;flex:1}.paso{margin:14px 0 8px;font-size:15px;color:var(--azul)}.precio-fijo{font-size:16px;margin-top:6px}.galeria{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}.img-principal{width:100%;height:240px;object-fit:contain;background:#f8fafc;border:1px solid var(--borde);border-radius:12px}.img-principal-relleno{width:100%;height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#f8fafc;border:1px dashed var(--borde);border-radius:12px;color:var(--gris)}.relleno-icono{font-size:34px}.relleno-texto{font-size:13px;text-align:center;padding:0 12px}.miniaturas{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.mini{flex:0 0 auto;width:74px;padding:3px;border:2px solid transparent;border-radius:12px;background:none;display:flex;flex-direction:column;align-items:center;gap:2px}.mini.activo{border-color:var(--naranja);background:#fff7ed}.mini-img{width:66px;height:62px;object-fit:cover;border-radius:9px}.mini-relleno{width:66px;height:62px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px dashed var(--borde);border-radius:9px}.mini-relleno .relleno-icono{font-size:22px}.mini-nombre{font-size:11px;font-weight:600;color:var(--texto);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-foto{width:42px;height:42px;object-fit:cover;border-radius:8px}.chip-foto-relleno{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px dashed var(--borde);border-radius:8px}.chip-foto-relleno .relleno-icono{font-size:18px}.chip-foto-relleno .relleno-texto{display:none}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;min-height:52px;justify-content:center;border:2px solid var(--borde);border-radius:12px;background:#fff;font-size:14px}.chip strong{color:var(--azul)}.chip.activo{border-color:var(--naranja);background:#fff7ed}.chip-color{flex-direction:row;gap:8px}.chip-color .punto{width:20px;height:20px}.grupo-talles{margin-bottom:14px}.grupo-cabecera{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px}.grupo-cabecera h4{font-size:14px;color:var(--gris);text-transform:uppercase;letter-spacing:.5px}.btn-curva{border:1px solid var(--azul);color:var(--azul);background:#eff6ff;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;min-height:44px;white-space:nowrap;flex-shrink:0}.talles{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(172px,1fr))}.talle{display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid var(--borde);border-radius:10px;padding:6px 8px 6px 12px;background:#fff;min-width:0}.talle.solo{max-width:220px}.talle-nombre{font-weight:700;font-size:15px}.stepper{display:flex;align-items:center;gap:2px;flex-shrink:0}.stepper button{width:44px;height:44px;border:none;border-radius:8px;background:var(--fondo);font-size:20px;font-weight:700;color:var(--azul);touch-action:manipulation}.stepper span{min-width:32px;text-align:center;font-size:16px}.stepper span.con-valor{font-weight:700;color:var(--naranja)}.stepper.chico button{width:38px;height:38px;font-size:17px}.observaciones{width:100%;padding:12px 14px;border:2px solid var(--borde);border-radius:10px;font-family:inherit;font-size:15px;outline:none;resize:vertical}.observaciones:focus{border-color:var(--azul)}.modal-pie{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 20px;border-top:1px solid var(--borde);font-size:15px}.btn-principal{border:none;border-radius:12px;padding:14px 22px;background:var(--naranja);color:#fff;font-size:15px;font-weight:700}.btn-principal:disabled{opacity:.45;cursor:default}.btn-secundario{border:2px solid var(--azul);border-radius:12px;padding:12px 18px;background:#fff;color:var(--azul);font-size:15px;font-weight:700}.drawer{margin-left:auto;background:#fff;height:100dvh;width:min(480px,96vw);display:flex;flex-direction:column}.modal-fondo:has(.drawer){justify-content:flex-end;align-items:stretch}.drawer-cuerpo{flex:1;overflow-y:auto;padding:12px 16px}.vacio{color:var(--gris);padding:30px 10px;text-align:center}.linea{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--borde);padding:10px 0}.linea-info{display:flex;flex-direction:column;gap:2px;font-size:14px}.linea-info span{color:var(--gris);font-size:13px}.linea-obs{color:var(--ambar);font-size:12px;font-style:normal}.linea-acciones{display:flex;align-items:center;gap:10px}.subtotal{font-size:14px;min-width:84px;text-align:right}.drawer-pie{border-top:2px solid var(--borde);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.cliente-caja{display:flex;flex-direction:column;gap:6px;position:relative}.cliente-caja label{font-size:13px;font-weight:700;color:var(--gris)}.cliente-caja input{padding:12px 14px;border:2px solid var(--borde);border-radius:10px;font-size:15px;outline:none}.cliente-caja input:focus{border-color:var(--azul)}.sugerencias{position:absolute;top:100%;left:0;right:0;z-index:10;background:#fff;border:1px solid var(--borde);border-radius:10px;box-shadow:0 8px 20px #0000001f;overflow:hidden}.sugerencias button{display:block;width:100%;text-align:left;padding:12px 14px;border:none;background:#fff;font-size:14px;border-bottom:1px solid var(--borde)}.sugerencias button:active{background:var(--fondo)}.cliente-ok{color:var(--verde);font-size:13px;font-style:normal}.cliente-nuevo{color:var(--ambar);font-size:13px;font-style:normal}.fila-resumen{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--gris);padding:0 2px}.fila-resumen.descuento{color:var(--verde);font-weight:600}.total-caja{display:flex;align-items:center;justify-content:space-between;font-size:17px;padding:4px 2px}.total-caja strong{font-size:22px;color:var(--azul)}.botones{display:flex;gap:10px}.botones .btn-principal{flex:1}.error{color:#dc2626;font-size:14px}.aviso-exito{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:60;background:var(--verde);color:#fff;padding:12px 22px;border-radius:12px;font-size:15px;font-weight:600;box-shadow:0 6px 18px #00000040}.pantalla-carga{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--gris);padding:20px;text-align:center}.talle-nombre{display:flex;flex-direction:column;line-height:1.15}.talle-libre{font-style:normal;font-size:11px;font-weight:600}.talle-libre.ok{color:var(--verde)}.talle-libre.pedido{color:var(--gris)}.nota-stock{font-size:13px;color:var(--gris);margin-top:6px}.pantalla-login{min-height:100vh;display:flex;flex-direction:column;gap:26px;align-items:center;justify-content:center;padding:20px;background:linear-gradient(160deg,var(--azul) 0%,var(--azul-oscuro) 100%)}.pantalla-login .login-caja{gap:14px}.logo-login{width:min(300px,72vw);height:auto}.pantalla-login label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--gris)}.pantalla-login button{padding:14px;border:none;border-radius:10px;background:var(--azul);color:#fff;font-size:16px;font-weight:700;margin-top:4px}.pantalla-login button:disabled{background:var(--gris);opacity:.6}.login-error{color:#dc2626;font-size:14px;font-weight:600}.pantalla-inicio{min-height:100vh;padding-bottom:30px}.cabecera-inicio{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;background:var(--azul);color:#fff}.usuario-actual{flex:1;display:flex;align-items:center;gap:10px}.usuario-actual .hola{font-size:17px}.chip-rol{font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;background:#fff3;padding:4px 10px;border-radius:20px}.acciones-inicio{display:flex;gap:8px}.cabecera-inicio .btn-secundario{background:#ffffff26;color:#fff;border:none;text-decoration:none}.filtros-inicio{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 18px;max-width:1000px;margin:0 auto}.periodos{display:flex;gap:6px;flex-wrap:wrap}.ver-vendedor{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--gris)}.ver-vendedor select{padding:8px 10px;border:2px solid var(--borde);border-radius:8px;font-size:14px}.tarjetas-resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;padding:0 18px;max-width:1000px;margin:0 auto}.tarjeta-resumen{background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:4px;border-top:4px solid var(--gris)}.tarjeta-resumen.borradores{border-top-color:var(--ambar)}.tarjeta-resumen.confirmados{border-top-color:var(--verde)}.tarjeta-resumen.total{border-top-color:var(--azul)}.tarjeta-titulo{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--gris);font-weight:700}.tarjeta-cantidad{font-size:34px;line-height:1.1;color:var(--texto)}.tarjeta-monto{font-size:16px;font-weight:600;color:var(--azul)}.ultimos-pedidos{padding:22px 18px 0;max-width:1000px;margin:0 auto}.ultimos-pedidos h3{color:var(--azul);margin-bottom:10px}.ultimos-pedidos .tabla{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;overflow:hidden}.tabla .der{text-align:right}.estado-pedido{font-size:12px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap}.estado-pedido.draft,.estado-pedido.sent{background:#fef3c7;color:#92400e}.estado-pedido.sale,.estado-pedido.done{background:#dcfce7;color:#166534}.estado-pedido.cancel{background:#fee2e2;color:#991b1b}.btn-catalogo{display:block;width:min(560px,calc(100% - 36px));margin:28px auto 0;padding:22px;border:none;border-radius:16px;background:var(--naranja);color:#fff;font-size:22px;font-weight:800;letter-spacing:1px;box-shadow:0 6px 18px #f9731659}.btn-catalogo:active{transform:translateY(2px)}.btn-volver{padding:10px 14px;border:none;border-radius:10px;font-size:14px;font-weight:600;background:#ffffff26;color:#fff;white-space:nowrap}.fila-apagada{opacity:.5}.acciones-fila{display:flex;gap:6px;white-space:nowrap}.nota-archivado{color:var(--ambar);font-style:normal;font-size:12px;font-weight:600}.nota-yo{color:var(--azul);font-style:normal;font-size:12px;font-weight:700}.reserva-vendedor{font-size:12px;color:var(--gris);display:block}.formulario select{padding:12px 14px;border:2px solid var(--borde);border-radius:10px;font-size:15px;font-family:inherit;background:#fff}.login-caja{background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;padding:28px;width:min(360px,92vw);display:flex;flex-direction:column;gap:12px}.login-caja h2{color:var(--azul)}.login-nota{font-size:13px;color:var(--gris)}.login-caja input{padding:12px 14px;border:2px solid var(--borde);border-radius:10px;font-size:15px;outline:none}.login-caja input:focus{border-color:var(--azul)}.tabs-admin{display:flex;gap:4px;flex:1;justify-content:center}.tabs-admin button{padding:10px 20px;border:none;border-radius:10px;font-size:15px;font-weight:600;background:#ffffff26;color:#fff}.tabs-admin button.activo{background:#fff;color:var(--azul)}.admin-cuerpo{padding:16px;max-width:1100px;margin:0 auto}.admin-barra{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.admin-barra .nota{flex:1 1 100%}.buscador.oscuro{border:2px solid var(--borde);max-width:300px}.btn-archivo{display:inline-flex;align-items:center;cursor:pointer}.admin-resumen{color:var(--gris);font-size:14px;margin-bottom:10px}.admin-titulo{margin:18px 0 8px;color:var(--azul)}.nota{font-size:13px;color:var(--gris)}.tabla-scroll{overflow-x:auto;background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px}.tabla{width:100%;border-collapse:collapse;font-size:14px}.tabla th{text-align:left;padding:10px 12px;background:var(--fondo);color:var(--gris);font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.tabla td{padding:8px 12px;border-top:1px solid var(--borde)}.tabla .mono{font-family:Consolas,monospace;font-size:13px}.tabla .detalle{font-size:13px;color:var(--gris)}.ok{color:var(--verde)}.mal{color:#dc2626}.btn-mini{border:1px solid var(--borde);background:#fff;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;white-space:nowrap}.btn-mini.ok{border-color:var(--verde);color:var(--verde)}.tarjeta-importacion{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;padding:14px 16px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.lista-errores{margin-left:18px;font-size:13px;color:#92400e}.tarjeta-peligro{background:#fef2f2;border-color:#fca5a5}.tarjeta-peligro h4{color:#b91c1c}.btn-peligro{border:none;border-radius:12px;padding:14px 22px;background:#dc2626;color:#fff;font-size:15px;font-weight:700}.btn-peligro:disabled{opacity:.45;cursor:default}.tabla-comparacion{border-collapse:collapse;font-size:14px;width:100%;max-width:520px}.tabla-comparacion th{text-align:left;padding:6px 12px;color:var(--gris);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.tabla-comparacion th:not(:first-child),.tabla-comparacion td:not(:first-child){text-align:right}.tabla-comparacion td{padding:6px 12px;border-top:1px solid #fca5a5}.marca-bloqueado{color:#b91c1c;font-weight:700;font-size:13px;white-space:nowrap}.marca-provisoria{color:#92400e;font-size:13px;white-space:nowrap}.btn-texto{border:none;background:none;color:var(--azul);font-size:14px;font-weight:600;text-decoration:underline;padding:6px}.reserva{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:12px 14px;margin-bottom:8px}.reserva.vieja{border-color:#fca5a5;background:#fef2f2}.reserva.apagada{opacity:.55}.reserva-info{font-size:14px}.reserva-info ul{margin:6px 0 0 18px;color:var(--gris);font-size:13px}.reserva-edad{margin-left:8px;font-size:13px;color:var(--gris)}.reserva.vieja .reserva-edad{color:#dc2626;font-weight:700}.reserva-botones{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.modal.chica{width:min(440px,94vw)}.formulario{display:flex;flex-direction:column;gap:6px}.formulario label{font-size:13px;font-weight:700;color:var(--gris);margin-top:6px}.formulario input{padding:11px 13px;border:2px solid var(--borde);border-radius:10px;font-size:15px;outline:none}.formulario input:focus{border-color:var(--azul)}.aviso-exito.rojo{background:#dc2626}@media (max-width: 900px){.modal{width:96vw;max-height:94vh}.img-principal,.img-principal-relleno{height:200px}.talles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.chip{padding:10px 14px}.cabecera{flex-wrap:wrap}.buscador{order:3;max-width:none;flex:1 1 100%}}@media (max-width: 640px){.modal-fondo{align-items:stretch;justify-content:stretch}.modal{width:100vw;height:100dvh;max-height:none;border-radius:0}.logo{height:30px}.vendedor-barra{max-width:14ch}.talles{grid-template-columns:repeat(2,1fr)}.talle{padding-left:10px}.chips .chip{flex:1 1 calc(50% - 8px)}.grupo-cabecera{align-items:stretch;flex-direction:column}.btn-curva{width:100%}.modal-pie{flex-direction:column;align-items:stretch;text-align:center}.modal-pie .btn-principal{width:100%;padding:16px}.tabs button{padding:12px 14px;font-size:14px}}@media (max-width: 380px){.talles{grid-template-columns:1fr}}