.tela-inicial{--fonte-titulo:"Bricolage Grotesque";--fonte-comanda:"Courier Prime";--manjericao:#183a2a;--manjericao-claro:#2a5a40;--acafrao:#f2b632;--papel:#fdfdfb;--tinta:#1f1f1c;--tinta-suave:#5d5d55;background:var(--manjericao);color:#eef3ee;min-height:100vh;font-family:var(--fonte-titulo), system-ui, sans-serif;grid-template-columns:1fr;display:grid}.tela-inicial .apresentacao{order:2;padding:2.5rem 1.25rem 3rem}.tela-inicial .acesso{flex-direction:column;order:1;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 1.25rem 0;display:flex}.tela-inicial .marca-celular{font-size:1.5rem}.tela-inicial .marca.marca-pc{display:none}.tela-inicial .marca-pc+.chamada{margin-top:0}.tela-inicial .marca{letter-spacing:-.01em;color:var(--acafrao);align-items:center;gap:.75rem;font-size:1.125rem;font-weight:800;display:flex}.tela-inicial .chamada{letter-spacing:-.035em;max-width:13ch;margin-top:1rem;font-size:clamp(2.25rem,6vw,4.25rem);font-weight:800;line-height:.98}.tela-inicial .apoio{color:#c9d8cd;max-width:34rem;margin-top:1.25rem;font-size:1.125rem;line-height:1.5}.tela-inicial .selo{background:#fff;border-radius:1rem;flex-shrink:0;place-items:center;width:3.5rem;height:3.5rem;display:grid;box-shadow:0 10px 24px -12px #0009}.tela-inicial .selo img{width:2.9rem;height:2.9rem}.tela-inicial .marca.marca-pc{font-size:1.5rem}.tela-inicial .impressora{max-width:26rem;margin-top:2.5rem}.tela-inicial .fenda{z-index:1;background:#0f2619;border-radius:999px;height:.875rem;position:relative;box-shadow:inset 0 3px 4px #0000008c}.tela-inicial .papel-recorte{margin:-.4rem .75rem 0;overflow:hidden}.tela-inicial .comanda{background:var(--papel);color:var(--tinta);font-family:var(--fonte-comanda), "Courier New", monospace;--dente:9px;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--dente)) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(var(--dente) * 2) var(--dente) repeat-x;mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--dente)) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(var(--dente) * 2) var(--dente) repeat-x;padding:1.5rem 1.25rem 1.75rem;padding-bottom:calc(1.75rem + var(--dente));font-size:.875rem;animation:1.8s cubic-bezier(.3,.7,.3,1) .2s both imprimir;position:relative}@keyframes imprimir{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tela-inicial .comanda{animation:none}}.tela-inicial .comanda header{text-align:center;border-bottom:2px dashed #b9b9b0;flex-direction:column;align-items:center;gap:.15rem;padding-bottom:.875rem;display:flex}.tela-inicial .comanda header strong{letter-spacing:.08em;font-size:1.05rem}.tela-inicial .comanda header span{color:var(--tinta-suave)}.tela-inicial .comanda ul{border-bottom:2px dashed #b9b9b0;flex-direction:column;gap:.75rem;padding:1rem 0;display:flex}.tela-inicial .comanda .linha{align-items:baseline;gap:.375rem;font-weight:700;display:flex}.tela-inicial .comanda .pontos{border-bottom:2px dotted #9b9b92;flex:1;transform:translateY(-.2rem)}.tela-inicial .comanda .obs{color:var(--tinta-suave);margin-top:.15rem;padding-left:2.6ch;line-height:1.35;display:block}.tela-inicial .comanda footer{justify-content:space-between;padding-top:.875rem;font-size:1rem;display:flex}.tela-inicial .cartao{width:100%;max-width:24rem;color:var(--tinta);background:#fff;border-radius:1.25rem;flex-direction:column;gap:1rem;padding:1.75rem 1.5rem;display:flex;box-shadow:0 24px 48px -20px #04140b99}.tela-inicial .cartao h2{letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.tela-inicial .cartao>p{color:var(--tinta-suave);margin-top:-.5rem;font-size:.9375rem}.tela-inicial .cartao input:focus-visible{outline:3px solid var(--acafrao);outline-offset:1px;border-color:var(--manjericao)}.tela-inicial .cartao button[type=submit]{background:var(--manjericao);padding-block:.75rem;font-size:1rem}.tela-inicial .cartao button[type=submit]:hover{background:var(--manjericao-claro)}.tela-inicial .cartao button[type=submit]:focus-visible{outline:3px solid var(--acafrao);outline-offset:2px}@media (min-width:960px){.tela-inicial{grid-template-columns:minmax(0,1.25fr) minmax(24rem,1fr)}.tela-inicial .apresentacao{order:1;padding:4rem 3rem 4rem clamp(3rem,7vw,7rem)}.tela-inicial .marca.marca-celular{display:none}.tela-inicial .marca.marca-pc{display:flex}.tela-inicial .marca-pc+.chamada{margin-top:1rem}.tela-inicial .acesso{padding:4rem 3rem;order:2;justify-content:flex-start;height:100vh;padding-top:22vh;position:sticky;top:0}}