.studio{--panel:420px;grid-template-columns:1fr var(--panel);grid-template-rows:calc(var(--barra) + var(--safe-t)) 1fr;grid-template-areas:"barra barra""mesada panel";height:100dvh;display:grid;overflow:hidden}.st-barra{padding:var(--safe-t) var(--gutter) 0;border-bottom:1px solid var(--line);z-index:5;grid-area:barra;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.st-marca{align-items:center;gap:8px;min-width:0;display:flex}.st-volver{min-height:44px;color:var(--ink-soft);transition:color .2s var(--ease-out), background-color .2s var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 8px;display:inline-flex}@media (hover:hover){.st-volver:hover{color:var(--ink);background:#f3f1ea0f}}.st-nombre{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:17px;font-weight:600}.st-titulo{font-family:var(--font-display);color:var(--ink-faint);white-space:nowrap;font-size:15px;font-weight:500}.st-der{justify-content:flex-end;display:flex}.st-mesada{cursor:grab;touch-action:pan-y;grid-area:mesada;min-height:0;position:relative}.st-mesada:active{cursor:grabbing}.st-3d,.st-cargando{position:absolute;inset:0}.st-cargando{background:radial-gradient(35% 40% at 50% 55%,#ffd79a12,#0000 70%)}.st-panel{border-left:1px solid var(--line);background:var(--bg-2);grid-area:panel;grid-template-rows:auto 1fr auto;min-height:0;display:grid}.pasos{scrollbar-width:none;border-bottom:1px solid var(--line);gap:4px;padding:14px 16px;display:flex;overflow-x:auto}.pasos::-webkit-scrollbar{display:none}.pasos button{min-height:40px;color:var(--ink-faint);transition:color .2s var(--ease-out), background-color .2s var(--ease-out);border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 12px 0 6px;font-size:13.5px;font-weight:600;display:inline-flex}.paso-n{border:1px solid var(--line-2);width:26px;height:26px;transition:background-color .25s var(--ease-out), border-color .25s var(--ease-out), color .25s var(--ease-out);border-radius:50%;place-items:center;font-size:12px;display:grid}.pasos button.hecho .paso-n{color:var(--gold-2);background:#e0ab4529;border-color:#e0ab4566}.pasos button{position:relative}.pasos button[aria-current=step]{color:var(--ink)}.paso-pastilla{background:#f3f1ea14;border-radius:999px;position:absolute;inset:0}.paso-n,.paso-t{position:relative}.paso-t{display:none}.pasos button[aria-current=step] .paso-t{display:inline}.pasos{justify-content:space-between}.pasos button[aria-current=step] .paso-n{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.pasos button:disabled{opacity:.5;cursor:default}.st-cuerpo{overscroll-behavior:contain;min-height:0;padding:22px 20px 28px;overflow-y:auto}.paso-titulo{letter-spacing:-.02em;margin-bottom:18px;font-size:clamp(1.4rem,2vw,1.75rem);line-height:1.15}.paso-cuerpo{gap:16px;display:grid}.ops{gap:8px;display:grid}.op{border-radius:var(--r-md);border:1px solid var(--line-2);text-align:left;min-height:60px;transition:border-color .22s var(--ease-out), background-color .22s var(--ease-out), transform .2s var(--ease-out);align-items:center;gap:14px;padding:12px 16px;display:flex}.op:active{transform:scale(.985)}.op[aria-pressed=true]{border-color:var(--gold);background:#e0ab4514}@media (hover:hover){.op:hover{border-color:var(--line-3)}.op[aria-pressed=true]:hover{border-color:var(--gold-2)}}.op-check{border:1.5px solid var(--line-3);width:20px;height:20px;transition:border-color .2s var(--ease-out), box-shadow .26s var(--spring);border-radius:50%;flex:none}.op[aria-pressed=true] .op-check{border-color:var(--gold);box-shadow:inset 0 0 0 5px var(--gold)}.op-txt{gap:2px;display:grid}.op-txt b{font-size:15.5px;font-weight:600}.op-txt small{color:var(--ink-faint);font-size:13.5px}.op-extra{color:var(--ink-faint);margin-left:auto;font-size:14px}.tamanos{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tamanos button{border-radius:var(--r-md);border:1px solid var(--line-2);min-height:92px;transition:border-color .22s var(--ease-out), background-color .22s var(--ease-out);align-content:center;justify-items:center;gap:4px;display:grid}.tamanos button[aria-checked=true]{border-color:var(--gold);background:#e0ab4514}.tam-circulo{border:1.5px solid var(--ink-faint);transition:border-color .2s var(--ease-out);border-radius:50%}.tamanos button[aria-checked=true] .tam-circulo{border-color:var(--gold-2)}.tamanos b{font-family:var(--font-display);font-size:20px;font-weight:500;line-height:1}.tamanos small{color:var(--ink-faint);font-size:12px}.vacio{border-radius:var(--r-md);border:1px dashed var(--line-3);color:var(--ink-soft);padding:14px 16px;font-size:14.5px}.grupo h4{font-family:var(--font-body);letter-spacing:.02em;color:var(--ink-faint);margin:6px 0 8px;font-size:12.5px;font-weight:600}.tiles{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tile{border-radius:var(--r-md);border:1px solid var(--line-2);transition:border-color .22s var(--ease-out), background-color .22s var(--ease-out);overflow:hidden}.tile.on{background:#e0ab450f;border-color:#e0ab458c}.tile-cabeza{text-align:left;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 14px 8px 10px;display:flex}.tile-color{width:36px;height:36px;transition:transform .3s var(--spring);border-radius:50%;flex:none;position:relative;box-shadow:inset 0 -4px 8px #0000004d,inset 0 2px 4px #ffffff40}.tile-mas{background:var(--bg-3);border:1px solid var(--line-3);width:18px;height:18px;transition:background-color .22s var(--ease-out), transform .3s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.tile-mas:before,.tile-mas:after{content:"";background:var(--ink);width:8px;height:1.5px;transition:transform .3s var(--spring);border-radius:1px;position:absolute}.tile-mas:after{transform:rotate(90deg)}.tile.on .tile-mas{background:var(--gold);border-color:var(--gold);transform:rotate(45deg)}.tile.on .tile-mas:before,.tile.on .tile-mas:after{background:var(--gold-ink)}@media (hover:hover){.tile-cabeza:hover .tile-color{transform:scale(1.07)}.tile:not(.on):hover{border-color:var(--line-3)}}.tile-cabeza:active .tile-color{transform:scale(.88)}.tile-txt{gap:1px;min-width:0;display:grid}.tile-txt b{font-size:15px;font-weight:600}.tile-txt small{color:var(--ink-faint);font-size:12.5px}.tile-ajustes{overflow:hidden}.tile-ajustes-in{grid-template-columns:1fr 1fr;gap:6px;padding:0 10px 10px;display:grid}.seg{background:#f3f1ea0f;border-radius:12px;padding:3px;display:flex}.seg button{min-height:38px;color:var(--ink-soft);transition:background-color .2s var(--ease-out), color .2s var(--ease-out);border-radius:9px;flex:1;font-size:13px;font-weight:600;position:relative}.seg button[aria-checked=true]{color:var(--bg)}.seg-pastilla{background:var(--ink);border-radius:9px;position:absolute;inset:0;box-shadow:0 2px 8px #0000004d}.seg-t{position:relative}.horno-estado{border-radius:var(--r-md);background:radial-gradient(120% 140% at 0% 50%, #ff8a2a24, transparent 60%), var(--bg-3);border:1px solid var(--line-2);align-items:center;gap:14px;padding:16px;display:flex}.horno-llama{background:var(--brasa);border-radius:50%;flex:none;width:14px;height:14px}.horno-estado.horneando .horno-llama{animation:latido .7s var(--ease-in-out) infinite}.horno-estado.horneada .horno-llama,.horno-estado.en-caja .horno-llama{background:var(--gold-2)}@keyframes latido{50%{opacity:.5;transform:scale(.75)}}.resumen{gap:2px;margin:0;padding:0;list-style:none;display:grid}.resumen li{border-bottom:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;gap:16px;padding:9px 0;font-size:15px;display:flex}.resumen li span:last-child{color:var(--ink)}.resumen .resumen-total{color:var(--ink);border-bottom:0;padding-top:12px;font-weight:600}.st-pie{padding:14px 20px calc(14px + var(--safe-b));border-top:1px solid var(--line);background:var(--bg-2);justify-content:space-between;align-items:center;gap:14px;display:flex}.st-total{line-height:1.1;display:grid;position:relative}.delta{pointer-events:none;position:absolute;bottom:100%;left:0}.delta span{white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 8px;font-size:13px;font-weight:700;position:absolute;bottom:0;left:0}.delta .mas{background:var(--gold);color:var(--gold-ink)}.delta .menos{background:var(--bg-4);color:var(--ink-soft)}.st-total small{color:var(--ink-faint);font-size:12.5px}.st-total .odo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--gold-2);font-size:28px;font-weight:500}.st-accion{min-width:150px}.st-acciones{gap:8px;display:flex}.ped-velo{z-index:80;background:#040302b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ped-hoja{border-radius:var(--r-xl);background:var(--bg-3);border:1px solid var(--line-2);perspective:900px;width:min(460px,100%);max-height:calc(100dvh - 32px);padding:28px 24px 24px;position:relative;overflow-y:auto;box-shadow:0 40px 120px -30px #000c}.ped-hoja h2{letter-spacing:-.02em;margin-bottom:14px;font-size:1.7rem}.ped-asa{display:none}.ped-cerrar{width:44px;height:44px;color:var(--ink-soft);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}@media (hover:hover){.ped-cerrar:hover{color:var(--ink);background:#f3f1ea12}}.ped-hoja form{gap:16px;display:grid}.seg-grande .seg button{min-height:46px;font-size:14.5px}.campo{color:var(--ink-soft);gap:6px;font-size:13.5px;font-weight:600;display:grid}.campo input{border-radius:var(--r-md);border:1px solid var(--line-3);background:var(--bg-2);min-height:50px;color:var(--ink);transition:border-color .2s var(--ease-out);outline:none;padding:0 14px;font-size:16px;font-weight:400}.campo input:focus{border-color:var(--gold)}.campo input::placeholder{color:var(--ink-faint)}.ped-pagar{width:100%;min-height:54px;font-size:16px}.ped-puntos{background:radial-gradient(circle,currentColor 3px,#0000 3.5px) 0/12px 8px repeat-x;width:34px;height:8px;animation:.9s linear infinite puntos}@keyframes puntos{to{background-position:12px}}.ped-aviso{text-align:center;color:var(--ink-faint);font-size:13px}.comanda{text-align:center;justify-items:center;gap:10px;display:grid}.comanda-sello{color:var(--gold-2)}.comanda-sello svg{animation:sello .52s .12s var(--ease-out) both}@keyframes sello{0%{opacity:0;transform:scale(.6)rotate(-14deg)}}.comanda h2{margin:0}.comanda-sub{color:var(--ink-soft);font-size:15px}.ticket{background:var(--paper);width:100%;color:var(--paper-ink);text-align:left;font-family:var(--font-mono);border-radius:6px;margin-top:8px;padding:18px 18px 16px;font-size:13px;line-height:1.55;-webkit-mask:radial-gradient(6px at 50% 0,#0000 98%,#000) 0 0/14px 51% repeat-x,radial-gradient(6px at 50% 100%,#0000 98%,#000) 0 100%/14px 51% repeat-x;mask:radial-gradient(6px at 50% 0,#0000 98%,#000) 0 0/14px 51% repeat-x,radial-gradient(6px at 50% 100%,#0000 98%,#000) 0 100%/14px 51% repeat-x}.ticket-cabeza{border-bottom:1px dashed #1b150d59;justify-content:space-between;padding-bottom:8px;font-weight:700;display:flex}.ticket-cabeza b{font-family:var(--font-display);font-size:16px;font-weight:600}.ticket-quien{margin-top:8px}.ticket-titulo{text-transform:uppercase;letter-spacing:.08em;margin-top:10px;font-size:11.5px;font-weight:700}.ticket ul{margin:4px 0 0;padding:0;list-style:none}.ticket-total{border-top:1px dashed #1b150d59;justify-content:space-between;margin-top:10px;padding-top:8px;display:flex}.comanda-acciones{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}@media (max-width:900px){.studio{grid-template-columns:1fr;grid-template-rows:calc(56px + var(--safe-t)) auto auto;grid-template-areas:"barra""mesada""panel";height:auto;min-height:100dvh;overflow:visible}.st-barra{background:var(--bg);grid-template-columns:1fr auto;position:sticky;top:0}.st-titulo{display:none}.st-mesada{top:calc(56px + var(--safe-t));z-index:4;background:var(--bg);height:38svh;position:sticky}.st-panel{z-index:2;border-left:0;border-top:1px solid var(--line);border-radius:22px 22px 0 0;grid-template-rows:auto auto auto;position:relative;box-shadow:0 -20px 40px -20px #000000b3}.pasos{top:calc(56px + var(--safe-t) + 38svh);z-index:3;background:var(--bg-2);border-radius:22px 22px 0 0;position:sticky}.st-cuerpo{padding-bottom:120px;overflow:visible}.st-pie{z-index:10;background:var(--bg-2);position:fixed;bottom:0;left:0;right:0}.st-accion{flex:1;min-width:0;max-width:220px}.ped-velo{place-items:end center;padding:0}.ped-asa{touch-action:none;cursor:grab;height:28px;display:block;position:absolute;top:0;left:0;right:0}.ped-asa:before{content:"";background:var(--line-3);border-radius:3px;width:40px;height:5px;margin-left:-20px;position:absolute;top:9px;left:50%}.ped-hoja{width:100%;padding-bottom:calc(24px + var(--safe-b));border-radius:24px 24px 0 0}}@media (prefers-reduced-transparency:reduce){.st-pie,.st-barra,.ped-velo{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-2)}}