:root{--papel:#faf7f1;--tinta:#221f1a;--tinta-suave:#6f675c;--linea:#e6dfd3;--acento:#b08d3e;--tarjeta:#fff;--radio:14px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--papel);color:var(--tinta);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cabecera{text-align:center;padding:1.1rem 1rem .6rem}.marca{letter-spacing:.45em;text-indent:.45em;font-family:Georgia,Times New Roman,serif;font-size:1.5rem}.submarca{color:var(--tinta-suave);letter-spacing:.18em;text-transform:uppercase;margin-top:.15rem;font-size:.72rem}#app{flex-direction:column;gap:1rem;max-width:1024px;margin:0 auto;padding:.6rem 1rem 2rem;display:flex}.escena{border:1px solid var(--linea);border-radius:var(--radio);background:linear-gradient(#fdfcf9 0%,#f1ece2 100%);height:min(46vh,380px);position:relative;overflow:hidden}@media (max-width:640px){.escena{aspect-ratio:4/3;height:auto;max-height:44vh}}@media (min-width:641px) and (max-width:819px){.escena{aspect-ratio:4/3;height:auto;max-height:56vh}}#preview{touch-action:none;width:100%;height:100%;display:block}.medidas{color:var(--tinta-suave);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffbf;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;position:absolute;top:.6rem;right:.85rem}.controles{flex-direction:column;gap:1.1rem;display:flex}.campo{flex-direction:column;gap:.45rem;display:flex}.etiqueta{letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave);font-size:.72rem}input[type=text],textarea{border:1px solid var(--linea);border-radius:var(--radio);background:var(--tarjeta);color:var(--tinta);resize:vertical;outline:none;width:100%;padding:.7rem .9rem;font-family:inherit;font-size:1.05rem}input[type=text]:focus,textarea:focus{border-color:var(--acento)}.contador{color:var(--acento);letter-spacing:0;font-weight:600}.fila-acciones{gap:.5rem;display:flex}.boton-suave{border:1px dashed var(--linea);color:var(--tinta-suave);cursor:pointer;background:0 0;border-radius:999px;padding:.45rem .9rem;font-size:.82rem}.boton-suave:hover{border-color:var(--acento);color:var(--tinta)}.nav-invitado{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd1;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .35rem;font-size:.85rem;display:flex;position:absolute;top:.6rem;left:.85rem}.nav-invitado button{background:var(--tinta);color:#fff;cursor:pointer;border:0;border-radius:50%;width:26px;height:26px;font-size:1rem;line-height:1}.nav-invitado span{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;padding:0 .25rem;overflow:hidden}.nota-acabado{text-align:center;letter-spacing:.04em;color:var(--tinta-suave);margin-top:.4rem;font-size:.7rem}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--linea);background:var(--tarjeta);color:var(--tinta);cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.chip.activo{border-color:var(--acento);box-shadow:0 0 0 1px var(--acento)}.segmento{border:1px solid var(--linea);background:var(--tarjeta);border-radius:999px;width:max-content;display:inline-flex;overflow:hidden}.segmento button{color:var(--tinta-suave);cursor:pointer;background:0 0;border:0;padding:.5rem 1.1rem;font-size:.9rem}.segmento button.activo{background:var(--tinta);color:#fff}.capa{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--radio);align-items:center;gap:.8rem;padding:.6rem .8rem;display:flex}.capa-nombre{color:var(--tinta-suave);min-width:4.2rem;font-size:.8rem}.swatches{flex-wrap:wrap;gap:.45rem;display:flex}.swatch{cursor:pointer;border:1px solid #0000001f;border-radius:50%;width:30px;height:30px;padding:0;transition:transform .12s}.swatch.activo{outline:2px solid var(--acento);outline-offset:2px;transform:scale(1.08)}.precio-caja{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--radio);justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.precio{font-family:Georgia,serif;font-size:1.7rem}.precio-nota{color:var(--tinta-suave);margin-top:.1rem;font-size:.72rem}.aviso{color:#7a5c22;border-radius:var(--radio);background:#fdf3e4;border:1px solid #ecd9b7;padding:.7rem .9rem;font-size:.85rem}.boton-reservar{background:var(--tinta);color:#fff;border-radius:var(--radio);cursor:pointer;border:0;width:100%;padding:.95rem 1rem;font-size:1.05rem;transition:background .15s,transform 50ms}.boton-reservar:hover{background:#000}.boton-reservar:active{transform:scale(.99)}.boton-reservar:disabled{opacity:.55;cursor:default}.boton-comprar{background:var(--acento);color:var(--tinta);font-weight:600}.boton-comprar:hover{background:#9c7c37}.reservar-nota{text-align:center;color:var(--tinta-suave);margin:.5rem 0 0;font-size:.75rem}.pie{text-align:center;color:var(--tinta-suave);letter-spacing:.12em;padding:1.2rem 0 2rem;font-size:.72rem}.modal{width:calc(100vw - 2rem);max-width:480px;color:var(--tinta);background:var(--papel);border:0;border-radius:18px;padding:0;box-shadow:0 20px 60px #00000040}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14110c73}.modal form,.modal-exito{flex-direction:column;gap:.9rem;padding:1.3rem 1.3rem 1.5rem;display:flex}.modal-cab{justify-content:space-between;align-items:center;display:flex}.modal-cab h2{margin:0;font-family:Georgia,serif;font-size:1.4rem;font-weight:400}.cerrar{color:var(--tinta-suave);cursor:pointer;background:0 0;border:0;padding:0 .2rem;font-size:1.8rem;line-height:1}.modal-resumen{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--radio);color:var(--tinta-suave);padding:.7rem .9rem;font-size:.9rem}.modal-resumen strong{color:var(--tinta)}.dos-col{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}input[type=email],input[type=tel]{border:1px solid var(--linea);border-radius:var(--radio);background:var(--tarjeta);color:var(--tinta);outline:none;width:100%;padding:.7rem .9rem;font-family:inherit;font-size:1.05rem}input[type=email]:focus,input[type=tel]:focus{border-color:var(--acento)}.pista{color:var(--tinta-suave);margin:-.4rem 0 0;font-size:.76rem}.segmento-entrega{width:100%}.segmento-entrega button{flex:1}.modal-error{color:#8a3121;border-radius:var(--radio);background:#fce9e5;border:1px solid #f0c5bb;padding:.6rem .8rem;font-size:.85rem}.modal-exito{text-align:center;align-items:center}.modal-exito .tic{color:#4a7a48;background:#e7f0e5;border-radius:50%;place-items:center;width:56px;height:56px;font-size:1.8rem;display:grid}.modal-exito h2{margin:0;font-family:Georgia,serif;font-weight:400}.modal-exito p{color:var(--tinta-suave);margin:0;font-size:.92rem}@media (min-width:820px){#app{grid-template-columns:1.2fr 1fr;align-items:start;gap:1.4rem;padding-top:1.4rem;display:grid}.escena-col{position:sticky;top:1rem}.escena{aspect-ratio:4/3;height:auto;min-height:380px;max-height:72vh}}