:root{--color-brand: #e5773d;--color-cream: #f6ffea;--color-ink: #2b1d14;--color-ink-suave: #5c4a3d;--color-brand-texto: #a84a14;--color-surface: #ffffff;--color-borde: #e3dccb;--color-error: #b00020;--radio: .5rem;--alto-toque: 2.75rem;--ancho-lateral: 15rem;--alto-barra: 4rem}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;color:var(--color-ink);background:var(--color-cream)}h1,h2{line-height:1.2;color:var(--color-brand-texto)}a{color:var(--color-brand-texto)}:focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}input{min-height:var(--alto-toque);padding:.5rem .75rem;font-size:1rem;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-ink-suave);border-radius:var(--radio)}button{min-height:var(--alto-toque);background:var(--color-brand);color:var(--color-ink);border:0;border-radius:var(--radio);padding:.6rem 1rem;font-size:1rem;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}button.enlace{background:none;color:var(--color-brand-texto);font-weight:400;text-decoration:underline}button.boton-secundario{background:var(--color-surface);border:1px solid var(--color-ink-suave)}.ingreso,.pagina{padding:1.5rem 1rem}.ingreso{text-align:center}.ingreso-form{display:grid;gap:.75rem;max-width:20rem;margin:1rem auto 0;text-align:left}.ingreso-form label{display:grid;gap:.25rem}.error{color:var(--color-error);margin:0}.estado{padding:2rem;text-align:center}.app{min-height:100vh}.app-contenido{padding-bottom:calc(var(--alto-barra) + 5rem)}.app-lateral{position:fixed;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;background:var(--color-surface);border-top:1px solid var(--color-borde)}.app-marca{display:none}.app-nav{display:flex;overflow-x:auto}.nav-enlace{flex:1 0 4.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-height:var(--alto-barra);padding:.25rem;font-size:.75rem;color:var(--color-ink);text-decoration:none;border-top:3px solid transparent}.nav-enlace.active{background:var(--color-brand);font-weight:700;border-top-color:var(--color-ink)}.app-usuario{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .75rem;border-top:1px solid var(--color-borde)}.app-nombre{overflow:hidden;font-size:.875rem;text-overflow:ellipsis;white-space:nowrap}.app-usuario button{min-height:var(--alto-toque);padding:.25rem .75rem;font-size:.875rem}.tarjeta{max-width:40rem;margin-top:1.5rem;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-borde);border-radius:var(--radio)}.tarjeta h2{margin-top:0;font-size:1.25rem}.lista-pasos{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0;list-style:none}.lista-pasos a{display:inline-flex;align-items:center;min-height:var(--alto-toque);padding:0 1rem;font-weight:600;border:1px solid var(--color-borde);border-radius:var(--radio)}select,textarea{min-height:var(--alto-toque);padding:.5rem .75rem;font-size:1rem;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-ink-suave);border-radius:var(--radio)}.pestanas{display:flex;gap:.5rem;overflow-x:auto}.pestana{flex:0 0 auto;background:var(--color-surface);border:1px solid var(--color-ink-suave)}.pestana[aria-selected=true]{background:var(--color-brand);border-color:var(--color-ink)}.campo{display:grid;gap:.25rem;margin-bottom:.75rem}.campo input,.campo select,.campo textarea{width:100%;font-family:inherit}.campo small{color:var(--color-ink-suave)}.grupo{min-width:0;margin:0 0 1rem;padding:.75rem 1rem;border:1px solid var(--color-borde);border-radius:var(--radio)}.opcion{display:flex;align-items:center;gap:.75rem;min-height:var(--alto-toque)}.opcion input{flex:0 0 auto;width:1.5rem;min-height:1.5rem;height:1.5rem}.fila-botones{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin-bottom:.75rem}.fila-botones button[aria-pressed=true]{background:var(--color-brand);border-color:var(--color-ink)}.lista-filas,.lista-lineas{padding:0;margin:0;list-style:none}.lista-filas li{display:grid;gap:.5rem;padding:.75rem 0;border-bottom:1px solid var(--color-borde)}.lista-filas li.inactivo .fila-dato{color:var(--color-ink-suave)}.fila-dato{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem}.fila-dato span{flex:1 1 10rem;overflow-wrap:anywhere}.lista-lineas li{display:flex;justify-content:space-between;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--color-borde)}.resultados{max-height:15rem;padding:0;margin:.25rem 0 0;overflow-y:auto;list-style:none;border:1px solid var(--color-borde);border-radius:var(--radio)}.resultados button{display:flex;justify-content:space-between;gap:.75rem;width:100%;text-align:left;border:0;border-bottom:1px solid var(--color-borde);border-radius:0;overflow-wrap:anywhere}.pedido-lineas{padding:0;margin:0 0 1rem;list-style:none}.pedido-linea{padding:.75rem 0;border-bottom:1px solid var(--color-borde)}.linea-cabecera{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.5rem}.linea-cabecera strong{flex:1 1 8rem;overflow-wrap:anywhere}.marca-editado{padding:.125rem .625rem;font-size:.875rem;font-weight:700;background:var(--color-cream);border:1px solid var(--color-ink);border-radius:999px}.total-pedido{font-size:1.25rem}@media(min-width:768px){.app{display:grid;grid-template-columns:var(--ancho-lateral) 1fr}.app-contenido{grid-column:2;padding-bottom:0}.app-lateral{top:0;right:auto;width:var(--ancho-lateral);justify-content:space-between;padding:1rem 0;border-top:0;border-right:1px solid var(--color-borde)}.app-marca{display:block;margin:0 1.25rem 1rem;font-size:1.5rem;font-weight:700;color:var(--color-brand-texto)}.app-nav{flex:1;flex-direction:column;gap:.25rem;padding:0 .75rem;overflow:visible}.nav-enlace{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:.75rem;min-height:var(--alto-toque);padding:.5rem .75rem;font-size:1rem;border-top:0;border-radius:var(--radio)}.app-usuario{flex-direction:column;align-items:stretch;padding:.75rem 1.25rem 0}.pagina{padding:2rem}}
