/* Demostraciones de la presentación de Escencia */
.demo{display:grid;gap:26px;align-items:center;grid-template-columns:minmax(0,320px) minmax(0,1fr);justify-content:center}
@media (max-width:760px){.demo{grid-template-columns:minmax(0,1fr);justify-items:center}}
.cel{width:min(320px,100%);min-height:470px;padding:14px;border:1px solid rgba(226,196,106,.5);border-radius:30px;background:linear-gradient(180deg,#17140c,#0c0b07);box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 0 0 6px #0a0906;display:flex;flex-direction:column;gap:12px}
.cel button{font:inherit;color:inherit;cursor:pointer}
.p-cab{display:flex;align-items:center;gap:10px;padding:6px 4px 10px;border-bottom:1px solid var(--linea)}
.p-cab b{font:600 15px/1 'Montserrat',sans-serif;flex:1}.p-cab span{font-size:12px;color:var(--dim)}
.p-atras{width:34px;height:34px;border-radius:50%;border:1px solid var(--linea);background:none;font-size:20px!important;line-height:1;color:var(--oro)!important}
.p-mesas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.p-mesas button{display:grid;gap:4px;padding:16px 4px;border:1px solid var(--linea);border-radius:12px;background:rgba(255,255,255,.03);text-align:center;transition:transform .15s,border-color .15s}
.p-mesas button b{font:600 16px/1 'Cinzel',serif;color:var(--crema)}.p-mesas small{font-size:10.5px;color:var(--dim)}
.p-mesas button:not(.ocu):hover,.p-mesas button:not(.ocu):focus-visible{border-color:var(--oro);transform:translateY(-2px);outline:none}
.p-mesas .ocu{border-color:rgba(224,176,78,.55);background:rgba(224,176,78,.1);cursor:default}.p-mesas .ocu small{color:#E8C98A}
.p-pista{margin:auto 0 4px;text-align:center;font-size:13px;color:var(--oro);animation:pista 1.8s ease-in-out infinite}
@keyframes pista{0%,100%{opacity:.55}50%{opacity:1}}
.p-prods{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.p-prods button{display:grid;gap:3px;padding:12px 10px;border:1px solid var(--linea);border-radius:10px;background:rgba(255,255,255,.03);text-align:left}
.p-prods button:active{transform:scale(.97)}.p-prods b{font-size:14px;font-weight:600}.p-prods small{font-size:12px;color:var(--oro)}
.p-lineas{list-style:none;margin:0;padding:0;display:grid;gap:6px;flex:1;align-content:start;min-height:92px}
.p-lineas li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;font-size:13.5px;padding:7px 8px;border-radius:8px;background:rgba(255,255,255,.04)}
.p-lineas em{font-style:normal;font-size:11px;color:var(--verde);white-space:nowrap}.p-lineas b{font-variant-numeric:tabular-nums}
.p-lineas .vacio{display:block;text-align:center;color:var(--dim);background:none;font-size:13px}
.p-lineas .nuevo{animation:entra .45s ease-out}
@keyframes entra{from{opacity:0;transform:translateY(8px);background:rgba(226,196,106,.3)}to{opacity:1;transform:none}}
.p-cobrar{min-height:46px;border-radius:999px;border:1px solid var(--oro)!important;background:linear-gradient(180deg,#F1DE9A,#C9A84C)!important;color:#1a1206!important;font:700 12.5px/1 'Montserrat',sans-serif!important;letter-spacing:.12em;text-transform:uppercase}
.p-cobrar[disabled]{opacity:.4;cursor:default}
.p-total{display:grid;gap:2px;text-align:center;padding:10px 0}.p-total small,.p-ops small{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.p-total b{font:500 34px/1.1 'Cinzel',serif}.p-total em{font-style:normal;font-size:12px;color:var(--dim)}
.p-ops{display:grid;gap:6px}.p-ops div{display:flex;flex-wrap:wrap;gap:6px}
.p-ops button{flex:1 1 auto;min-height:38px;padding:0 10px;border:1px solid var(--linea);border-radius:999px;background:none;font-size:12.5px!important}
.p-ops button.on{border-color:var(--oro);background:rgba(226,196,106,.14);color:var(--oro)!important}
.p-cobro .p-cobrar,.cel>.p-cobrar{margin-top:auto}
.p-fin{display:grid;gap:8px;justify-items:center;text-align:center;margin:auto 0;padding:10px}
.p-fin i{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:30px;color:#0b0a07;background:var(--verde);animation:pop .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes pop{from{transform:scale(0)}to{transform:scale(1)}}
.p-fin b{font:500 24px/1 'Cinzel',serif}.p-fin span{color:var(--oro)}.p-fin p{margin:0 0 6px;font-size:13px;color:var(--dim)}
.p-otra{border:0;background:none;color:var(--oro)!important;font-size:13px!important;text-decoration:underline}
.p-fin .btn{min-height:44px;padding:0 20px;font-size:11.5px}
.detras{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:d}
.detras li{display:grid;grid-template-columns:30px 1fr;gap:2px 12px;padding:12px 14px;border:1px solid var(--linea);border-radius:12px;opacity:.45;transition:opacity .4s,border-color .4s,background .4s}
.detras li::before{content:"";grid-row:span 2;width:22px;height:22px;margin-top:2px;border-radius:50%;border:1px solid var(--dim)}
.detras li b{font-size:15px;font-weight:600}.detras li span{font-size:13.5px;color:var(--dim)}
.detras li.on{opacity:1;border-color:rgba(156,203,134,.5);background:rgba(156,203,134,.07)}
.detras li.on::before{content:"✓";display:grid;place-items:center;border-color:var(--verde);background:var(--verde);color:#0b0a07;font-size:13px;font-weight:700}
.excel{display:grid;gap:16px;align-items:center;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
@media (max-width:820px){.excel{grid-template-columns:minmax(0,1fr)}.excel .btn{justify-self:center}}
.excel .tit{font:600 10.5px/1 'Montserrat',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.hoja{padding:12px;border-radius:12px;background:#F4F1E8;color:#23201A;overflow:auto}.hoja .tit{color:#6d6656}
.hoja table{width:100%;border-collapse:collapse;font:400 13px/1.3 ui-monospace,Menlo,Consolas,monospace}
.hoja th,.hoja td{border:1px solid #CFC9B8;padding:7px 8px;text-align:left;white-space:nowrap}.hoja th{background:#E4DFCF;font-weight:600}
.hoja tr{transition:background .4s,opacity .4s}.hoja tr.lee td{background:#F1DE9A}.hoja tr.fuera td{opacity:.45;text-decoration:line-through}
.carta-d{padding:12px;border:1px solid var(--linea);border-radius:12px;background:var(--bg2);min-height:230px}
.platos{display:grid;gap:8px}.platos .vacio{margin:50px 0;text-align:center;color:var(--dim);font-size:14px}
.plato{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 12px;border:1px solid rgba(226,196,106,.4);border-radius:10px;background:rgba(226,196,106,.06);animation:entra .5s ease-out}
.plato b{font:600 15px/1.3 'Cormorant Garamond',serif;font-size:17px}.plato span{grid-column:1;font-size:12px;color:var(--dim)}.plato em{grid-row:1 / span 2;grid-column:2;align-self:center;font-style:normal;font:500 16px/1 'Cinzel',serif;color:var(--oro)}
.plato.no{border-style:dashed;border-color:var(--linea);background:none;opacity:.7}.plato.no b{font:400 14px/1.3 'Montserrat',sans-serif;text-decoration:line-through}
.platos .hecho{margin:6px 0 0;font-size:13.5px;color:var(--verde)}
.carta-dueno p{margin:0 0 14px;font:500 clamp(17px,4vw,20px)/1.55 'Cormorant Garamond',serif;color:#E6DCC6}
.carta-dueno .firma{font:600 12px/1 'Montserrat',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--oro);margin:20px 0}
.cifras{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cifras li{display:grid;gap:4px;padding:18px 14px;border:1px solid var(--linea);border-radius:14px;text-align:center}
.cifras b{font:500 34px/1 'Cinzel',serif;color:var(--oro)}.cifras span{font-size:13px;color:var(--dim);line-height:1.4}
.compara{margin-top:26px;padding:20px;border:1px solid var(--linea);border-radius:14px;max-width:620px}
.compara h3{margin:0 0 10px;font:600 16px/1.3 'Montserrat',sans-serif}
.compara table{width:100%;border-collapse:collapse;font-size:14.5px}.compara td{padding:9px 0;border-bottom:1px solid var(--linea)}
.compara td.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.compara tr.t td{font-weight:600;color:var(--crema)}.compara tr.e td{border:0;padding-top:14px;font-weight:600;color:var(--oro);font-size:16px}
.compara .nota{margin:12px 0 0}
.fija{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px max(10px,env(safe-area-inset-bottom));background:rgba(11,10,7,.96);border-top:1px solid var(--oro2);transform:translateY(110%);transition:transform .35s ease}
.fija span{font-size:13px;color:var(--crema)}.fija b{color:var(--oro)}.fija .btn{min-height:42px;padding:0 18px;font-size:11.5px;white-space:nowrap}
@media (max-width:760px){.fija{display:flex}.fija.on{transform:none}body.con-barra footer{padding-bottom:110px}
  .carril{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:0 20px 12px;scrollbar-width:none}.carril::-webkit-scrollbar{display:none}
  .carril .caja{flex:0 0 78%;scroll-snap-align:center}}
@media (prefers-reduced-motion:reduce){.p-pista,.p-lineas .nuevo,.plato,.p-fin i{animation:none}.fija{transition:none}}