/* Tempero do Loirinho — base visual compartilhada (links, cardápio e jogo)
   Cores: laranja #FF4500 · amarelo #FFD23F · creme #FFF3C4 · preto #111 · branco
   Títulos grandes são imagens em Chinese Rocks (licença não permite webfont); o resto é Montserrat. */
:root{
  --or:#FF4500; --or2:#E63E00; --ye:#FFD23F; --papel:#FFF3C4; --bk:#111; --br:#fff;
  --sombra:0 6px 0 var(--bk); --raio:18px;
  --wa:"https://wa.me/5592992494597";
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{font-family:Montserrat,system-ui,sans-serif;background:var(--or);color:var(--br);min-height:100vh;
  background-image:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.12),transparent 60%),radial-gradient(ellipse at 50% 110%,rgba(0,0,0,.28),transparent 60%);
  background-attachment:fixed}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}

/* faixa xadrez da marca */
.xadrez{height:44px;width:100%;
  background:conic-gradient(var(--br) 25%,var(--or) 0 50%,var(--br) 0 75%,var(--or) 0) 0 0/44px 44px}
.xadrez.fina{height:22px;background-size:22px 22px}

.mini{font-weight:700;font-size:12px;letter-spacing:2.4px;text-transform:uppercase}

/* botão "adesivo": papel creme, contorno preto, sombra dura */
.adesivo{display:flex;align-items:center;gap:14px;background:var(--papel);color:var(--bk);border:3px solid var(--bk);
  border-radius:var(--raio);box-shadow:var(--sombra);padding:16px 18px;font-weight:800;transition:transform .12s,box-shadow .12s}
.adesivo:active{transform:translateY(4px);box-shadow:0 2px 0 var(--bk)}
@media (hover:hover){.adesivo:hover{transform:translateY(-2px) rotate(-.6deg)}}
.adesivo.preto{background:var(--bk);color:var(--br);border-color:var(--bk);box-shadow:0 6px 0 #000}
.adesivo.amarelo{background:var(--ye)}
.adesivo.wa{background:#1fc15d;color:var(--br)}
.ico{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--or);color:var(--br);border:3px solid var(--bk)}
.ico svg{width:24px;height:24px}

.selo-rodape{text-align:center;padding:26px 16px 34px;opacity:.9}