.screen::before{background:radial-gradient(circle at 22% 50%,transparent 39.8vh,color-mix(in srgb,var(--accent) 30%,transparent) 40vh,transparent 40.2vh),radial-gradient(circle at 50% 50%,transparent 39.8vh,color-mix(in srgb,var(--accent) 22%,transparent) 40vh,transparent 40.2vh)}
.call{background:color-mix(in srgb,var(--brand-ink) 8%,transparent)}.next span{background:color-mix(in srgb,var(--brand-ink) 9%,transparent)}
html.cargando body{opacity:0}body{transition:opacity .2s}
.logo-txt{font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:-.01em;color:var(--brand)}
.screen .logo-txt{color:var(--brand-ink);font-size:5vh}.coord header .logo-txt{font-size:22px}
.qrbox svg{width:100%;height:100%;display:block}.welcome-box .qrbox #qrBig{width:52vh;height:52vh}
.proj-pick{display:grid;gap:10px}.proj-pick button{text-align:left;justify-content:flex-start}
/* Todos los llamados con el mismo peso (varias mesas a la vez) */
.call,.call.first{background:color-mix(in srgb,var(--brand-ink) 9%,transparent);color:var(--brand-ink);padding:1.7vh 2.2vw}
.call .f,.call .m,.call.first .f,.call.first .m{font-size:8vh}
.call .m,.call.first .m{color:var(--accent)}
.call.flash{animation:flash 1s ease-in-out 6}
.call.flash .m{animation:flashM 1s ease-in-out 6}
.calls.dos{display:grid;grid-template-columns:1fr 1fr;gap:1.4vh 1.4vw}
.calls.dos .call{padding:1.3vh 1.6vw}.calls.dos .call .f,.calls.dos .call .m{font-size:5.6vh}.calls.dos .call .arrow{font-size:3vh}
.pv-screen .r.first{background:color-mix(in srgb,var(--brand-ink) 8%,transparent);color:inherit;font-size:15px;padding:4px 10px}
.pv-screen .r.first b{color:var(--accent)}
/* Parpadeo de llamado nuevo con capa superpuesta (color "llamado" del proyecto) */
.call{position:relative;overflow:hidden}
.call>*{position:relative;z-index:1}
.call.flash,.call.flash .m{animation:none}
.call.flash::after{content:"";position:absolute;inset:0;background:var(--ok);border-radius:inherit;opacity:0;animation:llamado 1s ease-in-out 6;z-index:0}
.call.flash .m{color:var(--accent)}
@keyframes llamado{50%{opacity:1}}
.call .m{white-space:nowrap}
.calls.dos .call .f,.calls.dos .call .m{font-size:5vh}
.call.flash .m,.call.flash .f{animation:llamadoTxt 1s ease-in-out 6}
@keyframes llamadoTxt{50%{color:#fff}}