:root{--bg:#000;--wall:#1d1d1f;--line:#3a3a3d;--silver:#cfcfd4;--text:#f2f2f2;--mute:#9a9aa0;--ok:#8fd19e;--bad:#e58a8a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3{font-family:Rockwell,"Roboto Slab",Georgia,serif;font-weight:700;margin:0 0 .6rem}
main{max-width:640px;margin:0 auto;padding:0 1rem 3rem}
.logo{display:block;width:100%;max-width:420px;margin:0 auto;mix-blend-mode:lighten}
section{background:var(--wall);border:1px solid var(--line);border-radius:6px;padding:1.1rem;margin-top:1rem}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:.5rem}
.slot{padding:.6rem 0;background:none;color:var(--text);border:1px solid var(--silver);border-radius:4px;font:inherit;cursor:pointer}
.slot[aria-pressed=true]{background:var(--silver);color:#000}
.slot:disabled{opacity:.3;border-color:var(--line);cursor:not-allowed;text-decoration:line-through}
label{display:block;margin:.7rem 0 .25rem;color:var(--mute)}
input{width:100%;padding:.7rem;background:#000;color:var(--text);border:1px solid var(--line);border-radius:4px;font:inherit}
button.main{width:100%;margin-top:1rem;padding:.9rem;background:var(--silver);color:#000;border:0;border-radius:4px;font:700 1rem Rockwell,Georgia,serif;cursor:pointer}
button.main:disabled{opacity:.4;cursor:not-allowed}
button.sm{padding:.35rem .7rem;background:none;color:var(--text);border:1px solid var(--line);border-radius:4px;font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--silver);outline-offset:2px}
.msg{margin-top:.8rem;min-height:1.4em}.ok{color:var(--ok)}.bad{color:var(--bad)}
.row{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.8rem 0;border-bottom:1px dashed var(--line)}
.row:last-child{border-bottom:0}.row small{color:var(--mute);display:block}
.row.cancelado{opacity:.45;text-decoration:line-through}.row.concluido b{color:var(--ok)}
footer{text-align:center;color:var(--mute);font-size:.85rem;margin-top:1.5rem}footer a{color:var(--mute)}

#svcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.7rem}
.svc{position:relative;display:grid;grid-template-columns:1fr auto;gap:.15rem .8rem;text-align:left;background:#000;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:1rem 1rem 1rem 1.1rem;font:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.svc:hover{border-color:var(--silver)}.svc:active{transform:scale(.98)}
.svc .n{font-weight:600;grid-column:1/2}.svc .d{color:var(--mute);font-size:.85rem;grid-column:1/2}
.svc b{grid-row:1/3;grid-column:2;align-self:center;font:700 1.15rem Rockwell,Georgia,serif;color:var(--silver)}
.svc[aria-pressed=true]{background:var(--silver);border-color:var(--silver);color:#000;box-shadow:0 0 0 3px rgba(207,207,212,.25)}
.svc[aria-pressed=true] .d,.svc[aria-pressed=true] b{color:#000}
.svc[aria-pressed=true]::after{content:"✓";position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#000;color:var(--silver);border:1px solid var(--silver);display:grid;place-items:center;font-size:.8rem}
.resumo{margin-top:.8rem;padding:.8rem 1rem;border:1px dashed var(--silver);border-radius:10px;color:var(--silver)}
button.wa{display:block;text-align:center;text-decoration:none;margin-top:.8rem;padding:.9rem;background:none;color:var(--silver);border:1px solid var(--silver);border-radius:10px;font-weight:700}
button.main,.slot,input{border-radius:10px}
@media(prefers-reduced-motion:reduce){.svc{transition:none}}

/* ===== Tela fixa na horizontal: só rola para cima e para baixo ===== */
html{overflow-x:hidden;width:100%;overscroll-behavior-x:none;-webkit-text-size-adjust:100%}
body{overflow-x:hidden;width:100%;max-width:100%;position:relative;overscroll-behavior-x:none;touch-action:pan-y}
main{width:100%;overflow-wrap:anywhere}
img,input,select,button{max-width:100%}
input[type=date],input[type=time]{min-width:0}