/* ==========================================================================
   AVVENTO FORNERIA — link na bio
   Conceito: "A BOCA DO FORNO"

   PLANOS
     01 atmosfera  — gradiente vinho + brasa + grão da própria pizza  (px 0.02–0.05)
     02 arquitetura— o arco do forno, marca d'água                     (px 0.06–0.08)
     03 conteúdo   — tipografia, listas, tabelas                       (px 0)
     04 interativo — botões, cards, mapa                               (px 0)
     05 produto    — a pizza recortada, sobrepondo 02 e 03             (px 0.16)

   LUZ
     Vem de cima, ligeiramente à esquerda — a boca do forno está acima.
     Toda sombra cai para baixo e à direita. Todo elemento elevado ganha
     um highlight de 1px no topo.
   ========================================================================== */

:root{
  /* --- vinho: amostrado do próprio Linktree da marca (#4E0000) --- */
  --wine-900:#240504;
  --wine-850:#2E0605;
  --wine-800:#3A0908;
  --wine-700:#4E0000;
  --wine-600:#6A1310;

  /* --- verde: amostrado da logo Avvento Pizzeria --- */
  --green-900:#032420;
  --green-700:#053932;
  --green-600:#0A5044;

  /* --- ouro: amostrado do lettering AVVENTO --- */
  --gold-100:#F6E9CD;
  --gold-300:#E0C68F;
  --gold-500:#C9A24B;
  --gold-700:#A8853F;

  --ember:#FF8A2B;

  --ink:#FBF3E6;
  --ink-2:rgba(251,243,230,.70);
  --ink-3:rgba(251,243,230,.58);
  --line:rgba(201,162,75,.26);
  --line-soft:rgba(251,243,230,.10);

  /* --- elevação: luz de cima-esquerda, sombra para baixo-direita --- */
  --e1:0 3px 10px -6px rgba(0,0,0,.75);
  --e2:0 14px 30px -18px rgba(0,0,0,.92), 0 3px 8px -6px rgba(0,0,0,.5);
  --e3:0 16px 34px -14px rgba(201,162,75,.42), 0 6px 14px -8px rgba(0,0,0,.55);
  --hl:inset 0 1px 0 rgba(255,255,255,.14);

  --pad:20px;
  --r:14px;
  --tap:58px;

  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}

html,body{overflow-x:hidden;background:var(--wine-900)}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{
  margin:0;
  position:relative;
  font-family:var(--sans);
  font-size:15px;
  line-height:1.6;
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
  background:linear-gradient(180deg,var(--wine-800) 0%,var(--wine-850) 30%,var(--wine-900) 100%);
}

img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:600}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}

.wrap{width:100%;max-width:560px;margin:0 auto;padding:0 var(--pad)}

.skip{
  position:absolute;left:-9999px;top:0;z-index:99;
  background:var(--gold-500);color:var(--wine-900);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;
}
.skip:focus{left:0}

/* ══════════ PLANO 01 — ATMOSFERA ══════════ */
.atmos{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.atmos__ember{
  position:absolute;left:50%;top:-190px;
  width:600px;height:420px;margin-left:-300px;
  background:radial-gradient(50% 50% at 50% 50%,
    rgba(255,138,43,.34) 0%, rgba(255,138,43,.10) 42%, rgba(255,138,43,0) 72%);
  animation:breathe 8s ease-in-out infinite;
  will-change:transform;
}
/* grão: macro da própria pizza, quase invisível — dá textura de forno ao fundo */
.atmos__grain{
  position:absolute;left:50%;top:0;width:1200px;height:1400px;margin-left:-600px;
  background:url("../images/textura.webp") center/cover no-repeat;
  opacity:.055;
  mix-blend-mode:soft-light;
  filter:blur(3px) saturate(.6);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 55%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 55%,transparent 100%);
  will-change:transform;
}
@keyframes breathe{
  0%,100%{opacity:.72}
  50%{opacity:1}
}

/* ══════════ tipografia utilitária ══════════ */
.stitle{
  display:flex;align-items:center;gap:12px;
  font-size:11.5px;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-300);
  margin:0 0 14px;
}
.stitle span{flex:0 0 auto}
.stitle::after{
  content:"";flex:1 1 auto;height:1px;
  background:linear-gradient(90deg,var(--gold-500),rgba(201,162,75,0));
}
.lead{font-size:14px;color:var(--ink-2);margin-bottom:22px;max-width:44ch}
.micro{font-size:12.5px;line-height:1.55;color:var(--ink-3);margin-top:14px}
.hint{font-size:13px;color:var(--ink-2);text-align:center;margin-top:20px;padding:0 6px}

/* ══════════ HERO ══════════ */
.hero{position:relative;z-index:2;padding:calc(16px + env(safe-area-inset-top)) 0 26px}
.hero__in{display:flex;flex-direction:column;align-items:center;text-align:center}

/* selo ao vivo */
.status{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:7px 14px;border-radius:999px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.30);
  color:var(--ink-2);
  box-shadow:var(--e1),var(--hl);
  margin-bottom:12px;
}
.status__dot{width:7px;height:7px;border-radius:50%;background:var(--ink-3);flex:0 0 auto}
.status[data-state="open"]{color:var(--gold-100);border-color:rgba(255,138,43,.5)}
.status[data-state="open"] .status__dot{
  background:var(--ember);
  animation:pulse 2.4s ease-out infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(255,138,43,.5)}
  70%{box-shadow:0 0 0 9px rgba(255,138,43,0)}
  100%{box-shadow:0 0 0 0 rgba(255,138,43,0)}
}
.status[data-state="soon"]{color:var(--gold-300)}
.status[data-state="soon"] .status__dot{background:var(--gold-500)}

/* ── A BOCA DO FORNO: arco (plano 02) + pizza (plano 05) ── */
.oven{
  position:relative;
  width:min(84vw,300px);
  margin-bottom:14px;
  display:flex;flex-direction:column;align-items:center;
}
.oven__arch{
  position:relative;
  width:min(70vw,246px);
  padding:18px 16px 46px;
  border:1px solid var(--line);
  border-bottom:0;
  border-radius:999px 999px 0 0;
  will-change:transform;
}
/* boca do forno: a régua de ouro de onde a pizza sai */
.oven__arch::after{
  content:"";position:absolute;left:-1px;right:-1px;bottom:0;height:1px;
  background:linear-gradient(90deg,rgba(201,162,75,0),var(--gold-500) 20%,var(--gold-300) 50%,var(--gold-500) 80%,rgba(201,162,75,0));
}
/* calor saindo da boca */
.oven__heat{
  position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);
  width:86%;height:74px;
  background:radial-gradient(58% 100% at 50% 100%,rgba(255,138,43,.42),rgba(255,138,43,0) 72%);
  pointer-events:none;
}
.oven__logo{
  width:100%;height:auto;position:relative;
  filter:drop-shadow(0 3px 12px rgba(0,0,0,.5));
}

/* PLANO 05 — o produto sai do forno e sobrepõe o arco */
.oven__product{
  position:relative;
  width:min(66vw,232px);
  margin-top:-34px;
  will-change:transform;
}
.oven__pizza{
  width:100%;height:auto;position:relative;z-index:2;
  transform:perspective(900px) rotateX(9deg);
  transform-origin:50% 42%;
  /* E4 — brilho do forno + sombra de contato curta + sombra longa difusa */
  filter:
    brightness(1.07) saturate(1.06)
    drop-shadow(0 6px 6px rgba(0,0,0,.45))
    drop-shadow(6px 22px 26px rgba(0,0,0,.55));
}
/* luz quente do forno batendo no produto (plano 05, atrás da pizza) */
.oven__product::before{
  content:"";position:absolute;left:50%;top:-14%;
  width:126%;height:96%;transform:translateX(-50%);
  background:radial-gradient(50% 50% at 50% 40%,rgba(255,138,43,.30),rgba(255,138,43,0) 68%);
  pointer-events:none;z-index:0;
}
/* sombra projetada no "chão" */
.oven__shadow{
  position:absolute;left:50%;bottom:2px;
  width:86%;height:26px;transform:translateX(-50%);
  background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.62),rgba(0,0,0,0) 72%);
  filter:blur(4px);
  z-index:1;
}

.h1{
  font-family:var(--serif);
  font-weight:600;
  font-size:clamp(28px,8.6vw,37px);
  line-height:1.06;
  margin-bottom:10px;
}
.h1 em{
  font-style:italic;
  background:linear-gradient(180deg,var(--gold-100),var(--gold-500) 62%,var(--gold-700));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.hero__sub{font-size:14px;line-height:1.55;color:var(--ink-2);max-width:30ch;margin-bottom:16px}
.hero__sub strong{color:var(--ink);font-weight:600}

.hero__meta{
  display:flex;margin-top:16px;width:100%;max-width:340px;
  border-top:1px solid var(--line-soft);padding-top:12px;
}
.hero__meta li{flex:1;display:flex;flex-direction:column;gap:1px;position:relative}
.hero__meta li + li::before{
  content:"";position:absolute;left:0;top:2px;bottom:2px;width:1px;background:var(--line-soft);
}
.hero__meta b{font-size:14px;font-weight:700;color:var(--gold-300);font-style:normal}
.hero__meta b i{font-style:normal;font-size:.72em;margin-left:2px;opacity:.85}
.hero__meta span{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}

/* ══════════ BOTÕES — sempre duas linhas ══════════ */
.btn{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  width:100%;min-height:var(--tap);
  padding:11px 18px;
  border-radius:var(--r);
  text-decoration:none;
  border:1px solid transparent;
  transition:transform .16s ease,box-shadow .22s ease;
}
.btn strong{font-size:14.5px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;line-height:1.2}
.btn small{font-size:11.5px;line-height:1.3;font-weight:500;opacity:.82}
.btn:active{transform:translateY(1px) scale(.985)}

/* E3 — CTA principal */
.btn--gold{
  background:linear-gradient(178deg,var(--gold-100) 0%,var(--gold-300) 22%,var(--gold-500) 62%,var(--gold-700) 100%);
  color:#2B1503;min-height:62px;
  box-shadow:var(--e3),inset 0 1px 0 rgba(255,255,255,.5);
}
.btn--gold small{opacity:.74}
.btn--gold:active{box-shadow:0 8px 18px -12px rgba(201,162,75,.5),inset 0 1px 0 rgba(255,255,255,.35)}

/* E2 — CTAs de marca */
.btn--wine{
  background:linear-gradient(178deg,#7A1815,var(--wine-700) 55%,#3E0705);
  color:var(--gold-100);border-color:rgba(201,162,75,.42);
  box-shadow:var(--e2),var(--hl);
}
.btn--green{
  background:linear-gradient(178deg,#0C6353,var(--green-700) 55%,#04302A);
  color:var(--gold-100);border-color:rgba(201,162,75,.42);
  box-shadow:var(--e2),var(--hl);
}
.btn--wa{
  background:linear-gradient(178deg,#25D366,#1FB855 30%,#118A3D);
  color:#fff;min-height:62px;
  box-shadow:0 14px 28px -16px rgba(18,140,62,.95),inset 0 1px 0 rgba(255,255,255,.28);
}
.btn--wa svg{margin-bottom:1px}
.btn--ghost{
  background:rgba(255,255,255,.035);border-color:var(--line);color:var(--ink);
  box-shadow:var(--e1);
}
.btn--ghost strong{font-size:13px;color:var(--gold-300)}
.btn--ghost small{font-size:11px;color:var(--ink-3);opacity:1}

/* ══════════ SEÇÕES ══════════ */
.sec{position:relative;z-index:2;padding:44px 0}
.sec--choice{padding-top:34px}

/* marca d'água atravessando a divisa das seções (plano 02) */
.watermark{
  position:absolute;top:-58px;right:-70px;width:280px;
  opacity:.05;pointer-events:none;z-index:-1;
  will-change:transform;
}

/* ── A ESCOLHA: dois cards-marca ── */
.brand{
  position:relative;
  border-radius:120px 120px var(--r) var(--r);
  border:1px solid var(--line);
  overflow:hidden;
  margin-bottom:18px;
  box-shadow:var(--e2),var(--hl);
}
.brand--forneria{background:linear-gradient(178deg,#5C0A07 0%,var(--wine-700) 32%,#380705 100%)}
.brand--pizzeria{background:linear-gradient(178deg,#0A5044 0%,var(--green-700) 32%,#032B25 100%)}
/* luz de cima entrando pelo arco */
.brand::before{
  content:"";position:absolute;left:50%;top:-40px;width:130%;height:190px;
  transform:translateX(-50%);
  background:radial-gradient(50% 60% at 45% 0%,rgba(255,255,255,.13),rgba(255,255,255,0) 70%);
  pointer-events:none;
}

.brand__top{padding:28px 22px 16px;text-align:center;position:relative}
.brand__top::after{
  content:"";position:absolute;left:22px;right:22px;bottom:0;height:1px;
  background:linear-gradient(90deg,rgba(201,162,75,0),var(--line),rgba(201,162,75,0));
}
.brand__mark{width:112px;margin:0 auto 12px;filter:drop-shadow(0 3px 9px rgba(0,0,0,.55))}
.brand--pizzeria .brand__mark{width:78px}
.brand__kicker{font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-500)}
.brand__name{
  font-family:var(--serif);font-size:clamp(28px,8.5vw,34px);line-height:1.05;margin-top:2px;
  background:linear-gradient(180deg,var(--gold-100),var(--gold-500) 70%,var(--gold-700));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

.brand__body{padding:18px 22px 22px;position:relative}
.brand__desc{font-size:14px;color:rgba(255,255,255,.84);line-height:1.55}
.brand__specs{
  display:flex;margin:16px 0 14px;padding:11px 0;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.brand__specs li{
  flex:1;text-align:center;position:relative;
  font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  color:rgba(255,255,255,.66);line-height:1.35;
}
.brand__specs li + li::before{
  content:"";position:absolute;left:0;top:1px;bottom:1px;width:1px;background:rgba(255,255,255,.10);
}
.brand__specs b{display:block;font-size:16px;color:var(--gold-300);font-weight:700;letter-spacing:0}
.brand__flavors{font-size:12.5px;line-height:1.65;color:rgba(255,255,255,.68);margin-bottom:16px}
.brand__price{
  display:flex;align-items:baseline;gap:8px;
  font-family:var(--serif);font-size:38px;font-weight:700;line-height:1;
  color:var(--gold-100);margin-bottom:16px;
  text-shadow:0 2px 10px rgba(0,0,0,.4);
}
.brand__price span{
  font-family:var(--sans);font-size:10.5px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.64);
  text-shadow:none;
}
.brand__price sup{font-size:.46em;top:-.62em;position:relative;margin-left:-.1em}
.brand__note{font-size:11.5px;line-height:1.5;color:rgba(255,255,255,.62);margin-top:12px;text-align:center}

/* ── FOGO: faixa fotográfica de largura total ── */
.sec--fire{padding:0}
.fire{margin:0;position:relative}
.fire img{
  width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;object-position:50% 42%;
}
.fire figcaption{
  position:absolute;inset:auto 0 0 0;
  padding:60px var(--pad) 30px;
  background:linear-gradient(180deg,rgba(36,5,4,0) 0%,rgba(36,5,4,.45) 22%,rgba(36,5,4,.86) 52%,rgba(36,5,4,.985) 100%);
}
.fire__kicker{font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-500);margin-bottom:6px}
.fire__title{font-family:var(--serif);font-size:clamp(30px,9.5vw,40px);line-height:1.02;margin-bottom:10px}
.fire__txt{font-size:13.5px;line-height:1.6;color:var(--ink-2);max-width:34ch}
.sec--fire + .sec{padding-top:38px}

/* ── PROVA ── */
.sec--proof{overflow:hidden}
.score{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.score__n{
  font-family:var(--serif);font-size:52px;font-weight:700;line-height:.9;
  background:linear-gradient(180deg,var(--gold-100),var(--gold-500) 70%,var(--gold-700));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.score__stars{display:block;color:var(--gold-500);font-size:15px;letter-spacing:.18em;line-height:1.2}
.score__lbl{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px}

.says{
  display:flex;gap:12px;overflow-x:auto;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  padding:4px var(--pad) 6px;
}
.says::-webkit-scrollbar{display:none}
.say{
  flex:0 0 82%;max-width:330px;scroll-snap-align:center;
  display:flex;flex-direction:column;
  padding:20px 20px 18px;
  border-radius:var(--r);
  border:1px solid var(--line-soft);
  background:linear-gradient(178deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:var(--e1),var(--hl);
}
.say p{
  font-family:var(--serif);font-size:19px;line-height:1.35;color:var(--ink);
  flex:1;margin-bottom:14px;
}
.say cite{
  font-style:normal;font-size:12.5px;font-weight:600;color:var(--gold-300);
  display:flex;flex-direction:column;
}
.say cite small{font-size:11px;font-weight:400;color:var(--ink-3);margin-top:1px}

/* ── CATEGORIAS ── */
.cats{display:flex;flex-direction:column}
.cat{
  display:grid;grid-template-columns:auto 1fr auto;gap:0 14px;align-items:start;
  padding:16px 0;border-bottom:1px solid var(--line-soft);
}
.cat:first-child{border-top:1px solid var(--line-soft)}
.cat__ix{
  font-size:11px;font-weight:700;font-variant-numeric:tabular-nums lining-nums;
  letter-spacing:.06em;color:var(--gold-700);padding-top:6px;
}
.cat h3{font-size:15.5px;font-weight:600}
.cat p{font-size:12.5px;line-height:1.55;color:var(--ink-3);margin-top:3px}
.cat__price{font-size:12px;font-weight:700;white-space:nowrap;color:var(--gold-300);padding-top:2px}

/* ── COMBOS ── */
.sec--combos{overflow:hidden}
.combos{
  display:flex;gap:12px;overflow-x:auto;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  padding:4px var(--pad) 6px;
}
.combos::-webkit-scrollbar{display:none}
.combo{
  flex:0 0 76%;max-width:280px;scroll-snap-align:center;
  border-radius:var(--r);border:1px solid var(--line);
  padding:18px 18px 16px;display:flex;flex-direction:column;
  box-shadow:var(--e2),var(--hl);
}
.combo--wine{background:linear-gradient(165deg,#5C0A07,#360604)}
.combo--green{background:linear-gradient(165deg,#0A5044,#04302A)}
.combo__tag{
  align-self:flex-start;font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-500);border:1px solid var(--line);border-radius:999px;padding:3px 9px;margin-bottom:12px;
}
.combo h3{font-family:var(--serif);font-size:26px;line-height:1.05;color:var(--gold-100)}
.combo__desc{font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.68);margin:6px 0 14px;flex:1}
.combo b{font-size:22px;font-weight:700;color:#fff}
.combo a{
  margin-top:12px;font-size:12px;font-weight:600;color:var(--gold-300);
  text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(201,162,75,.45);
  min-height:32px;display:inline-flex;align-items:center;
}

.dots{display:flex;justify-content:center;gap:7px;margin-top:14px}
.dots button{
  width:7px;height:7px;padding:0;border:0;border-radius:50%;
  background:rgba(251,243,230,.24);cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
.dots button[aria-current="true"]{background:var(--gold-500);transform:scale(1.25)}

/* ── FEATURE / WHATSAPP ── */
.feature{
  position:relative;
  border:1px solid var(--line);border-radius:var(--r);
  background:linear-gradient(170deg,rgba(255,138,43,.10),rgba(0,0,0,.24));
  padding:24px 20px 22px;
  box-shadow:var(--e2),var(--hl);
}
.feature__tag{
  display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--wine-900);background:linear-gradient(178deg,var(--gold-300),var(--gold-500));
  padding:4px 10px;border-radius:999px;margin-bottom:14px;
  box-shadow:var(--e1);
}
.feature h2{font-family:var(--serif);font-size:clamp(25px,7.6vw,31px);line-height:1.08;margin-bottom:10px}
.feature p{font-size:13.5px;line-height:1.6;color:var(--ink-2);margin-bottom:20px}

/* ── A CASA ── */
.house{position:relative;margin-bottom:24px}
.house__ph{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--e2)}
.house__ph img{width:100%;aspect-ratio:5/4;object-fit:cover;object-position:50% 38%}
/* bloco de texto sobrepondo a foto e saindo pela lateral esquerda */
.house__txt{
  position:relative;margin:-46px 0 0 calc(var(--pad) * -1 + 4px);
  width:calc(100% - 22px);
  padding:16px 18px;
  border-radius:0 var(--r) var(--r) 0;
  border:1px solid var(--line);border-left:0;
  background:linear-gradient(178deg,#3E0A08,var(--wine-850));
  box-shadow:var(--e2),var(--hl);
}
.house__kick{
  font-family:var(--serif);font-style:italic;font-size:17px;color:var(--gold-300);margin-bottom:5px;
}
.house__txt p:last-child{font-size:13px;line-height:1.6;color:var(--ink-2)}
.house__txt strong{color:var(--ink);font-weight:600}

/* ── FACTS ── */
.facts{display:flex;flex-direction:column;gap:10px}
.facts li{
  display:flex;align-items:center;gap:14px;
  padding:13px 15px;border:1px solid var(--line-soft);border-radius:12px;
  background:rgba(255,255,255,.03);
  box-shadow:var(--e1);
}
.facts__ic{
  flex:0 0 auto;width:38px;height:38px;border-radius:11px;
  display:grid;place-items:center;
  background:linear-gradient(160deg,rgba(201,162,75,.26),rgba(201,162,75,.07));
  border:1px solid var(--line);color:var(--gold-300);
  box-shadow:var(--hl);
}
.facts__ic svg{display:block}
.facts b{display:block;font-size:14px;font-weight:600}
.facts small{display:block;font-size:12px;line-height:1.45;color:var(--ink-3);margin-top:1px}

/* ── HORÁRIO ── */
.hours{width:100%;border-collapse:collapse;font-size:14px}
.hours th,.hours td{padding:11px 4px;text-align:left;font-weight:500;border-bottom:1px solid var(--line-soft)}
.hours th{color:var(--ink-2);font-weight:500;position:relative;padding-left:16px}
.hours td{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
.hours tr.off th,.hours tr.off td{color:var(--ink-3)}
.hours tr.today th,.hours tr.today td{color:var(--gold-100);font-weight:700}
.hours tr.today th::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:6px;height:6px;border-radius:50%;background:var(--gold-500);
  box-shadow:0 0 8px rgba(201,162,75,.8);
}

/* ── MAPA ── */
.map{
  position:relative;border-radius:var(--r);overflow:hidden;
  border:1px solid var(--line);margin-bottom:18px;background:#0d1a17;
  box-shadow:var(--e2);
}
#map{height:240px;width:100%}
.leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(1.06) saturate(.55)}
.leaflet-container{background:#0d1a17;font-family:var(--sans)}
.leaflet-control-attribution{background:rgba(0,0,0,.55)!important;color:rgba(255,255,255,.6)!important;font-size:9px!important}
.leaflet-control-attribution a{color:rgba(255,255,255,.8)!important}
.map__cover{
  position:absolute;inset:0;z-index:500;border:0;width:100%;padding:0;
  background:rgba(20,4,3,.34);color:var(--gold-100);
  font-family:var(--sans);font-size:10.5px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;cursor:pointer;
  display:flex;align-items:flex-end;justify-content:center;
}
.map__cover span{
  margin-bottom:34px;padding:9px 16px;border-radius:999px;
  background:rgba(20,4,3,.86);border:1px solid var(--line);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  box-shadow:var(--e1);
}
.map__cover[hidden]{display:none}
.map__fallback{display:grid;place-items:center;height:240px;color:var(--gold-300);font-weight:600}

.addr{font-style:normal;font-size:13px;line-height:1.6;color:var(--ink-2);text-align:center;margin-bottom:16px}
.addr b{display:block;font-size:16px;color:var(--ink);font-weight:600;margin-bottom:2px}

.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pair .btn{padding:11px 10px}
.pair .btn strong{font-size:12px;letter-spacing:.06em}
.pair .btn small{font-size:10.5px}

/* ── REDES ── */
.social{display:flex;flex-direction:column;gap:10px}
.social a{
  display:flex;align-items:center;gap:13px;min-height:var(--tap);padding:12px 16px;
  border:1px solid var(--line-soft);border-radius:12px;
  background:rgba(255,255,255,.03);text-decoration:none;
  box-shadow:var(--e1);
  transition:background .2s ease,transform .16s ease;
}
.social a:active{background:rgba(255,255,255,.06);transform:translateY(1px) scale(.99)}
.social svg{flex:0 0 auto;color:var(--gold-300)}
.social b{font-size:14.5px;font-weight:600;margin-right:auto}
.social small{font-size:11.5px;color:var(--ink-3);text-align:right;line-height:1.35}

/* ── RODAPÉ ── */
.foot{
  position:relative;z-index:2;
  padding:34px 0 calc(120px + env(safe-area-inset-bottom));
  text-align:center;border-top:1px solid var(--line-soft);
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.38));
}
.foot__mark{width:104px;margin:0 auto 14px;opacity:.85}
.foot__line{font-family:var(--serif);font-size:17px;color:var(--gold-300);margin-bottom:8px}
.foot__addr{font-size:12px;line-height:1.7;color:var(--ink-3)}
.foot__sig{font-size:11px;color:rgba(251,243,230,.36);margin-top:16px}
.foot__sig a{color:var(--gold-700);text-decoration:none;font-weight:600}

/* ── CTA FIXO ── */
.sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:40;
  padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(36,5,4,0),rgba(36,5,4,.94) 42%);
  pointer-events:none;opacity:0;transform:translateY(16px);
  transition:opacity .3s ease,transform .3s ease;
}
.sticky.is-on{opacity:1;transform:none;pointer-events:auto}
.sticky__btn{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  max-width:520px;margin:0 auto;min-height:56px;border-radius:999px;
  background:linear-gradient(178deg,var(--gold-100),var(--gold-300) 22%,var(--gold-500) 62%,var(--gold-700));
  color:#2B1503;text-decoration:none;
  font-size:14.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  box-shadow:0 14px 32px -14px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.5);
  transition:transform .16s ease;
}
.sticky__btn span{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:none;opacity:.74}
.sticky__btn:active{transform:translateY(1px) scale(.99)}

/* ══════════ REVELAÇÃO ══════════ */
.rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}
.rv.in{opacity:1;transform:none}

/* ══════════════════════════════════════════════════════════════════
   TELA BAIXA — o CTA principal tem que caber na primeira dobra mesmo
   dentro do navegador do Instagram (~140px de barras). Dois degraus.
   Encolhe o forno e o produto; nunca o botão nem o corpo de texto.
   ══════════════════════════════════════════════════════════════════ */
@media (max-width:699px) and (max-height:740px){
  .hero{padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:18px}
  .status{margin-bottom:8px;padding:5px 12px;font-size:10.5px}
  .oven{width:min(64vw,210px);margin-bottom:8px}
  .oven__arch{width:min(50vw,160px);padding:11px 12px 30px}
  .oven__product{width:min(44vw,142px);margin-top:-28px}
  .h1{font-size:24px;margin-bottom:7px}
  .hero__sub{font-size:13px;line-height:1.5;margin-bottom:12px;max-width:26ch}
  .hero__meta{margin-top:11px;padding-top:9px}
}

@media (max-width:699px) and (max-height:600px){
  .hero{padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:14px}
  .status{margin-bottom:7px}
  .oven{width:min(56vw,180px);margin-bottom:7px}
  .oven__arch{width:min(42vw,132px);padding:9px 10px 24px}
  .oven__product{width:min(38vw,118px);margin-top:-32px}
  .h1{font-size:21px;margin-bottom:6px}
  .hero__sub{font-size:12.5px;line-height:1.45;margin-bottom:10px;max-width:26ch}
  .btn--gold{min-height:58px}
  .hero__meta{margin-top:10px;padding-top:8px}
}

/* ══════════ telas muito estreitas ══════════ */
@media (max-width:359px){
  :root{--pad:16px}
  .h1{font-size:25px}
  .btn strong{font-size:13.5px;letter-spacing:.07em}
  .btn small{font-size:11px}
  .brand__price{font-size:33px}
  .brand__specs li{font-size:10px}
  .combo{flex-basis:82%}
  .say{flex-basis:86%}
  .say p{font-size:17.5px}
  .score__n{font-size:44px}
  .hero__meta b{font-size:13px}
  .hero__meta span{font-size:9.5px}
}

/* ══════════ DESKTOP — adaptação, não outro produto ══════════ */
@media (min-width:700px){
  body{font-size:16px}
  .wrap{max-width:620px}
  .sec{padding:64px 0}
  .hero{padding:40px 0 46px}
  .oven{width:360px}
  .oven__arch{width:290px;padding:22px 18px 54px}
  .oven__product{width:250px;margin-top:-40px}
  .h1{font-size:46px}
  .hero__sub{font-size:16px;max-width:36ch}
  .btn{max-width:420px;margin-left:auto;margin-right:auto}
  .pair .btn{max-width:none}
  .btn--gold,.btn--wa{min-height:66px}
  .stitle{font-size:12px}
  .watermark{width:400px;top:-90px;right:-110px}

  .brand{border-radius:150px 150px var(--r) var(--r)}
  .brand__top{padding:36px 28px 18px}
  .brand__body{padding:22px 28px 26px}
  .brand__mark{width:132px}
  .brand--pizzeria .brand__mark{width:92px}
  .brand__price{font-size:44px}

  .fire img{aspect-ratio:16/10;object-position:50% 46%}
  .fire figcaption{padding:80px 0 44px;text-align:left}
  .fire figcaption > *{max-width:620px;margin-left:auto;margin-right:auto;padding:0 var(--pad)}
  .fire__title{font-size:46px}

  .says,.combos{
    justify-content:center;flex-wrap:wrap;max-width:680px;margin:0 auto;
    overflow:visible;scroll-snap-type:none;
  }
  .combo{flex:0 0 calc(50% - 8px);max-width:none}
  .say{flex:0 0 calc(50% - 8px);max-width:none}
  .dots{display:none}

  .house{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center}
  .house__ph img{aspect-ratio:1/1}
  .house__txt{margin:0 0 0 -40px;width:auto;border-radius:var(--r);border-left:1px solid var(--line);padding:22px}

  #map{height:320px}
  .sticky__btn{max-width:420px}
  .score__n{font-size:64px}
}

@media (min-width:1000px){
  .fire img{aspect-ratio:21/9}
}

/* ══════════ MOVIMENTO REDUZIDO ══════════ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
  .rv{opacity:1;transform:none}
  .atmos__ember{opacity:.85}
  .status[data-state="open"] .status__dot{box-shadow:0 0 0 3px rgba(255,138,43,.28)}
  .oven__pizza{transform:none}
}

/* foco visível */
a:focus-visible,button:focus-visible{
  outline:2px solid var(--gold-300);outline-offset:3px;border-radius:6px;
}