/* D'Angelo Pizza — site (v2 do esqueleto, 19/10/2026). Só var(--…) de tokens.css; nenhum hex aqui.
   Ritmo de valor: amarelo (hero) → carvão (massa) → papel (cardápio) → carvão (casa, noite) →
   amarelo (clube) → carvão (vozes) → papel (visite) → carvão (rodapé). */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cor-fundo);color:var(--cor-texto);font-family:var(--font-texto);
  font-size:var(--t-md);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.05;
  filter:url(#grao);background:var(--cor-texto);mix-blend-mode:overlay}
img{display:block;max-width:100%;height:auto}
a{color:var(--cor-acento)}
h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.02;letter-spacing:-.015em;margin:0}
h2{font-size:var(--t-2xl);max-width:18ch}
h3{font-size:var(--t-xl);line-height:1.1}
p{margin:0 0 var(--e-3)}
strong,b{font-weight:600}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pular{position:absolute;left:-999px;top:0;z-index:99;background:var(--cor-acento);color:var(--cor-sobre-acento);padding:var(--e-2) var(--e-3)}
.pular:focus{left:var(--e-3)}
:focus-visible{outline:2px solid var(--cor-acento);outline-offset:3px}
figure{margin:0}
.foto{filter:var(--img-grade);width:100%;object-fit:cover}
.kicker{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--cor-acento);margin-bottom:var(--e-4)}
.kicker--tinta{color:var(--cor-tinta)}

/* botões */
.btn{display:inline-flex;align-items:center;gap:.6em;font-weight:600;font-size:var(--t-md);text-decoration:none;
  padding:.9em 1.5em;border-radius:var(--raio-pill);border:2px solid transparent;transition:transform .25s var(--ease),background .25s,color .25s}
.btn:hover{transform:translateY(-2px)}
.btn--sol{background:var(--cor-sol);color:var(--cor-tinta)}
.btn--sol:hover{background:var(--cor-acento-forte)}
.btn--tinta{background:var(--cor-tinta);color:var(--cor-sol)}
.btn--tinta:hover{background:var(--carvao-800)}
.btn--contorno{color:var(--cor-tinta);border-color:var(--cor-tinta)}
.btn--contorno:hover{background:var(--cor-tinta);color:var(--cor-sol)}
.btn--zap{background:var(--zap);color:var(--zap-tinta);justify-self:start}
.btn--zap svg{width:1.2em;height:1.2em}
.ctas{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-2)}
.link-seta{font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.link-seta::after{content:" →"}
.tel{display:inline-flex;align-items:center;gap:.5em;color:inherit;text-decoration:none;padding:.9em .4em;border-bottom:1px solid currentColor}
.tel svg{width:1.2em;height:1.2em}

/* ===== régua das 72 horas ===== */
.regua{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--nav-h);display:flex;align-items:center;gap:var(--e-4);
  padding:0 var(--e-5);transition:background .3s,color .3s;--r-tinta:var(--cor-texto-2);--r-fundo:var(--cor-fundo);--r-linha:var(--cor-linha);--r-ativo:var(--cor-acento)}
.regua.solida{background:var(--cor-fundo);border-bottom:1px solid var(--cor-linha)}
.regua.sobre-sol{--r-tinta:var(--cor-tinta);--r-fundo:var(--cor-sol);--r-linha:var(--amarelo-700);--r-ativo:var(--cor-tinta);background:var(--cor-sol);border-bottom:0}
.regua__marca img{width:40px;height:auto}
.regua .m-preto{display:none}
.regua.sobre-sol .m-preto{display:block}
.regua.sobre-sol .m-sol{display:none}
.regua__linha{position:relative;flex:1;display:flex;justify-content:space-between;align-items:center;max-width:780px;margin-left:auto}
.regua__trilho{position:absolute;left:6px;right:6px;top:50%;height:2px;background:var(--r-linha);transform:translateY(-50%)}
.regua__massa{position:absolute;inset:0 auto 0 0;width:0;background:var(--r-ativo)}
.regua__marco{position:relative;display:flex;align-items:center;gap:.5em;text-decoration:none;color:var(--r-tinta);background:var(--r-fundo);padding:0 .5em;font-size:var(--t-sm);font-weight:500}
.regua__marco i{width:12px;height:12px;border-radius:50%;border:2px solid var(--r-tinta);background:var(--r-fundo);transition:all .3s}
.regua__marco b{font-family:var(--font-mono);font-weight:500;font-size:var(--t-xs);opacity:.75}
.regua__marco.ativo i,.regua__marco.passou i{border-color:var(--r-ativo);background:var(--r-ativo)}

/* ===== hero: a capa do manual ===== */
.hero{position:relative;background:var(--cor-sol);color:var(--cor-tinta);padding-top:calc(var(--nav-h) + var(--e-6))}
.hero__grade{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:var(--e-6);align-items:center;
  max-width:1440px;margin:0 auto;padding:0 var(--e-5) var(--e-7)}
.hero__h1{font-size:var(--t-hero);max-width:10ch;margin-bottom:var(--e-4)}
.hero__h1 .w{display:inline-block}
.hero__lead{font-size:var(--t-lg);max-width:44ch;margin-bottom:var(--e-5)}
.hero__lead strong{color:var(--cor-tinta)}
.hero__selo{display:flex;flex-direction:column;align-items:center;gap:var(--e-4)}
.hero__selo img{width:min(100%,380px)}
.hero__relogio{display:flex;align-items:baseline;gap:.15em;font-size:var(--t-2xl);line-height:1;margin:0;border-top:2px solid var(--cor-tinta);padding-top:var(--e-3)}
.hero__relogio small{font-size:var(--t-sm);margin-left:.6em;letter-spacing:.12em;text-transform:uppercase}

/* esteira de pizzas: cruza a borda amarelo → carvão */
.esteira{position:relative;--esteira:clamp(150px,18vw,250px);height:calc(var(--esteira) / 2);z-index:3}
.esteira::after{content:"";position:absolute;left:0;right:0;top:100%;height:calc(var(--esteira) / 2);background:var(--cor-fundo);z-index:-1}
.esteira__trilha{position:absolute;left:0;top:0;display:flex;gap:var(--e-4);width:max-content;animation:esteira 70s linear infinite}
.esteira__trilha img{width:var(--esteira);height:var(--esteira);border-radius:50%;object-fit:cover;box-shadow:var(--sombra-flutua)}
@keyframes esteira{to{transform:translateX(-50%)}}

/* ===== a massa ===== */
.massa{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--e-7);align-items:center;
  padding:calc(var(--e-8) + var(--e-4)) var(--e-5) var(--e-7) 0}
.massa__forno img{aspect-ratio:var(--img-card);max-height:820px}
.massa__lead{color:var(--cor-texto-2);max-width:var(--texto-max);margin-top:var(--e-4)}
.massa__lead strong{color:var(--cor-texto)}
.linha-tempo{list-style:none;margin:var(--e-5) 0 0;padding:0}
.linha-tempo li{display:grid;grid-template-columns:4.5em 1fr;gap:var(--e-3);padding:var(--e-3) 0;border-top:1px solid var(--cor-linha);color:var(--cor-texto-2)}
.linha-tempo b{color:var(--cor-acento);font-weight:500}

/* faixa: ticker editorial */
.faixa{overflow:hidden;border-block:1px solid var(--cor-linha);padding:var(--e-3) 0;background:var(--cor-fundo)}
.faixa__trilha{display:flex;width:max-content;animation:esteira 40s linear infinite}
.faixa__trilha span{font-family:var(--font-display);font-size:var(--t-xl);color:var(--cor-acento);white-space:nowrap;padding:0 var(--e-4);display:flex;align-items:center;gap:var(--e-4)}
.faixa__trilha span::after{content:"";width:.45em;height:.45em;border-radius:50%;border:2px solid var(--cor-acento)}

/* ===== cardápio: papel ===== */
.cardapio{background:var(--cor-papel);color:var(--cor-tinta);padding:var(--e-8) max(var(--e-5),calc((100% - var(--largura)) / 2)) var(--e-7)}
.cardapio__cab{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--e-3) var(--e-6);align-items:end;margin-bottom:var(--e-6)}
.cardapio__cab > *:not(.cardapio__lupa){grid-column:1}
.cardapio__cab h2{max-width:14ch}
.cardapio__n{color:var(--amarelo-700)}
.cardapio__cab p:not(.kicker){max-width:52ch;color:var(--cor-tinta-2)}
.cardapio__filtros{display:flex;flex-wrap:wrap;gap:var(--e-1)}
.cardapio__filtros button{font:600 var(--t-sm) var(--font-texto);color:var(--cor-tinta);background:transparent;border:1.5px solid var(--cor-tinta);
  border-radius:var(--raio-pill);padding:.55em 1.1em;cursor:pointer}
.cardapio__filtros button[aria-pressed="true"]{background:var(--cor-tinta);color:var(--cor-sol)}
.cardapio__lupa{grid-column:2;grid-row:1/5;width:clamp(200px,22vw,300px);text-align:center}
.cardapio__lupa img{width:100%;aspect-ratio:var(--img-quadro);border-radius:50%;object-fit:cover;box-shadow:var(--sombra-flutua);transition:opacity .25s}
.cardapio__lupa figcaption{font-family:var(--font-display);font-size:var(--t-lg);margin-top:var(--e-3)}
.cardapio__lista{list-style:none;margin:0;padding:0;columns:3 280px;column-gap:var(--e-6);column-rule:1px solid var(--cor-papel-linha)}
.cardapio__lista li{break-inside:avoid;padding:var(--e-2) 0 var(--e-3);border-top:1px solid var(--cor-papel-linha);cursor:default}
.cardapio__lista li b{display:block;font-family:var(--font-display);font-weight:400;font-size:var(--t-lg);line-height:1.15}
.cardapio__lista li span{display:block;font-size:var(--t-sm);color:var(--cor-tinta-2);line-height:1.45;margin-top:.2em}
.cardapio__lista li[data-t~="veg"] b::after{content:"sem carne";font:500 var(--t-xs) var(--font-mono);letter-spacing:.08em;margin-left:.6em;color:var(--amarelo-700);vertical-align:.2em}
.cardapio__lista li[data-t="doce"] b::after{content:"doce";font:500 var(--t-xs) var(--font-mono);letter-spacing:.08em;margin-left:.6em;color:var(--amarelo-700);vertical-align:.2em}
.cardapio__lista li:hover b{color:var(--amarelo-700)}
.cardapio__lista li.off{display:none}
.cardapio__extras{display:grid;grid-template-columns:1fr 1fr;gap:var(--e-6);margin-top:var(--e-7);padding-top:var(--e-5);border-top:2px solid var(--cor-tinta)}
.cardapio__extras h3{font-size:var(--t-lg);margin-bottom:var(--e-3)}
.cardapio__mini{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3em 0}
.cardapio__mini li{font-size:var(--t-md)}
.cardapio__mini li:not(:last-child)::after{content:"·";margin:0 .6em;color:var(--amarelo-700)}
.cardapio__mini em{font-style:normal;font:500 var(--t-xs) var(--font-mono);color:var(--amarelo-700);margin-left:.4em}
.cardapio__fim{margin:var(--e-6) 0 0}

/* ===== a casa ===== */
.casa{padding:var(--e-8) 0 var(--e-7)}
.casa__cab{max-width:var(--largura);margin:0 auto var(--e-5);padding:0 var(--e-5)}
.casa__mural{margin-left:max(var(--e-5),calc((100% - var(--largura)) / 2))}
.casa__mural img{aspect-ratio:21/9;object-position:30% 50%}
.casa__fatos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e-5);max-width:var(--largura);margin:var(--e-6) auto 0;padding:0 var(--e-5)}
.casa__fatos div{border-top:2px solid var(--cor-acento);padding-top:var(--e-3)}
.casa__fatos dt{font-family:var(--font-display);font-size:var(--t-lg);line-height:1.15}
.casa__fatos dd{margin:var(--e-1) 0 0;color:var(--cor-texto-2);font-size:var(--t-sm)}
.casa__galeria{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1fr);gap:var(--e-2);margin-top:var(--e-6)}
.casa__galeria img{height:100%;max-height:420px}
.casa__galeria figure:first-child img{aspect-ratio:var(--img-card)}

/* ===== sua noite ===== */
.noite{background:var(--cor-superficie);padding:var(--e-7) max(var(--e-5),calc((100% - var(--largura)) / 2))}
.noite__cab h2{margin-bottom:var(--e-3)}
.noite__cab p:last-child{color:var(--cor-texto-2)}
.noite__abas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:var(--e-5) 0 var(--e-5);border-top:1px solid var(--cor-linha)}
.noite__abas button{font:400 var(--t-xl) var(--font-display);color:var(--cor-texto-3);background:none;border:0;border-top:3px solid transparent;
  margin-top:-2px;padding:var(--e-3) var(--e-3) var(--e-3) 0;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.2em}
.noite__abas button b{font-size:var(--t-xs);font-weight:500;letter-spacing:.14em}
.noite__abas button[aria-selected="true"]{color:var(--cor-texto);border-top-color:var(--cor-acento)}
.noite__abas button[aria-selected="true"] b{color:var(--cor-acento)}
.painel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:var(--e-6);align-items:center}
.painel[hidden]{display:none}
.painel h3{margin-bottom:var(--e-3)}
.painel__texto p{color:var(--cor-texto-2);max-width:48ch}
.painel__nota{margin-top:var(--e-4);font-size:var(--t-sm)}
.painel__pizza img{aspect-ratio:var(--img-quadro);border-radius:50%;max-width:340px;margin-left:auto}
.painel__form{grid-column:1/-1;display:grid;gap:var(--e-4);max-width:760px}
.painel__form fieldset{border:0;padding:0;margin:0}
.painel__form legend{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--cor-texto-3);margin-bottom:var(--e-2)}
.chips{display:flex;flex-wrap:wrap;gap:var(--e-1)}
.chips button{font:500 var(--t-sm) var(--font-texto);color:var(--cor-texto-2);background:transparent;border:1px solid var(--cor-linha);border-radius:var(--raio-pill);padding:.55em 1em;cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--cor-sol);color:var(--cor-tinta);border-color:var(--cor-sol)}
.passo{display:flex;align-items:center;gap:var(--e-3);flex-wrap:wrap}
.passo legend{width:100%}
.passo button{width:44px;height:44px;border-radius:50%;border:1px solid var(--cor-linha);background:transparent;color:var(--cor-texto);font-size:var(--t-lg);cursor:pointer}
.passo output{font-family:var(--font-mono);font-size:var(--t-xl);min-width:2.4em;text-align:center;color:var(--cor-acento)}
.previa{font-size:var(--t-sm);color:var(--cor-texto-3);border-left:2px solid var(--cor-acento);padding-left:var(--e-3);margin:0;font-style:italic}

/* ===== clube ===== */
.clube{background:var(--cor-sol);color:var(--cor-tinta);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--e-6);align-items:center;
  padding:var(--e-7) max(var(--e-5),calc((100% - var(--largura)) / 2))}
.clube h2{max-width:18ch;font-size:var(--t-xl)}
.clube p{max-width:42ch;margin-top:var(--e-3)}
.clube__slots{list-style:none;padding:0 var(--e-5) 0 0;margin:0;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:8px;align-items:center}
.clube__slots li{aspect-ratio:1;border-radius:50%;border:2px solid var(--cor-tinta);opacity:.3;transition:opacity .3s,background .3s}
.clube__slots li.cheio{background:var(--cor-tinta);opacity:1}
.clube__slots li.brinde{opacity:1;border:0;transform:scale(1.9);transform-origin:left center;margin-left:8px}
.clube__slots li.brinde img{width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:var(--sombra-flutua)}

/* ===== vozes ===== */
.vozes{max-width:var(--largura);margin:0 auto;padding:var(--e-7) var(--e-5);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-5) var(--e-6)}
.vozes .kicker,.vozes .link-seta{grid-column:1/-1}
.vozes .link-seta{justify-self:start}
.vozes blockquote{margin:0;font-family:var(--font-display);font-size:var(--t-xl);line-height:1.2}
.vozes blockquote p::before{content:"“";color:var(--cor-acento)}
.vozes blockquote p::after{content:"”";color:var(--cor-acento)}
.vozes cite{display:block;margin-top:var(--e-2);font:normal var(--t-sm) var(--font-mono);color:var(--cor-texto-3)}

/* ===== visite: papel ===== */
.visite{background:var(--cor-papel);color:var(--cor-tinta);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--e-6);align-items:center;
  padding:var(--e-7) max(var(--e-5),calc((100% - var(--largura)) / 2))}
.visite address{font-style:normal;margin:var(--e-4) 0 var(--e-2);color:var(--cor-tinta-2)}
.visite__hora{color:var(--cor-tinta-2);margin-bottom:var(--e-5)}
.visite .tel svg{color:var(--zap-tinta)}
.visite__mapa{background:var(--cor-papel-linha);border-radius:var(--raio-m);aspect-ratio:var(--img-larga);overflow:hidden}
.visite__mapa iframe{display:block;width:100%;height:100%;border:0;filter:grayscale(.9) contrast(1.05) sepia(.15)}

/* ===== rodapé ===== */
.rodape{text-align:center;padding:var(--e-7) var(--e-5) var(--e-6)}
.rodape img{margin:0 auto;width:150px}
.rodape__mote{font-family:var(--font-display);font-size:var(--t-lg);margin:var(--e-4) 0}
.rodape__redes{display:flex;justify-content:center;gap:var(--e-4);margin-bottom:var(--e-4)}
.rodape__redes a{color:var(--cor-texto-2)}
.rodape__redes svg{width:22px;height:22px}
.rodape__legal{font-size:var(--t-xs);color:var(--cor-texto-3)}

/* ===== barra inferior (mobile) ===== */
.barra{display:none}

@media (max-width:860px){
  body{padding-bottom:calc(var(--barra-h) + env(safe-area-inset-bottom))}
  .regua{padding:0 var(--e-3);gap:var(--e-3)}
  .regua__marco span{display:none}
  .hero{padding-top:calc(var(--nav-h) + var(--e-4))}
  .hero__grade{grid-template-columns:1fr;gap:var(--e-4);padding:0 var(--e-3) var(--e-6)}
  .hero__selo{order:-1;flex-direction:row;justify-content:space-between;align-items:end}
  .hero__selo img{width:44%}
  .hero__relogio{font-size:var(--t-xl);flex-wrap:wrap}
  .hero__relogio small{flex-basis:100%;margin:.3em 0 0}
  .massa{grid-template-columns:1fr;gap:var(--e-5);padding:calc(var(--e-7) + var(--e-4)) 0 var(--e-6)}
  .massa__texto{padding:0 var(--e-3)}
  .massa__forno{margin-right:var(--e-6)}
  .cardapio{padding:var(--e-7) var(--e-3) var(--e-6)}
  .cardapio__cab{grid-template-columns:1fr}
  .cardapio__lupa{display:none}
  .cardapio__lista{columns:1}
  .cardapio__extras{grid-template-columns:1fr;gap:var(--e-5)}
  .casa{padding:var(--e-7) 0 var(--e-6)}
  .casa__cab{padding:0 var(--e-3)}
  .casa__mural{margin-left:var(--e-3)}
  .casa__mural img{aspect-ratio:4/3}
  .casa__fatos{grid-template-columns:1fr 1fr;padding:0 var(--e-3)}
  .casa__galeria{grid-template-columns:1fr 1fr}
  .casa__galeria figure:first-child{grid-row:1/3}
  .noite{padding:var(--e-7) var(--e-3)}
  .noite__abas{grid-template-columns:1fr 1fr}
  .noite__abas button{font-size:var(--t-lg)}
  .painel{grid-template-columns:1fr}
  .painel__pizza img{margin:0 auto;max-width:240px}
  .clube{grid-template-columns:1fr;padding:var(--e-6) var(--e-3)}
  .clube__slots{grid-template-columns:repeat(6,minmax(0,1fr));max-width:340px;gap:var(--e-2);padding:0}
  .clube__slots li.brinde{transform:scale(1.4)}
  .vozes{grid-template-columns:1fr;padding:var(--e-6) var(--e-3)}
  .visite{grid-template-columns:1fr;padding:var(--e-6) var(--e-3)}
  .barra{display:grid;grid-template-columns:1.3fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:55;
    height:calc(var(--barra-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--cor-fundo);border-top:1px solid var(--cor-linha)}
  .barra a{display:grid;place-items:center;text-decoration:none;color:var(--cor-texto);font-weight:600}
  .barra__pedir{background:var(--cor-sol);color:var(--cor-tinta)!important}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
html,body{overflow-x:clip}
.hero{overflow-x:clip}
.esteira{overflow-x:clip;overflow-y:visible}
.casa__galeria figure:last-child img{object-position:50% 100%}
.clube__slots li.brinde{transform:scale(1.5)}
@media (max-width:860px){.clube__slots li.brinde{transform:scale(1.3)}}
.cardapio__mais{display:none}
@media (max-width:860px){
  .cardapio__lista.recolhida li:nth-child(n+11){display:none}
  .cardapio__mais{display:block;margin:var(--e-4) 0 0;font:600 var(--t-md) var(--font-texto);color:var(--cor-tinta);background:transparent;
    border:1.5px solid var(--cor-tinta);border-radius:var(--raio-pill);padding:.8em 1.4em;cursor:pointer}
  .cardapio__mais[hidden]{display:none}
}