:root{color-scheme:light;--fondo: #f6f3ec;--tinta: #1c1915;--verde: #1f3d2b;--verde-suave: #e7f0ea;--linea: #d9d0c3;--papel: #fffdf8;--aviso: #fff4e5;--aviso-borde: #e2c48a;--peligro: #8c2f2f;--peligro-fondo: #f8e8e6;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--fondo);color:var(--tinta);font-size:18px;line-height:1.35}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--verde)}.pagina{max-width:1100px;margin:0 auto;padding:16px 16px calc(24px + env(safe-area-inset-bottom))}.estrecha{max-width:480px}.marca{margin:0;font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--verde)}h1{margin:4px 0 12px;font-size:1.8rem;line-height:1.15}h2{margin:0 0 12px;font-size:1.35rem}h3{margin:0 0 8px;font-size:1.25rem}.cabecera,.controles,.fila,.pestanas{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cabecera{justify-content:space-between;margin-bottom:12px}.conexion{margin:0;padding:8px 12px;border-radius:999px;border:2px solid var(--verde);background:var(--verde-suave);font-weight:700}.conexion.sin_conexion{border-color:var(--peligro);background:var(--peligro-fondo);color:var(--peligro)}.conexion.reconectando{border-color:#8a5a12;background:var(--aviso)}.aviso,.ejemplo,.actualizacion{background:var(--aviso);border:2px solid var(--aviso-borde);border-radius:14px;padding:12px 14px;margin:0 0 12px}.ejemplo{margin:0;border-radius:0}.formulario,.dialogo label,.buscador{display:flex;flex-direction:column;gap:6px;font-weight:700}input,select{min-height:52px;padding:10px 12px;border:2px solid var(--linea);border-radius:12px;background:#fff;font-weight:500}button.primario,button.fantasma,button.peligro{min-height:52px;padding:12px 16px;border-radius:14px;border:2px solid var(--verde);font-weight:700}button.primario{background:var(--verde);color:#fff}button.fantasma{background:#fff;color:var(--verde)}button.peligro{background:#fff;color:var(--peligro);border-color:var(--peligro)}button:disabled{cursor:default}.rejilla{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}.celda{display:flex;flex-direction:column;gap:6px}button.producto{min-height:112px;padding:16px;border-radius:18px;border:3px solid var(--verde);background:#fff;text-align:left;font-size:1.35rem;font-weight:700}button.producto.reportado{background:var(--verde);color:#fff}button.producto .ya{display:block;margin-top:8px;font-size:1rem;letter-spacing:.04em}button.enlace{align-self:flex-start;background:transparent;border:0;color:var(--peligro);font-weight:700;min-height:44px;padding:8px 4px;text-decoration:underline}.grupo{margin-top:22px}.lista{display:grid;grid-template-columns:1fr;gap:12px}.tarjeta{background:var(--papel);border:2px solid var(--linea);border-radius:18px;padding:14px}.tarjeta.compacta{padding:12px}.etiquetas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.etiqueta{background:var(--verde-suave);color:var(--verde);border-radius:999px;padding:6px 10px;font-weight:700}.pie{margin-top:28px}.pie summary{min-height:48px;font-weight:700;cursor:pointer}.velo{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(28,25,21,.45);display:flex;align-items:flex-end;justify-content:center;padding:12px;z-index:20}.dialogo{width:min(560px,100%);background:var(--papel);color:var(--tinta);border-radius:18px;padding:16px;max-height:calc(100vh - 24px);overflow:auto}.dialogo p{font-size:1.15rem}.dialogo .fila{margin-top:12px}.dialogo .fila button{flex:1}.actualizacion{position:sticky;top:0;z-index:10;margin:0;border-radius:0}.buscador{flex:1 1 220px}.quien{margin:0;font-size:1.2rem;font-weight:700}.ancho{width:100%}.estado-palabra{font-weight:700;text-align:center}.puntos{display:flex;gap:12px;justify-content:center;margin:16px 0}.punto{width:18px;height:18px;border-radius:50%;border:3px solid var(--verde);background:#fff}.punto.lleno{background:var(--verde)}.teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}button.tecla{min-height:76px;font-size:1.8rem;font-weight:700;border-radius:16px;border:3px solid var(--verde);background:#fff;color:var(--tinta)}.checks{border:0;margin:12px 0;padding:0}.checks legend{font-weight:700;margin-bottom:8px}.check{display:flex;align-items:center;gap:10px;min-height:48px;font-weight:700}.check input{width:28px;height:28px}.codigo-grande{font-size:2rem;font-weight:700;letter-spacing:.08em;margin:8px 0}.bloque-edit{display:flex;flex-direction:column;gap:8px;margin-top:12px}.seccion-local{padding-top:8px;border-top:2px solid var(--linea)}.botones-tienda{display:flex;flex-direction:column;gap:10px}button.boton-tienda{width:100%;min-height:72px;padding:12px 16px;border-radius:14px;border:2px solid var(--verde);background:#fff;color:var(--tinta);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px}button.boton-tienda strong{flex:1;font-size:1.15rem;line-height:1.2}button.boton-tienda span{font-weight:700;color:var(--verde);white-space:nowrap}.titulo-tienda{margin-top:16px}.lista-compacta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.renglon-compra{background:var(--papel);border:1px solid var(--linea);border-radius:12px;padding:10px 12px}.renglon-compra .nombre-faltante{margin:0 0 4px;font-size:1.08rem;font-weight:700}.renglon-compra p{margin:0 0 4px}.acciones-compra{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.acciones-compra button{flex:1 1 160px}.acciones-compra button.ancho-accion{flex-basis:100%}button.separada{margin-top:10px}.grupo>button.separada:first-child{margin-top:0}@media(min-width:520px){.rejilla{grid-template-columns:1fr 1fr}}@media(min-width:800px){.rejilla,.lista{grid-template-columns:1fr 1fr}.velo{align-items:center}}@media(min-width:1100px){.rejilla{grid-template-columns:1fr 1fr 1fr}}