/* My Blend · por cima do Kit Bandit. Feed escuro e quente, luz âmbar, laranja dos cardápios deles, papel da casa no cardápio. */
:root { --papel: #ECEAE3; --ardosia: #1B2630; --ambar: #F2A65A; }
h1, h2, h3 { font-weight: 800; letter-spacing: -.015em; }
h1 em, h2 em { font-style: normal; color: var(--cor2); }
body { background:
  radial-gradient(120% 60% at 50% 0%, #1a120c 0%, transparent 60%),
  var(--fundo); }
.marca img { height: 40px; }
.topo.solido { background: color-mix(in srgb, #0b0907 88%, transparent); }

/* abertura: brilho âmbar de bar, palavras vazadas atrás */
.montagem .palco { background:
  radial-gradient(55% 45% at 50% 60%, rgba(226,122,46,.30) 0%, rgba(226,122,46,.10) 45%, transparent 75%),
  radial-gradient(90% 70% at 50% 100%, #1d130c 0%, var(--fundo) 70%); }
.montagem .fundo-texto span { -webkit-text-stroke: 1.5px rgba(242,166,90,.22); letter-spacing: -.02em; }
.montagem .fundo-texto span:last-child { font-size: clamp(40px, 9vw, 120px); -webkit-text-stroke-color: rgba(242,166,90,.35); }
.montagem .intro .rotulo { color: var(--ambar); }
.montagem .preco-final { font-weight: 800; }

/* números */
.numeros { background: #120d0a; }
.numeros b { font-weight: 800; color: var(--tinta); }

/* rodízio */
.rodizio { max-width: 1240px; margin: 0 auto; padding: clamp(70px, 9vw, 120px) var(--lado); display: grid; gap: 34px; }
.rodizio h2 { font-size: clamp(44px, 8vw, 96px); margin-bottom: 18px; }
.rod-inclui { list-style: none; padding: 0; margin: 26px 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.rod-inclui li { border: 1px solid var(--linha); border-radius: 14px; padding: 14px 16px; background: linear-gradient(160deg, rgba(242,166,90,.07), transparent); }
.rod-inclui b { display: block; font: 800 30px/1 var(--titulo); color: var(--ambar); }
.rod-inclui span { font-size: 14px; color: var(--tinta-2); }
.rod-precos { display: grid; gap: 10px; }
.rod-dia { position: relative; border-radius: 18px; padding: 20px 20px 18px; background: #17110d; border: 1px solid var(--linha); }
.rod-dia.destaque { background: linear-gradient(150deg, #3a1f0d, #1b120c 70%); border-color: rgba(226,122,46,.55); }
.rod-dia .selo { position: absolute; right: 14px; top: -11px; background: var(--cor2); color: #160c05; font: 800 11px/1 var(--texto); text-transform: uppercase; letter-spacing: .06em; padding: 7px 10px; border-radius: 999px; }
.rod-dia h3 { font: 700 13px/1.2 var(--texto); text-transform: uppercase; letter-spacing: .14em; color: var(--tinta-2); margin-bottom: 8px; }
.rod-valor { font: 800 46px/1 var(--titulo); margin: 0; display: flex; align-items: baseline; gap: 6px; }
.rod-valor small { font-size: 18px; color: var(--tinta-2); }
.rod-valor span { font: 600 13px/1 var(--texto); color: var(--tinta-2); margin-left: 4px; }
.rod-dupla { margin: 8px 0 0; font-weight: 700; color: var(--ambar); font-size: 15px; }
.rod-inc { margin: 6px 0 0; font-size: 14px; color: var(--tinta-2); }
.rod-nota { font-size: 12.5px; color: var(--tinta-2); margin: 4px 2px 0; }
.rod-lousa { margin: 0; position: relative; border-radius: 22px; overflow: hidden; }
.rod-lousa img { width: 100%; aspect-ratio: 4 / 4.4; object-fit: cover; }
.rod-lousa figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 60px 18px 18px; background: linear-gradient(transparent, rgba(0,0,0,.85)); font-size: 15px; color: rgba(255,255,255,.85); }
.rod-lousa figcaption b { display: block; font: 800 24px/1.1 var(--titulo); color: #fff; }
.rod-acoes { display: flex; flex-wrap: wrap; gap: 12px; }
@media (min-width: 980px) {
  .rodizio { grid-template-columns: 1.05fr 1fr 0.9fr; grid-template-areas: "texto precos lousa" "acoes precos lousa"; align-items: start; column-gap: 40px; }
  .rod-texto { grid-area: texto; } .rod-precos { grid-area: precos; } .rod-lousa { grid-area: lousa; } .rod-acoes { grid-area: acoes; }
  .rod-lousa img { aspect-ratio: 4 / 5.6; }
}

/* cardápio no papel da casa */
.cardapio { background: linear-gradient(rgba(236,234,227,.9), rgba(236,234,227,.9)), url(img/papel.jpg) center top / 760px repeat, var(--papel); color: var(--ardosia); }
.cardapio .abas { background: var(--papel); }
.cardapio .aba { color: var(--ardosia); background: #fff; border-color: rgba(27,38,48,.16); }
.cardapio .aba.on { background: var(--ardosia); border-color: var(--ardosia); color: var(--papel); }
.cardapio .item { background: #fff; box-shadow: 0 1px 0 rgba(27,38,48,.08), 0 14px 26px -20px rgba(27,38,48,.6); }
.cardapio .info h3 { color: var(--ardosia); }
.cardapio .info p { color: rgba(27,38,48,.7); -webkit-line-clamp: 3; }
.cardapio .valor { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--cor2); }
.cardapio .cab-sub, .cardapio .nota { color: rgba(27,38,48,.7); }
.cardapio .rotulo { color: #b85a17; }
.cardapio .pedir:hover { background: var(--ardosia); color: var(--papel); }

/* cardápio 3D */
.ver3d { max-width: 1240px; margin: 0 auto; padding: clamp(70px, 9vw, 120px) var(--lado); display: grid; gap: 34px; align-items: center; }
.ver3d h2 { font-size: clamp(36px, 6vw, 68px); margin-bottom: 18px; }
.v3-acoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.v3-nota { font-size: 13px; color: var(--tinta-2); margin-top: 14px; }
.v3-foto { position: relative; display: block; border-radius: 26px; overflow: hidden; background: radial-gradient(70% 60% at 50% 55%, #3a2312, #120c08 75%); border: 1px solid var(--linha); aspect-ratio: 1 / 1; }
.v3-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s; }
.v3-foto:hover img { transform: scale(1.04); }
.v3-foto span { position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); font: 700 11px/1 var(--texto); letter-spacing: .24em; text-transform: uppercase; color: rgba(255,255,255,.75); background: rgba(0,0,0,.45); padding: 9px 14px; border-radius: 999px; white-space: nowrap; }
@media (min-width: 900px) { .ver3d { grid-template-columns: 1fr 1fr; gap: 60px; } }

/* duas casas */
.casas { max-width: 1240px; margin: 0 auto; padding: clamp(70px, 9vw, 120px) var(--lado); }
.casas .cab-secao.centro { margin: 0 auto 40px; text-align: center; }
.casas-grade { display: grid; gap: 18px; }
.casa { border-radius: 22px; overflow: hidden; background: #15100c; border: 1px solid var(--linha); display: flex; flex-direction: column; }
.casa-foto { position: relative; }
.casa-foto img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.casa-foto span { position: absolute; left: 14px; top: 14px; background: rgba(0,0,0,.6); backdrop-filter: blur(6px); font: 700 11px/1 var(--texto); letter-spacing: .14em; text-transform: uppercase; padding: 8px 11px; border-radius: 999px; }
.casa-info { padding: 22px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.casa-info h3 { font-size: 26px; }
.casa-end { color: var(--tinta-2); margin: 4px 0 0; }
.casa-nota { color: var(--ambar); font-weight: 700; margin: 0; }
.casa-extra { font-size: 14px; color: var(--tinta-2); margin: 0; }
.casa-acoes { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 14px; }
@media (min-width: 860px) { .casas-grade { grid-template-columns: 1fr 1fr; } }

/* fala do Google com aspas âmbar */
.depoimentos blockquote p::first-letter { color: var(--ambar); }
.chamada-caixa { background: radial-gradient(80% 120% at 50% 0%, #3a1f0d, #160f0b 70%) !important; }

/* fim da montagem no computador: lanche à esquerda, nome e preço à direita (não cobre o lanche) */
@media (min-width: 980px) {
  .montagem .pilha { left: 40%; }
  .montagem .final { left: auto; right: max(5vw, calc(50vw - 600px)); bottom: auto; top: 30%; width: min(440px, 34vw); text-align: left; }
  .montagem .final h2 { font-size: clamp(64px, 7.5vw, 116px); line-height: .95; }
  .montagem .final .acoes { justify-content: flex-start; }
  .montagem .final .rotulo { color: var(--ambar); }
}