:root{color-scheme:light dark;--fondo: #f6f6f4;--superficie: #ffffff;--borde: #e2e1dc;--texto: #1b1b19;--texto-suave: #55534d;--acento: #8a5a1c;--acento-suave: #f4ece0;--sombra: 0 1px 2px rgb(0 0 0 / 6%), 0 8px 24px rgb(0 0 0 / 6%);--radio: 16px;--skeleton: #e7e6e1;--skeleton-brillo: #f2f1ed}@media(prefers-color-scheme:dark){:root{--fondo: #131311;--superficie: #1e1e1c;--borde: #33322e;--texto: #f2f1ec;--texto-suave: #b6b3aa;--acento: #e5b877;--acento-suave: #2b2721;--sombra: none;--skeleton: #2a2926;--skeleton-brillo: #35342f}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.pantalla{max-width:34rem;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 20px max(32px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.cabecera{padding:8px 4px 0}.eyebrow{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--acento)}.cabecera h1{margin:4px 0 0;font-size:1.75rem;line-height:1.2;font-weight:700;overflow-wrap:anywhere}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:20px}.tarjeta h2{margin:12px 0 4px;font-size:1.125rem;line-height:1.3}.tarjeta p{margin:0;color:var(--texto-suave)}.etiqueta{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-suave)}.mesa-nombre{margin:4px 0 0;font-size:1.5rem;font-weight:700;color:var(--texto)}.mesa-codigo{font-weight:500;color:var(--texto-suave)}.aviso,.proximamente{text-align:center;padding:28px 20px}.icono{width:40px;height:40px;color:var(--acento)}.proximamente .icono{width:56px;height:56px;padding:8px;border-radius:50%;background:var(--acento-suave)}.boton{margin-top:16px;min-height:44px;min-width:44px;padding:12px 24px;border:1px solid var(--texto);border-radius:999px;background:var(--texto);color:var(--superficie);font:inherit;font-weight:600;cursor:pointer}.boton:active{opacity:.85}.boton:focus-visible{outline:3px solid var(--acento);outline-offset:2px}.skeleton{border-radius:8px;background:linear-gradient(90deg,var(--skeleton) 25%,var(--skeleton-brillo) 50%,var(--skeleton) 75%) 0 0 / 200% 100%;animation:skeleton 1.4s ease-in-out infinite}.skeleton-linea{height:14px;margin-bottom:12px}.skeleton-linea.corta{width:40%}.skeleton-bloque{height:96px;margin-top:20px}@keyframes skeleton{to{background-position:-200% 0}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skeleton{background:var(--skeleton)}}