*{box-sizing:border-box}body{margin:0;background:var(--tm-cream);color:var(--tm-aubergine);font-family:var(--font-body);font-weight:500;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}img{display:block;max-width:100%}
.wrap{width:min(1160px,calc(100% - 32px));margin-inline:auto}
header.top{border-bottom:2px solid var(--tm-aubergine);background:var(--tm-cream);position:sticky;top:0;z-index:5}
header.top .wrap{display:flex;align-items:center;gap:20px;height:68px}
header.top nav{display:flex;gap:22px;font-weight:700;margin-inline-start:auto}
header.top nav a{text-decoration:none}
.sel{border:2px solid var(--tm-aubergine);border-radius:6px;padding:8px 10px;font:700 14px var(--font-body);background:#fff;color:var(--tm-aubergine);min-height:40px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border:2px solid var(--tm-aubergine);border-radius:6px;font:800 15px/1.2 var(--font-body);text-decoration:none;box-shadow:calc(3px*var(--shadow-dir)) 3px 0 var(--tm-aubergine);cursor:pointer;background:var(--tm-saffron);color:var(--tm-aubergine)}
.btn.light{background:#fff}.btn.dark{background:var(--tm-aubergine);color:var(--tm-cream)}.btn.ghost{background:transparent;box-shadow:none}
.btn.block{width:100%}
.eyebrow{font:800 12px/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--tm-tomato-ink)}
h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;margin:0}
h1{font-size:clamp(2.25rem,4.6vw,3.6rem);line-height:1.05}
h2{font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.1}
h3{font-size:1.25rem;line-height:1.25}
:lang(ar) :is(h1,h2,h3),:lang(ar) .price b{letter-spacing:0;line-height:1.3}
p.lead{font-size:1.15rem;color:var(--tm-plum);max-width:560px}
.muted{color:var(--tm-plum)}
section{padding:72px 0}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 14px}
.note{font-size:.9rem;color:var(--tm-plum);font-weight:700}
.note span{display:inline-flex;align-items:center;gap:6px;margin-inline-end:14px}
.note span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tm-mint);border:2px solid var(--tm-aubergine)}
.phone{width:300px;margin-inline:auto;border:3px solid var(--tm-aubergine);border-radius:34px;background:#fff;box-shadow:calc(8px*var(--shadow-dir)) 8px 0 var(--tm-aubergine);padding:14px;position:relative}
.phone .bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.lang-pill{border:2px solid var(--tm-aubergine);border-radius:999px;padding:3px 10px;font:800 12px var(--font-body);background:var(--tm-yolk)}
.dish{border:2px solid var(--tm-aubergine);border-radius:12px;padding:10px 12px;margin-top:10px;background:var(--tm-cream)}
.dish .row{display:flex;justify-content:space-between;gap:8px;font-weight:800}
.dish .d{font-size:.82rem;color:var(--tm-plum);margin-top:2px}
.dish .pr{color:var(--tm-tomato-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.rest{font:800 1.2rem var(--font-display);margin:6px 0 0}
.bubble{position:absolute;inset-inline-end:-26px;top:-18px;background:var(--tm-guava);border:2px solid var(--tm-aubergine);border-radius:12px;padding:6px 10px;font:800 13px var(--font-body);box-shadow:calc(3px*var(--shadow-dir)) 3px 0 var(--tm-aubergine)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.card{background:#fff;border:2px solid var(--tm-aubergine);border-radius:14px;box-shadow:calc(4px*var(--shadow-dir)) 4px 0 var(--tm-aubergine);padding:24px}
.num{width:44px;height:44px;border-radius:50%;background:var(--tm-yolk);border:2px solid var(--tm-aubergine);display:grid;place-items:center;font:800 18px var(--font-display);margin-bottom:14px}
.card p{margin:.5rem 0 0;color:var(--tm-plum)}
.band{background:var(--tm-aubergine);color:var(--tm-cream)}
.band .eyebrow{color:var(--tm-saffron)}
.band p.lead{color:#E9DDEB}
.langs{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{border:2px solid #FFF4E055;border-radius:999px;padding:6px 12px;font-weight:800;font-size:.92rem;background:#2E1640;color:var(--tm-cream)}
.chip.on{background:var(--tm-saffron);color:var(--tm-aubergine);border-color:var(--tm-saffron)}
.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tcard{background:#2E1640;border:2px solid #FFF4E033;border-radius:12px;padding:14px}
.tcard .l{font:800 11px var(--font-body);letter-spacing:.1em;color:var(--tm-saffron);text-transform:uppercase}
.tcard .n{font-weight:800;margin-top:4px}.tcard .d{font-size:.85rem;color:#E9DDEB}
.pricing-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.country{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem}
.plans{display:grid;gap:22px;margin-top:34px;align-items:stretch}
.plans.one{grid-template-columns:minmax(0,460px);justify-content:center}
.plans.three{grid-template-columns:1.15fr 1fr 1fr}
.plans.two{grid-template-columns:minmax(0,460px) minmax(0,400px);justify-content:center}
.plan{background:#fff;border:2px solid var(--tm-aubergine);border-radius:14px;box-shadow:calc(6px*var(--shadow-dir)) 6px 0 var(--tm-aubergine);padding:28px;display:flex;flex-direction:column}
.plan.hl{background:var(--tm-yolk)}
.plan .tag{align-self:flex-start;background:var(--tm-guava);border:2px solid var(--tm-aubergine);border-radius:999px;padding:3px 10px;font:800 12px var(--font-body)}
.plan .name{margin-top:14px}
.price{margin:14px 0 4px;display:flex;align-items:baseline;gap:6px}
.price b{font:800 3rem/1 var(--font-display);letter-spacing:-.03em}
.price span{font-weight:800;color:var(--tm-plum)}
.plan ul{list-style:none;padding:0;margin:18px 0 22px;display:grid;gap:9px}
.plan li{display:flex;gap:10px;align-items:flex-start}
.plan li::before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;background:var(--tm-mint);border:2px solid var(--tm-aubergine);display:grid;place-items:center;font:900 12px/1 var(--font-body);margin-top:1px}
.plan .fine{font-size:.82rem;color:var(--tm-plum);margin-top:12px}
.plan .cta{margin-top:auto}
.plan.soon{background:#F4E9D6;border-style:dashed;box-shadow:none;color:var(--tm-plum)}
.plan.soon li::before{background:#E8DCC8}
.plan.soon .tag{background:#fff}
.notify{display:flex;gap:8px;margin-top:6px}
.notify input,.field input{flex:1;min-height:44px;border:2px solid var(--tm-aubergine);border-radius:6px;padding:10px 12px;font:600 15px var(--font-body);background:#fff;color:var(--tm-aubergine)}
.full-note{font-size:.8rem;color:var(--tm-plum);margin-top:8px}
.faq{display:grid;gap:12px;margin-top:30px;max-width:820px}
details{background:#fff;border:2px solid var(--tm-aubergine);border-radius:12px;padding:16px 20px}
details summary{font-weight:800;font-size:1.05rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
details summary::after{content:"+";font:800 20px/1 var(--font-display)}
details[open] summary::after{content:"–"}
details p{margin:10px 0 0;color:var(--tm-plum)}
footer{border-top:2px solid var(--tm-aubergine);padding:28px 0;font-size:.9rem;color:var(--tm-plum)}
/* contratar */
.flow{display:grid;grid-template-columns:320px 1fr;gap:40px;padding:48px 0 72px;align-items:start}
.stepper{display:grid;gap:10px;position:sticky;top:90px}
.stepper div{display:flex;gap:12px;align-items:center;font-weight:800;padding:10px 12px;border-radius:10px;border:2px solid transparent}
.stepper div i{font-style:normal;width:30px;height:30px;border-radius:50%;border:2px solid var(--tm-aubergine);display:grid;place-items:center;background:#fff;flex:none}
.stepper .done i{background:var(--tm-mint)}.stepper .now{border-color:var(--tm-aubergine);background:#fff;box-shadow:calc(3px*var(--shadow-dir)) 3px 0 var(--tm-aubergine)}.stepper .now i{background:var(--tm-saffron)}
.stepper .todo{color:var(--tm-plum)}
.panels{display:grid;gap:26px}
.panel h2{font-size:1.6rem}
.field{display:grid;gap:6px;margin-top:14px;font-weight:800;font-size:.92rem}
.code{display:flex;gap:8px;margin-top:14px}.code span{width:48px;height:56px;border:2px solid var(--tm-aubergine);border-radius:8px;background:#fff;display:grid;place-items:center;font:800 22px var(--font-display)}
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.opt{border:2px solid var(--tm-aubergine);border-radius:12px;padding:14px;background:#fff;font-weight:800}
.opt small{display:block;font-weight:600;color:var(--tm-plum);margin-top:4px}
.opt.on{background:var(--tm-yolk);box-shadow:calc(3px*var(--shadow-dir)) 3px 0 var(--tm-aubergine)}
.ready{background:var(--tm-yolk)}
.trialbar{display:flex;justify-content:space-between;gap:14px;align-items:center;border:2px solid var(--tm-aubergine);border-radius:10px;background:#fff;padding:12px 14px;margin-top:14px;font-weight:800;flex-wrap:wrap}
.meter{height:10px;border:2px solid var(--tm-aubergine);border-radius:999px;background:#fff;overflow:hidden;flex:1;min-width:120px}.meter i{display:block;height:100%;width:4%;background:var(--tm-saffron)}
.prev{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.summary{margin-top:6px}
@media (max-width:820px){
 header.top nav{display:none}
 .hero .wrap,.langs,.steps,.plans.three,.plans.two,.flow,.opts{grid-template-columns:1fr}
 section{padding:48px 0}.phone{width:260px}.bubble{inset-inline-end:-6px}
 .stepper{position:static;grid-template-columns:repeat(4,1fr);gap:6px}.stepper div{padding:6px;justify-content:center}.stepper div span{display:none}
 .tgrid{grid-template-columns:1fr}
 .flow{padding-top:24px}
}
.quote{margin:14px 0 6px;font:800 1.35rem/1.1 var(--font-display);color:var(--tm-plum)}
.plan .why{font-size:.85rem;color:var(--tm-plum);margin:0 0 10px;font-weight:600}
.consent{display:flex;gap:8px;align-items:flex-start;font-size:.78rem;color:var(--tm-plum);margin:8px 0 10px;font-weight:600}
.consent input{width:18px;height:18px;margin-top:1px;accent-color:var(--tm-aubergine);flex:none}
.plan.formopen{outline:3px solid var(--tm-saffron);outline-offset:3px}
.plan .cta{margin-top:auto}
.overlay{position:fixed;inset:0;background:rgba(43,15,58,.55);display:grid;place-items:center;z-index:50;padding:24px}
.overlay[hidden]{display:none}
.modal{background:var(--tm-cream);border:2px solid var(--tm-aubergine);border-radius:14px;box-shadow:calc(6px*var(--shadow-dir)) 6px 0 var(--tm-aubergine);width:min(560px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:24px 26px}
.mhead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}
.mhead h2{font-size:1.45rem;line-height:1.2}
.x{width:44px;height:44px;flex:none;border:2px solid var(--tm-aubergine);border-radius:6px;background:#fff;font:800 24px/1 var(--font-body);color:var(--tm-aubergine);cursor:pointer}
.mform{display:grid;gap:2px}
.mform .field{margin-top:10px}
.mform .sel{width:100%;min-height:44px}
.mform textarea{border:2px solid var(--tm-aubergine);border-radius:6px;padding:10px 12px;font:600 15px var(--font-body);background:#fff;color:var(--tm-aubergine);resize:vertical}
.field abbr{color:var(--tm-tomato-ink);text-decoration:none}.opt-l{font-weight:600;color:var(--tm-plum)}
:focus-visible{outline:3px solid var(--tm-tomato-ink);outline-offset:2px}
@media (max-width:820px){.overlay{padding:0;place-items:stretch}.modal{width:100%;max-height:none;height:100%;border-radius:0;border:0;box-shadow:none;padding:18px 16px}}

/* ── produção (issue #293): estados, erros, acessibilidade ── */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hp{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}
header.top .brand img{height:34px;width:auto}
header.top .login{white-space:nowrap}
.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true],.notify input[aria-invalid=true]{border-color:var(--tm-tomato-ink);box-shadow:0 0 0 2px var(--tm-tomato-ink) inset}
.ferr{color:var(--tm-tomato-ink);font-size:.82rem;font-weight:700;min-height:0}
.ferr:empty{display:none}
.fmsg{border:2px solid var(--tm-aubergine);border-radius:8px;padding:10px 12px;font-weight:700;font-size:.9rem;margin-top:10px;background:#fff}
.fmsg:empty{display:none}
.fmsg.ok{background:var(--tm-mint)}
.fmsg.err{background:#FBE3DC;border-color:var(--tm-tomato-ink);color:var(--tm-tomato-ink)}
.count{font-size:.75rem;color:var(--tm-plum);font-weight:600;justify-self:end}
.ts{margin:8px 0;min-height:0}
.notify-form{display:grid;gap:8px;margin-top:6px}
.notify-form .consent{margin:2px 0}
.none-card{max-width:640px;margin-inline:auto}
.btn[disabled]{opacity:.6;cursor:not-allowed}
.price b{direction:ltr;unicode-bidi:isolate}
[dir=rtl] .field input[type=email],[dir=rtl] .notify input[type=email]{text-align:right}
.consent a{color:inherit}
.tcard[dir=rtl]{text-align:right}
@media (max-width:820px){header.top .wrap{gap:10px}header.top .sel{max-width:130px}.notify{flex-direction:column}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:80px}
/* /contratar */
.flow .panel[hidden]{display:none}
.code-input{font:800 26px/1 var(--font-display);letter-spacing:.4em;text-align:center;max-width:280px;direction:ltr}
.opt{cursor:pointer;text-align:start;font:inherit;color:inherit;font-weight:800}
.opt[aria-pressed=true]{background:var(--tm-yolk);box-shadow:calc(3px*var(--shadow-dir)) 3px 0 var(--tm-aubergine)}
.row-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.linkbtn{background:none;border:0;padding:0;font:700 14px var(--font-body);color:var(--tm-aubergine);text-decoration:underline;cursor:pointer;margin-top:12px}
.urlbox{font-weight:800;direction:ltr;unicode-bidi:isolate;word-break:break-all}
.soon-box{max-width:560px}
/* endereço do restaurante (/contratar passo 1, address.js) */
.addr{border:0;padding:0;margin:14px 0 0;min-width:0}
.addr-legend{font-weight:800;font-size:.92rem;padding:0;margin-bottom:6px}
.addr .field:first-child{margin-top:0}
.addr-search{position:relative}
.addr .field select{width:100%;min-height:44px}
.addr-list{list-style:none;margin:4px 0 0;padding:4px;position:absolute;inset-inline:0;z-index:20;background:#fff;border:2px solid var(--tm-aubergine);border-radius:8px;box-shadow:calc(3px*var(--shadow-dir)) 3px 0 var(--tm-aubergine);max-height:260px;overflow:auto}
.addr-list li{padding:10px 12px;border-radius:6px;cursor:pointer;font-weight:600;line-height:1.35}
.addr-list li[aria-selected=true],.addr-list li:hover{background:var(--tm-yolk);outline:2px solid var(--tm-aubergine);outline-offset:-2px}
.addr-map{height:220px;margin-top:12px;border:2px solid var(--tm-aubergine);border-radius:10px;overflow:hidden;background:#eee}
.addr-pin,.addr-hint{font-size:.85rem;margin:8px 0 0}
.addr-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px}
.addr-links{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;margin:10px 0 0;font-weight:700}
.addr-links .linkbtn{margin-top:0}
@media (max-width:560px){.addr-row{grid-template-columns:1fr}.addr-map{height:200px}}
/* leads indisponíveis em produção: nota no lugar dos CTAs */
.lead-soon{margin:12px 0 0;padding:10px 12px;border:2px dashed currentColor;border-radius:8px;font-weight:800;text-align:center}
[hidden]{display:none!important}