/* Ortoo · páginas por recurso (/cardapio-digital, /pedido-na-mesa, /delivery-proprio, /gestao-de-pedidos).
   Mesma marca da home, mas sem as luzes e motos animadas: estas páginas existem para quem chega pela busca, muitas
   vezes no celular, e precisam abrir rápido e ser lidas (a home gastava quase todo o processador do celular com as
   animações, medido em 01/11) */
body{background:#0c0907}

/* ---------- topo ---------- */
.r-topo{position:sticky;top:0;z-index:50;background:rgba(12,9,7,.92);border-bottom:1px solid #2c241c}
.r-topo .wrap{display:flex;align-items:center;gap:24px;height:68px}
.r-topo .marca img{height:32px;width:auto;display:block}
.r-topo nav{display:flex;gap:20px;margin-left:8px;font-weight:700;color:var(--cinza);font-size:14.5px}
.r-topo nav a:hover,.r-topo nav a[aria-current]{color:var(--texto)}
.r-topo .acoes{margin-left:auto;display:flex;gap:10px;align-items:center}
.r-topo .entrar{font-weight:800;font-size:15px;padding:0 10px;color:var(--cinza)}
.r-topo .entrar:hover{color:var(--texto)}
@media (max-width:1020px){.r-topo nav{display:none}}
@media (max-width:480px){.r-topo .entrar{display:none}.r-topo .marca img{height:28px}}

/* ---------- abertura ---------- */
.r-heroi{padding:56px 0 40px;position:relative;overflow:hidden}
.r-heroi:before{content:"";position:absolute;width:820px;height:820px;right:-260px;top:-260px;background:radial-gradient(closest-side,rgba(255,122,13,.2),transparent 70%);pointer-events:none}
.r-heroi .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.r-heroi.tela .wrap{grid-template-columns:minmax(0,1fr)}
.trilha{display:flex;gap:8px;font-size:14px;font-weight:700;color:var(--cinza2);margin-bottom:18px}
.trilha a{color:var(--cinza)}.trilha a:hover{color:var(--texto)}
.r-heroi h1{font-size:clamp(36px,5vw,62px)}
.r-heroi .sub{font-size:clamp(17px,1.5vw,19.5px);color:var(--cinza);max-width:560px;margin-top:18px}
.r-heroi.tela .sub{max-width:720px}
.r-heroi .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.r-heroi .nota{margin-top:14px;font-size:14px;font-weight:700;color:var(--cinza2)}
.r-fig{justify-self:center;width:100%}
.r-fig.cel{max-width:300px}
.r-fig .moldura{border-radius:38px;padding:10px;background:#1b1612;border:1px solid #3a2c1f;box-shadow:0 40px 80px -40px rgba(255,110,10,.45)}
.r-fig .moldura img{display:block;width:100%;height:auto;border-radius:28px}
.r-fig.tela .moldura{border-radius:18px;padding:8px}
.r-fig.tela .moldura img{border-radius:12px}
.r-fig figcaption{text-align:center;font-size:13px;font-weight:700;color:var(--cinza2);margin-top:12px}
@media (max-width:860px){.r-heroi{padding-top:32px}.r-heroi .wrap{grid-template-columns:minmax(0,1fr);gap:36px}.r-fig.cel{max-width:260px}}

/* ---------- blocos ---------- */
.r-bloco{padding:56px 0}
.r-bloco h2{font-size:clamp(28px,3.4vw,40px);margin-bottom:28px}
.r-passos{list-style:none;counter-reset:p;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.r-passos li{counter-increment:p;padding:24px;border-radius:20px;background:#16120e;border:1px solid #2c241c}
.r-passos li:before{content:counter(p);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--grad);color:#1a0b00;font-family:var(--titulo);font-weight:700;font-size:18px;margin-bottom:14px}
.r-passos b{display:block;font-size:18px;margin-bottom:6px}
.r-passos span{color:var(--cinza)}
.r-itens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.r-item{padding:22px 0;border-top:1px solid #2c241c}
.r-item h3{font-size:20px;margin-bottom:6px;color:var(--laranja-claro)}
.r-item p{color:var(--cinza)}
.r-quem p{font-size:clamp(17px,1.6vw,20px);max-width:820px;color:var(--texto)}
.r-faq{max-width:820px}
.r-faq details{background:#16120e;border:1px solid #2c241c;border-radius:16px;padding:0 22px;margin-bottom:12px}
.r-faq summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:800;font-size:17px;display:flex;justify-content:space-between;gap:16px}
.r-faq summary::-webkit-details-marker{display:none}
.r-faq summary:after{content:"+";color:var(--laranja);font-size:24px;line-height:1;transition:transform .2s}
.r-faq details[open] summary:after{transform:rotate(45deg)}
.r-faq summary:focus-visible{outline:3px solid var(--laranja-claro);outline-offset:4px;border-radius:8px}
.r-faq details p{color:var(--cinza);padding:0 0 18px}
.r-faq details a{color:var(--laranja-claro);font-weight:800}
@media (max-width:760px){.r-passos,.r-itens{grid-template-columns:minmax(0,1fr)}.r-bloco{padding:40px 0}}

/* ---------- chamada final e links ---------- */
.r-final{padding:24px 0}
.r-final .wrap{border-radius:28px;padding:52px 32px;text-align:center;background:var(--grad)}
.r-final h2{color:#1a0b00;font-size:clamp(28px,4vw,46px)}
.r-final p{color:#3a1a03;font-size:18px;font-weight:700;margin:12px auto 26px;max-width:560px}
.r-final .btn{background:#0a0a0a;color:#fff;height:56px;padding:0 32px}
.r-final .btn:hover{background:#000}
.r-vejas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.r-veja{display:block;padding:20px;border-radius:18px;background:#16120e;border:1px solid #2c241c;transition:border-color .2s}
.r-veja:hover{border-color:var(--laranja)}
.r-veja b{display:block;font-family:var(--titulo);font-weight:600;font-size:19px;margin-bottom:6px}
.r-veja span{color:var(--cinza);font-size:14.5px}
@media (max-width:980px){.r-vejas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.r-vejas{grid-template-columns:minmax(0,1fr)}}

.r-rodape{border-top:1px solid var(--linha);padding:36px 0;margin-top:40px;color:var(--cinza);font-size:14px}
.r-rodape .wrap{display:flex;gap:16px 20px;align-items:center;flex-wrap:wrap}
.r-rodape img{height:26px;width:auto}
.r-rodape nav{margin-left:auto;display:flex;gap:8px 18px;flex-wrap:wrap;font-weight:700}
.r-rodape nav a:hover{color:var(--texto)}