/* Estilo compartilhado das páginas internas da Jotabê (ifood, reviews, links-uteis).
   Mesmos tokens do site principal: café, creme, terracota do logo, EB Garamond + Jost + Caveat. */
:root{
  color-scheme:dark;
  --cafe:#140905; --cafe-2:#241108; --mel:#8B4D0E; --ambar:#BF6C17; --filamento:#FBD573;
  --luz:#F3DEAD; --creme:#FBF1DE; --giz:#E8E0CF; --papel:#F3EAD8; --tinta:#160603;
  --terracota:#C3391D; --terracota-2:#D4462A;
  --serif:'EB Garamond','Garamond','Iowan Old Style',Georgia,serif;
  --sans:'Jost','Futura','Avenir Next',Helvetica,Arial,sans-serif;
  --giz-f:'Caveat','Segoe Print','Bradley Hand',cursive;
  --ease:cubic-bezier(.2,.7,.2,1);
  --gutter:max(20px,env(safe-area-inset-left,0px)); --gutter-r:max(20px,env(safe-area-inset-right,0px));
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100svh;background:var(--cafe);color:var(--luz);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(60% 40% at 50% 0%,rgba(191,108,23,.18),transparent 70%)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--luz);outline-offset:3px}
.pg{max-width:560px;margin:0 auto;padding:max(28px,env(safe-area-inset-top,0px)) var(--gutter-r) max(40px,env(safe-area-inset-bottom,0px)) var(--gutter)}
.pg.largo{max-width:1040px}
.logo{display:inline-grid;place-items:center;background:var(--terracota);color:var(--creme);font-family:var(--serif);font-weight:500;text-transform:uppercase;letter-spacing:.32em;line-height:1;white-space:nowrap;font-size:17px;padding:13px 18px}
.logo span{transform:translateX(.16em)}
.topo{display:flex;align-items:center;justify-content:space-between;gap:16px}
.voltar{font-family:var(--sans);font-weight:500;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--luz) 80%,transparent)}
.voltar:hover{color:var(--luz)}
.mao{width:84px;height:auto;margin:36px auto 0}
.titulo{font-family:var(--serif);font-weight:400;text-transform:uppercase;letter-spacing:.18em;font-size:clamp(28px,6vw,44px);line-height:1.12;margin:22px 0 0;text-wrap:balance}
.sussurro{font-family:var(--serif);font-style:italic;font-size:clamp(20px,4vw,26px);line-height:1.3;color:color-mix(in srgb,var(--luz) 85%,transparent);margin:12px 0 0;text-wrap:pretty}
.centro{text-align:center}
.lista{display:grid;gap:12px;margin-top:32px;padding:0;list-style:none}
.botao{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:14px 22px;border:1px solid color-mix(in srgb,var(--luz) 40%,transparent);border-radius:16px;background:color-mix(in srgb,var(--cafe-2) 80%,transparent);transition:transform .25s var(--ease),border-color .25s,background .25s}
.botao:hover{transform:translateY(-2px);border-color:var(--luz);background:var(--cafe-2)}
.botao:active{transform:scale(.98)}
.botao b{display:block;font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.2;color:var(--creme)}
.botao small{display:block;font-size:14px;color:color-mix(in srgb,var(--luz) 70%,transparent);margin-top:2px}
.botao .seta{flex:none;font-family:var(--sans);font-size:20px;color:color-mix(in srgb,var(--luz) 70%,transparent)}
.botao.destaque{background:var(--terracota);border-color:var(--terracota)}
.botao.destaque small,.botao.destaque .seta{color:color-mix(in srgb,var(--creme) 85%,transparent)}
.botao.destaque:hover{background:var(--terracota-2);border-color:var(--terracota-2)}
.giz{font-family:var(--giz-f);font-size:22px;color:color-mix(in srgb,var(--giz) 80%,transparent)}
.rodape{margin-top:48px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--luz) 15%,transparent);display:grid;gap:6px;justify-items:center;text-align:center;font-size:14px;color:color-mix(in srgb,var(--luz) 65%,transparent)}
.rodape a{text-decoration:underline;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,var(--luz) 35%,transparent)}
@media (prefers-reduced-motion:reduce){.botao{transition:none}}