/* ===========================================================
   PIZZARIA NA BRASA — Página de links (link-in-bio)
   Identidade: fundo escuro + brasa (laranja→vermelho).
   Mobile-first. CTA principal: WhatsApp.

   >>> CONFERIR / TROCAR os links na seção LINKS do index.html <<<
      - WhatsApp: confirmar o número (o (47) 3271-6160 é fixo;
        se o WhatsApp for um celular, troque no link).
      - Cardápio / Peça aqui: apontar pro cardápio ou pedido online.
============================================================ */

:root{
  --preto:#0A0A0A;
  --grafite:#161616;
  --grafite2:#1d1d1d;
  --creme:#F5F0E6;
  --vermelho:#E11414;
  --vermelho-escuro:#B00E0E;
  --laranja:#FF7A00;
  --borda:rgba(245,240,230,0.12);
}

*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  font-family:'Poppins',sans-serif;
  background:var(--preto);
  color:var(--creme);
  line-height:1.5;
  min-height:100dvh;
  -webkit-font-smoothing:antialiased;
  display:flex; flex-direction:column; align-items:center;
  padding:40px 20px 32px;
  position:relative; overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ text-decoration:none; color:inherit; }
.script{ font-family:'Pacifico',cursive; font-weight:400; }

/* glow de brasa no fundo */
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(70% 40% at 50% 108%, rgba(255,122,0,0.28) 0%, rgba(225,20,20,0.12) 38%, transparent 68%),
    radial-gradient(50% 30% at 100% -6%, rgba(225,20,20,0.18) 0%, transparent 60%);
}

.page{ position:relative; z-index:1; width:100%; max-width:440px; }

/* ---- cabeçalho / perfil ---- */
.head{ text-align:center; margin-bottom:30px; }
.logo-ring{
  width:128px; height:128px; margin:0 auto 18px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--preto);
  border:3px solid var(--vermelho);
  box-shadow:0 0 0 6px rgba(225,20,20,0.10), 0 12px 40px rgba(225,20,20,0.30);
}
.logo-ring img{ width:104px; height:104px; border-radius:50%; object-fit:cover; }

.handle{ font-size:1.5rem; font-weight:800; letter-spacing:-.01em; }
.bio{
  margin-top:8px; font-size:1rem; font-weight:500;
  color:rgba(245,240,230,0.85); max-width:330px; margin-left:auto; margin-right:auto;
}
.bio b{ color:var(--laranja); font-weight:700; }

/* ---- links ---- */
.links{ display:flex; flex-direction:column; gap:14px; }
.link{
  display:flex; align-items:center; gap:14px;
  width:100%; padding:18px 22px; border-radius:16px;
  font-weight:700; font-size:1.05rem;
  background:var(--grafite);
  border:1px solid var(--borda);
  color:var(--creme);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.link .ic{ font-size:1.35rem; width:26px; text-align:center; flex:0 0 auto; }
.link .txt{ flex:1; text-align:center; margin-left:-26px; }
.link .sub{ display:block; font-size:.78rem; font-weight:500; color:rgba(245,240,230,0.55); margin-top:2px; }
.link:hover{ transform:translateY(-2px); }

/* destaque principal — brasa */
.link.brasa{
  background:linear-gradient(135deg,var(--laranja),var(--vermelho));
  color:#fff; border-color:transparent;
  box-shadow:0 12px 34px rgba(225,20,20,0.34);
}
.link.brasa:hover{ box-shadow:0 16px 44px rgba(225,20,20,0.46); }

/* whatsapp */
.link.zap{
  background:linear-gradient(135deg,#25D366,#1faa54);
  color:#06310f; border-color:transparent;
  box-shadow:0 10px 30px rgba(37,211,102,0.26);
}
.link.zap .sub{ color:rgba(6,49,15,0.65); }
.link.zap:hover{ box-shadow:0 14px 40px rgba(37,211,102,0.40); }

/* secundários (grafite) ganham contorno brasa no hover */
.link.ghost:hover{ border-color:var(--laranja); background:var(--grafite2); }

/* ---- rodapé ---- */
.foot{
  text-align:center; margin-top:28px;
  font-size:.82rem; color:rgba(245,240,230,0.55); line-height:1.7;
}
.foot .hot{ color:var(--laranja); font-weight:600; }

@media (max-width:380px){
  .handle{ font-size:1.3rem; }
  .link{ font-size:1rem; padding:16px 18px; }
}