:root{--fondo: #f7f4ef;--tarjeta: #ffffff;--tinta: #292524;--tinta-suave: #78716c;--linea: #e7e0d8;--acento: #c2410c;--acento-suave: #fff1e7;--ok: #15803d;--aviso: #b45309;--error: #b91c1c;--radio: 14px;--sombra: 0 1px 2px rgb(41 37 36 / .06), 0 4px 12px rgb(41 37 36 / .05)}*{box-sizing:border-box;margin:0}html{background:var(--fondo)}body{background:var(--fondo);color:var(--tinta);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#root{display:flex;justify-content:center;min-height:100dvh}.columna{width:100%;max-width:430px;padding:12px 16px calc(84px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.cabecera{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;margin:0 -16px;padding:10px 16px;background:color-mix(in srgb,var(--fondo) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}.cabecera h1{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boton-volver{border:1px solid var(--linea);background:var(--tarjeta);color:var(--tinta);width:36px;height:36px;border-radius:50%;font-size:1rem;cursor:pointer;flex-shrink:0;box-shadow:var(--sombra)}.tarjeta{background:var(--tarjeta);border-radius:var(--radio);padding:14px;box-shadow:var(--sombra);border:1px solid var(--linea)}.boton{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 16px;border:none;border-radius:12px;background:var(--tinta);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:transform .05s}.boton:active{transform:scale(.98);opacity:.9}.boton:disabled{opacity:.5}.boton.secundario{background:var(--tarjeta);color:var(--tinta);border:1px solid var(--linea)}.boton.acento{background:var(--acento)}.boton.mini{width:auto;padding:7px 12px;font-size:.85rem;border-radius:10px}.campo{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.campo label{font-size:.8rem;font-weight:600;color:var(--tinta-suave);text-transform:uppercase;letter-spacing:.03em}.campo input,.campo select,select,input.buscador{padding:12px;border:1px solid var(--linea);border-radius:12px;font-size:1rem;background:var(--tarjeta);color:var(--tinta);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.campo input:focus,.campo select:focus,input.buscador:focus{outline:2px solid var(--acento);outline-offset:-1px}input.buscador{background:var(--tarjeta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2378716c' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat 12px center;padding-left:38px}.insignia{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.insignia.gris{background:#f5f5f4;color:#57534e}.insignia.ambar{background:#fef3c7;color:#92400e}.insignia.azul{background:#dbeafe;color:#1d4ed8}.insignia.morado{background:#ede9fe;color:#6d28d9}.insignia.verde{background:#dcfce7;color:#15803d}.insignia.rojo{background:#fee2e2;color:#b91c1c}.insignia.acento{background:var(--acento-suave);color:var(--acento)}.rejilla{display:grid;grid-template-columns:1fr 1fr;gap:10px}.producto-tarjeta{background:var(--tarjeta);border-radius:var(--radio);overflow:hidden;border:1px solid var(--linea);box-shadow:var(--sombra);text-decoration:none;color:inherit;display:flex;flex-direction:column}.producto-foto{aspect-ratio:3 / 4;width:100%;object-fit:cover;background:linear-gradient(160deg,#f5f0e8,#ebe3d7);display:block}.producto-foto.vacia{display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#d6cec2}.producto-info{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}.producto-info strong{font-size:.9rem;line-height:1.25}.producto-precio{font-weight:700;color:var(--acento);font-size:.95rem}.carrusel{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px;-webkit-overflow-scrolling:touch}.carrusel img{scroll-snap-align:center;border-radius:var(--radio);width:82%;flex-shrink:0;aspect-ratio:3 / 4;object-fit:cover;border:1px solid var(--linea)}.carrusel img:only-child{width:100%}.menu{display:flex;flex-direction:column;gap:10px}.fila-lista{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.fila-lista .miniatura{width:54px;height:68px;border-radius:10px;object-fit:cover;background:#ece5da;flex-shrink:0}.suave{color:var(--tinta-suave);font-size:.85rem}.error{color:var(--error);font-size:.9rem}.exito{color:var(--ok);font-size:.9rem}.estado-vacio{text-align:center;padding:36px 16px;color:var(--tinta-suave)}.estado-vacio span{font-size:2.2rem;display:block;margin-bottom:8px}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;margin:0 -16px;padding-left:16px;padding-right:16px}.chips select{width:auto;min-width:110px;padding:8px 28px 8px 12px;font-size:.85rem;border-radius:999px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2378716c' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L2 5h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.chips select.activo{border-color:var(--acento);color:var(--acento);font-weight:600}.barra-inferior{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;display:flex;justify-content:space-around;background:color-mix(in srgb,var(--tarjeta) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--linea);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:30}.barra-inferior a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--tinta-suave);font-size:.65rem;font-weight:600;min-width:60px}.barra-inferior a.activa{color:var(--acento)}.barra-inferior a span{font-size:1.35rem;line-height:1}.marca{font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:.02em}.modulo-tarjeta{border-radius:var(--radio);padding:16px;border:1px solid var(--linea);background:var(--tarjeta);box-shadow:var(--sombra)}.modulo-titulo{display:flex;align-items:center;gap:10px;margin-bottom:12px}.modulo-titulo .icono{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:var(--acento-suave)}.accesos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.acceso{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;border:1px solid var(--linea);background:var(--fondo);text-decoration:none;color:inherit;font-weight:600;font-size:.9rem}.acceso .contador{color:var(--acento);font-size:1.3rem;font-weight:800}pre.codigo{overflow:auto;font-size:11px;background:#faf8f5;border:1px solid var(--linea);padding:10px;border-radius:10px}.fm-pantalla{display:flex;flex-direction:column;gap:8px}.fm-etiqueta{font-size:.78rem;font-weight:700;color:var(--tinta-suave);text-transform:uppercase;letter-spacing:.04em;margin-top:6px}.fm-texto{font-size:.9rem}.fm-campo{margin-bottom:6px}.fm-solo-lectura{padding:10px 12px;border-radius:10px;background:var(--tarjeta);border:1px dashed var(--linea);min-height:20px}.fm-boton{justify-content:flex-start}.fm-pendiente{opacity:.55;border-style:dashed}.fm-oscuro{--fm-fondo: #292d31;--fm-panel: #33383d;--fm-campo: #101214;--fm-texto: #f2f2f2;--fm-suave: #a8adb3;--fm-linea: #43494f;--fm-azul: #a5b8fc;--fm-rosa: #f2a7c3;--fm-verde: #b9e39c;--fm-naranja: #f7c07a;--fm-rojo: #e8442e;background:var(--fm-fondo);color:var(--fm-texto);margin:0 -16px;padding:12px 16px calc(90px + env(safe-area-inset-bottom));min-height:100dvh}.fm-oscuro .fm-etiqueta{color:var(--fm-suave);text-align:center;margin:8px 0 2px}.fm-oscuro .fm-texto{color:var(--fm-texto);text-align:center;font-size:.85rem}.fm-oscuro .campo label{color:var(--fm-suave);text-align:center}.fm-oscuro .campo input,.fm-oscuro .campo select,.fm-oscuro input.buscador{background-color:var(--fm-campo);color:var(--fm-texto);border-color:var(--fm-linea);text-align:center}.fm-oscuro .fm-solo-lectura{background:var(--fm-campo);color:var(--fm-texto);border:1px solid var(--fm-linea);text-align:center}.fm-oscuro .tarjeta{background:var(--fm-panel);border-color:var(--fm-linea);box-shadow:none}.fm-oscuro .fm-boton{background:var(--fm-campo);color:var(--fm-texto);border:1px solid var(--fm-linea);justify-content:center}.fm-oscuro .fm-boton.fm-azul{background:var(--fm-azul);color:#101214;font-weight:800}.fm-oscuro .fm-boton.fm-rosa{background:var(--fm-rosa);color:#101214}.fm-oscuro .fm-boton.fm-rojo{background:var(--fm-rojo);color:#fff}.fm-oscuro .fm-pendiente{opacity:.5;border-style:dashed}.fm-oscuro .fm-fila-portal{display:flex;gap:6px;align-items:center;padding:5px 6px;border-radius:8px;margin-bottom:5px;background:var(--fm-verde);color:#14210c;font-weight:600;font-size:.82rem}.fm-oscuro .fm-fila-portal.destacada{background:var(--fm-naranja)}.fm-oscuro .fm-fila-portal .celda{background:#ffffff8c;border-radius:6px;padding:3px 8px}.fm2-pantalla{background:#26292d;color:#e8e8e8;min-height:100dvh;max-width:430px;margin:0 auto;padding:10px 22px calc(90px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;font-size:.9rem}.fm2-titulo{text-align:center;color:#b9bcc0;font-size:.85rem;font-weight:600}.fm2-etiqueta{text-align:center;color:#b9bcc0;font-size:.78rem;margin-bottom:-4px}.fm2-suave{color:#9a9ea3;font-size:.8rem}.fm2-foto-marco{background:#fff;border-radius:4px;padding:6px;width:200px;align-self:center}.fm2-foto-marco img{width:100%;aspect-ratio:3/4.4;object-fit:cover;display:block}.fm2-puntos{display:flex;justify-content:center;gap:7px}.fm2-puntos button{width:8px;height:8px;border-radius:50%;border:none;background:#5a5f66}.fm2-puntos button.activo{background:#e8e8e8}.fm2-campo{background:#0f1113;color:#f0f0f0;border:1px solid #3c4147;border-radius:6px;padding:9px 12px;text-align:center;font-size:.92rem;width:100%;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.fm2-campo::placeholder{color:#6f747a}.fm2-campo.rosa{background:#f6dede;color:#333;border-color:#e6c9c9}.fm2-fila-par{display:flex;align-items:center;gap:10px;justify-content:center}.fm2-fila-par>label{color:#cfd2d6;font-size:.85rem;white-space:nowrap}.fm2-mas{background:#a5b8fc;color:#101214;border:none;border-radius:8px;width:38px;height:34px;font-size:1.15rem;font-weight:800;flex-shrink:0;cursor:pointer}.fm2-quitar{background:#f2a7c3;color:#7c1030;border:none;border-radius:50%;width:30px;height:30px;font-weight:800;flex-shrink:0;cursor:pointer}.fm2-precios{display:flex;gap:10px;justify-content:center}.fm2-precios>div{width:30%;text-align:center}.fm2-mult{color:#e8442e;text-align:center;font-size:.8rem;font-weight:700;margin-top:2px}.fm2-popover{background:#3a3f45;border:1px solid #52585f;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 30px #00000073}.fm2-fila-lista{display:flex;justify-content:space-between;align-items:center;background:#1d2023;color:#e8e8e8;border:none;border-radius:6px;padding:10px 12px;cursor:pointer;font-size:.88rem}.fm2-guardar{background:#a5b8fc;color:#101214;border:none;border-radius:8px;padding:10px;font-weight:800;cursor:pointer}.fm2-tabla{display:flex;flex-direction:column;gap:5px;margin-top:6px}.fm2-tabla-cab{display:grid;grid-template-columns:26px 1fr 1fr 1fr 1fr 26px;gap:5px;color:#9a9ea3;font-size:.7rem;text-align:center}.fm2-tabla-fila{display:grid;grid-template-columns:26px 1fr 1fr 1fr 1fr 26px;gap:5px;align-items:center}.fm2-tabla-fila .celda{background:#b9e39c;color:#14210c;border-radius:5px;padding:5px 2px;text-align:center;font-weight:700;font-size:.78rem}.fm2-tabla-fila.reciente .celda{background:#f7c07a}.fm2-ico{background:none;border:none;font-size:.95rem;cursor:pointer;filter:grayscale(.3)}.fm2-eliminar{background:#e8442e;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-weight:700;align-self:center;margin-top:14px;cursor:pointer}.fm2-aviso{color:#f2a7c3;text-align:center;font-size:.85rem}