*,*::before,*::after{box-sizing: border-box}
*{margin: 0}
html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: var(--altura-header,var(--espaco-header));text-size-adjust: 100%;scrollbar-gutter: stable}
body{min-height: 100svh;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;line-height: 1.6;font-family: var(--fonte-texto);color: var(--texto);background-color: var(--leite);padding-block-start: var(--altura-header,calc(var(--espaco-header) + 1px))}
h1,h2,h3,h4,h5,h6{font-size: inherit;font-weight: inherit;text-wrap: balance}
p,h1,h2,h3,h4,h5,h6{overflow-wrap: break-word}
ul[role='list'],ol[role='list']{list-style: none;margin: 0;padding: 0}
img,picture,video,canvas,svg{display: block;max-width: 100%;height: auto}
svg{fill: currentColor}
input,button,textarea,select{font: inherit;color: inherit}
button{cursor: pointer;background: none;border: none}
p,h1,h2,h3,h4,h5,h6,li{margin-block: 0}
:where([hidden]){display: none !important}
:focus-visible{outline: 3px solid var(--aureola);outline-offset: 3px;border-radius: 4px}
:root{--acai-profundo: #2a0b36;--acai: #5b1c6e;--uva: #9b3fa8;--aureola: #f5b82e;--aureola-forte: #8f6505;--morango: #e02463;--leite: #fffaf6;--texto: #241629;--texto-suave: #6b5c72;--acai-hover: #4a1559;--borda: rgb(36 22 41 / 0.12);--sombra: 0 12px 28px -12px rgb(42 11 54 / 0.28);--fonte-titulo: 'Big Shoulders Display','Big Shoulders Reserva','Big Shoulders Reserva Android',system-ui,sans-serif;--fonte-texto: 'Nunito Sans','Nunito Reserva','Nunito Reserva Android',system-ui,-apple-system,'Segoe UI',sans-serif;--texto-xs: clamp(0.75rem,0.73rem + 0.10vw,0.8125rem);--texto-sm: clamp(0.875rem,0.85rem + 0.12vw,0.9375rem);--texto-base: clamp(1rem,0.96rem + 0.20vw,1.125rem);--texto-lg: clamp(1.125rem,1.05rem + 0.38vw,1.3125rem);--texto-xl: clamp(1.375rem,1.25rem + 0.63vw,1.75rem);--texto-2xl: clamp(1.75rem,1.50rem + 1.25vw,2.5rem);--texto-3xl: clamp(2.25rem,1.75rem + 2.50vw,4rem);--texto-4xl: clamp(2.75rem,1.90rem + 4.25vw,5.75rem);--peso-titulo: 800;--peso-forte: 700;--peso-normal: 400;--espaco-1: 0.25rem;--espaco-2: 0.5rem;--espaco-3: 0.75rem;--espaco-4: 1rem;--espaco-5: 1.5rem;--espaco-6: 2rem;--espaco-7: 3rem;--espaco-8: 4rem;--espaco-9: 6rem;--raio-pill: 999px;--raio-card: 20px;--raio-foto: 28px;--largura-max: 75rem;--largura-texto: 38rem;--espaco-header: 4.5rem;--transicao: 180ms ease;--ease-saida: cubic-bezier(0.23,1,0.32,1)}
@font-face{font-family: 'Big Shoulders Reserva';src: local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Helvetica-Bold');font-weight: 800;size-adjust: 66%}
@font-face{font-family: 'Big Shoulders Reserva Android';src: local('Roboto Bold'),local('Roboto-Bold');font-weight: 800;size-adjust: 86%}
@font-face{font-family: 'Nunito Reserva';src: local('Arial'),local('ArialMT'),local('Helvetica');font-weight: 400;size-adjust: 99.6%}
@font-face{font-family: 'Nunito Reserva';src: local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Helvetica-Bold');font-weight: 700;size-adjust: 96.9%}
@font-face{font-family: 'Nunito Reserva Android';src: local('Roboto'),local('Roboto-Regular');font-weight: 400;size-adjust: 111%}
@font-face{font-family: 'Nunito Reserva Android';src: local('Roboto Bold'),local('Roboto-Bold');font-weight: 700;size-adjust: 109%}
h1,h2,h3{font-family: var(--fonte-titulo);font-weight: var(--peso-titulo);line-height: 1.05;letter-spacing: -0.01em}
h1{font-size: var(--texto-3xl)}
h2{font-size: var(--texto-2xl)}
h3{font-size: var(--texto-xl)}
h4,h5,h6{font-weight: var(--peso-forte);line-height: 1.2}
h4{font-size: var(--texto-lg)}
h5{font-size: var(--texto-base)}
h6{font-size: var(--texto-sm)}
p{font-size: var(--texto-base)}
small{font-size: var(--texto-sm)}
.botao{display: inline-flex;align-items: center;justify-content: center;gap: var(--espaco-2);min-height: 2.75rem;padding: 0.7em 1.4em;border-radius: var(--raio-pill);font-family: var(--fonte-texto);font-size: var(--texto-sm);font-weight: var(--peso-forte);line-height: 1.2;text-decoration: none;white-space: nowrap;transition: background-color var(--transicao),border-color var(--transicao),color var(--transicao),transform var(--transicao)}
.botao--dourado{background-color: var(--aureola);color: var(--acai-profundo)}
.botao--dourado:hover{background-color: #ffc94a}
.botao--contorno{border: 1.5px solid rgb(255 250 246 / 0.45);color: var(--leite)}
.botao--contorno:hover{border-color: var(--leite);background-color: rgb(255 250 246 / 0.1)}
.botao:active{transform: translateY(1px)}
.cabecalho{position: fixed;inset-block-start: 0;inset-inline: 0;z-index: 50;background-color: var(--acai-profundo);border-block-end: 1px solid rgb(245 184 46 / 0.28)}
.aviso-dia{background-color: var(--aureola);color: var(--acai-profundo)}
.aviso-dia__texto{margin: 0 auto;padding-block: var(--espaco-2);font-size: var(--texto-sm);font-weight: var(--peso-forte);line-height: 1.35;text-align: center;overflow-wrap: anywhere}
.cabecalho__interno{display: flex;align-items: center;gap: var(--espaco-4);min-height: var(--espaco-header)}
.cabecalho__marca{display: flex;flex-shrink: 0}
.cabecalho__logo{width: auto;height: 48px;object-fit: contain}
.cabecalho__nav{position: absolute;inset-block-start: 100%;inset-inline: 0;padding: var(--espaco-3) var(--espaco-5) var(--espaco-5);background-color: var(--acai-profundo);border-block-end: 1px solid rgb(245 184 46 / 0.28);display: none}
.cabecalho__nav[data-aberto='true']{display: block}
.nav-lista{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: var(--espaco-1)}
.nav-lista a{display: block;padding: var(--espaco-3) var(--espaco-3);border-radius: var(--raio-card);color: var(--leite);font-weight: var(--peso-forte);text-decoration: none}
.nav-lista a:hover{background-color: rgb(255 250 246 / 0.08)}
.cabecalho__acoes{display: flex;align-items: center;gap: var(--espaco-3);margin-inline-start: auto}
.selo-status{display: inline-flex;align-items: center;gap: var(--espaco-2);width: fit-content;min-height: 1.5rem;margin-block-end: var(--espaco-4);padding: 0.35em 0.9em;border-radius: var(--raio-pill);border: 1px solid rgb(255 250 246 / 0.22);background-color: rgb(42 11 54 / 0.35);font-size: var(--texto-xs);line-height: 1.3;color: var(--leite);white-space: nowrap}
.selo-status__texto:empty{display: none}
.selo-status__ponto{width: 8px;height: 8px;flex-shrink: 0;border-radius: 50%;background-color: var(--selo-cor,var(--aureola));box-shadow: 0 0 0 3px color-mix(in srgb,var(--selo-cor,var(--aureola)) 25%,transparent)}
.selo-status[data-estado='aberto']{--selo-cor: #3ddc84}
.selo-status[data-estado='fechando']{--selo-cor: var(--aureola)}
.selo-status[data-estado='fechado']{--selo-cor: #b9a8c4}
.cabecalho__menu{display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;flex-shrink: 0;border-radius: 50%;color: var(--leite)}
.cabecalho__menu:hover{background-color: rgb(255 250 246 / 0.1)}
.hero{--onda: clamp(3rem,2rem + 4vw,6.5rem);position: relative;isolation: isolate;overflow: hidden;padding-block: var(--espaco-5) var(--onda);background-color: var(--acai);color: var(--leite);background-image: radial-gradient(circle at 82% 14%,rgb(155 63 168 / 0.5) 0 1.5px,transparent 2.5px),radial-gradient(circle at 92% 38%,rgb(245 184 46 / 0.22) 0 1.2px,transparent 2.2px),radial-gradient(circle at 70% 26%,rgb(245 184 46 / 0.18) 0 1.2px,transparent 2.2px),radial-gradient(circle at 16% 82%,rgb(155 63 168 / 0.36) 0 1.5px,transparent 2.5px),radial-gradient(circle at 88% 76%,rgb(155 63 168 / 0.28) 0 1.2px,transparent 2.2px);background-size: 190px 190px,150px 150px,210px 210px,170px 170px,230px 230px}
.hero__grade{position: relative;display: grid;gap: var(--espaco-6)}
.hero__titulo{max-width: 11em;margin-block-end: var(--espaco-4);font-size: clamp(2.5rem,1.5rem + 4.1vw,5.5rem);line-height: 0.98}
.hero__subtitulo{max-width: 44ch;margin-block-end: var(--espaco-5);color: rgb(255 250 246 / 0.92)}
.hero__botoes{display: grid;gap: var(--espaco-3);margin-block-end: var(--espaco-5)}
.hero__botoes .botao{min-height: 3rem;font-size: var(--texto-base)}
.hero__prova{display: flex;flex-wrap: wrap;align-items: center;gap: 0.25em 0.45em;font-size: var(--texto-xs);color: rgb(255 250 246 / 0.85)}
.hero__nota{position: relative;color: inherit;text-decoration: none}
.hero__nota::after{content: '';position: absolute;inset: calc(50% - 1.375rem) 0}
.hero__nota:hover{text-decoration: underline}
.hero__estrela{color: var(--aureola)}
.hero__sep{color: var(--aureola)}
.hero__arte{position: relative;justify-self: center;width: clamp(17.5rem,78vw,20rem);margin-block-end: calc(var(--onda) * -0.75)}
.hero__brilho{position: absolute;z-index: 0;inset-inline-start: 50%;inset-block-start: 54%;width: 165%;aspect-ratio: 1;translate: -50% -50%;border-radius: 50%;background: radial-gradient( closest-side,rgb(214 168 236 / 0.5),rgb(155 63 168 / 0.3) 48%,rgb(155 63 168 / 0) 100% );pointer-events: none}
.hero__anel{position: absolute;z-index: 0;inset-inline-start: 50%;inset-block-start: 46%;width: 108%;aspect-ratio: 2.6;translate: -50% -50%;rotate: -7deg;border: 3px solid rgb(255 212 102);border-radius: 50%;box-shadow: 0 0 12px 2px rgb(245 184 46 / 0.75),0 0 44px 10px rgb(245 184 46 / 0.32),inset 0 0 14px 2px rgb(245 184 46 / 0.55);pointer-events: none}
.hero__tigela{position: relative;z-index: 2}
.hero__foto{width: 100%;height: auto;filter: drop-shadow(0 16px 16px rgb(42 11 54 / 0.5))}
.hero__onda{position: absolute;inset-inline: 0;inset-block-end: -1px;z-index: 1;display: block;width: 100%;height: var(--onda);fill: var(--leite);pointer-events: none}
@media (min-width: 56rem){.cabecalho__nav{position: static;display: block;padding: 0;margin-inline-start: var(--espaco-5);border: 0;background: none}
.nav-lista{flex-direction: row;gap: var(--espaco-1)}
.nav-lista a{padding: var(--espaco-2) var(--espaco-3);font-size: var(--texto-sm)}
.cabecalho__menu{display: none}
.cabecalho__logo{height: 56px}
}
@media (min-width: 48rem){.hero{padding-block-start: var(--espaco-7)}
.hero__texto{display: grid;justify-items: center;text-align: center}
.hero__botoes{display: flex;flex-wrap: wrap;justify-content: center}
.hero__prova{justify-content: center}
.hero__arte{width: 19rem}
}
@media (min-width: 64rem){.hero{display: grid;min-height: min(calc(100svh - var(--altura-header,4.5rem)),48.75rem);padding-block-start: var(--espaco-6)}
.hero__grade{grid-template-columns: minmax(0,1.22fr) minmax(0,1fr);align-items: center;gap: var(--espaco-7)}
.hero__texto{justify-items: start;text-align: start}
.hero__botoes,.hero__prova{justify-content: flex-start}
.hero__arte{align-self: end;width: min(100%,28.75rem);margin-block-end: calc(var(--onda) * -0.9)}
}
@media (max-width: 30rem){.cabecalho__interno{gap: var(--espaco-3)}
.cabecalho__cta{padding-inline: 0.9em;font-size: var(--texto-xs)}
.selo-status{font-size: 0.7rem;padding-inline: 0.7em}
}
.hero__foto{animation: hero-tigela-sobe 700ms var(--ease-saida) both}
.hero__tigela{animation: hero-tigela-flutua 6s ease-in-out 700ms infinite}
.hero__anel,.hero__brilho{animation: hero-anel-acende 900ms var(--ease-saida) 420ms both}
@keyframes hero-tigela-sobe{from{opacity: 0.01;translate: 0 2rem}
}
@keyframes hero-tigela-flutua{50%{translate: 0 -7px}
}
@keyframes hero-anel-acende{from{opacity: 0;scale: 0.92}
}
@media (prefers-reduced-motion: reduce){.hero__foto,.hero__tigela,.hero__anel,.hero__brilho{animation: none}
}
.secao{padding-block: var(--espaco-8)}
.secao__cabecalho{max-width: var(--largura-texto);margin-block-end: var(--espaco-6)}
.secao__titulo{margin-block-end: var(--espaco-3)}
.secao__intro{color: var(--texto-suave);font-size: var(--texto-lg)}
.abas__lista{display: flex;gap: var(--espaco-2);overflow-x: auto;scrollbar-width: none;padding-block-end: var(--espaco-3);border-block-end: 1px solid var(--borda)}
.abas__lista::-webkit-scrollbar{display: none}
.aba{flex: 0 0 auto;min-height: 2.75rem;padding: var(--espaco-3) var(--espaco-4);border-radius: var(--raio-pill);color: var(--acai);font-size: var(--texto-sm);font-weight: var(--peso-forte);white-space: nowrap;transition: background-color var(--transicao),color var(--transicao)}
.aba:hover{background-color: rgb(91 28 110 / 0.08)}
.aba[aria-selected='true']{background-color: var(--acai);color: var(--leite)}
.aba[aria-selected='true']:hover{background-color: var(--acai-hover)}
.painel{padding-block-start: var(--espaco-6)}
.painel:focus-visible{outline-offset: 6px}
.painel-conteudo{display: grid;gap: var(--espaco-7)}
.painel__descricao{color: var(--texto-suave);max-width: var(--largura-texto)}
.preco{color: var(--uva);font-weight: var(--peso-forte);white-space: nowrap}
.preco--destaque{color: var(--aureola);font-family: var(--fonte-titulo);font-size: var(--texto-xl);font-weight: var(--peso-titulo);line-height: 1.1}
.grade-tamanhos{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--espaco-3);margin-inline: auto}
.cartao-tamanho{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--espaco-1);padding: var(--espaco-5) var(--espaco-1);border-radius: var(--raio-card);background-color: var(--acai);color: var(--leite);text-align: center}
.cartao-tamanho__sigla{font-family: var(--fonte-titulo);font-size: clamp(1.9rem,1.6rem + 1.6vw,3.2rem);font-weight: var(--peso-titulo);line-height: 1}
.cartao-tamanho .preco--destaque{font-size: clamp(1.4rem,0.95rem + 2.2vw,2.75rem)}
.cartao-tamanho__ml{font-size: var(--texto-sm);opacity: 0.85}
.faixa-gratis{padding: var(--espaco-4) var(--espaco-5);border-radius: var(--raio-card);background-color: var(--uva);color: var(--leite);font-size: var(--texto-lg);font-weight: var(--peso-forte);text-align: center}
.faixa-gratis__numero{font-size: 1.15em;font-weight: var(--peso-forte)}
.grupo__titulo{margin-block-end: var(--espaco-1);font-size: var(--texto-lg)}
.grupo__nota:empty{display: none}
.grupo__nota{margin-block-end: var(--espaco-3);color: var(--texto-suave);font-size: var(--texto-sm)}
.lista-itens{display: grid;grid-template-columns: 1fr;gap: var(--espaco-1) var(--espaco-5)}
@media (min-width: 48rem){.lista-itens{grid-template-columns: repeat(2,1fr)}
}
@media (min-width: 64rem){.lista-itens{grid-template-columns: repeat(3,1fr)}
}
.item{display: flex;align-items: center;gap: var(--espaco-2);padding-block: var(--espaco-1)}
.item__bolinha{flex: 0 0 auto;width: 8px;height: 8px;border-radius: 50%;background-color: var(--uva)}
.item__nome{flex: 1 1 auto}
.item:has(.item__detalhe){align-items: flex-start}
.item:has(.item__detalhe) .item__bolinha{margin-block-start: 0.6em}
.item__detalhe{display: block;color: var(--texto-suave);font-size: var(--texto-sm)}
.grade-sabores{display: grid;grid-template-columns: repeat(auto-fill,minmax(13rem,1fr));gap: var(--espaco-3)}
.grade-sabores--curta{grid-template-columns: repeat(2,minmax(0,1fr));margin-block-start: var(--espaco-3)}
@media (min-width: 48rem){.grade-sabores--curta{grid-template-columns: repeat(4,minmax(0,1fr))}
}
.grade-sabores--curta .sabor__nome{font-weight: var(--peso-forte)}
.sabor{padding: var(--espaco-4);border: 1px solid var(--borda);border-radius: var(--raio-card)}
.sabor__nome{margin-block-end: var(--espaco-1);font-size: var(--texto-lg)}
.sabor__descricao{color: var(--texto-suave);font-size: var(--texto-sm)}
.grade-escolhas{display: grid;gap: var(--espaco-3)}
.cartao-escolha{display: flex;align-items: center;justify-content: space-between;gap: var(--espaco-4);padding: var(--espaco-4) var(--espaco-5);border-radius: var(--raio-card);background-color: var(--acai);color: var(--leite)}
.cartao-escolha__nome{font-weight: var(--peso-forte)}
.aviso-sem-preco{max-width: var(--largura-texto);padding: var(--espaco-4) var(--espaco-5);border-radius: var(--raio-card);background-color: rgb(155 63 168 / 0.1);font-weight: var(--peso-forte)}
.grade-delicias{display: grid;grid-template-columns: repeat(auto-fill,minmax(11rem,1fr));gap: var(--espaco-3)}
.delicia{display: flex;flex-direction: column;align-items: flex-start;gap: var(--espaco-3);padding: var(--espaco-4);border: 1px solid var(--borda);border-radius: var(--raio-card)}
.delicia__nome{font-size: var(--texto-lg)}
.botao--pequeno{padding: 0.5em 0.9em;font-size: var(--texto-xs)}
.botao--contorno-escuro{border: 1.5px solid var(--acai);color: var(--acai)}
.botao--contorno-escuro:hover{background-color: rgb(91 28 110 / 0.08)}
.pagamento{display: flex;flex-wrap: wrap;align-items: center;gap: var(--espaco-3) var(--espaco-5);margin-block-start: var(--espaco-7);padding-block-start: var(--espaco-5);border-block-start: 1px solid var(--borda)}
.pagamento__titulo{font-weight: var(--peso-forte)}
.pagamento__lista{display: grid;grid-template-columns: repeat(2,6.5rem);gap: var(--espaco-2)}
@media (min-width: 30rem){.pagamento__lista{grid-template-columns: repeat(4,6.5rem)}
}
.pagamento__item{display: flex;flex-direction: column;align-items: center;justify-content: flex-start;gap: var(--espaco-1);width: 6.5rem;padding: var(--espaco-2) var(--espaco-3);border: 1px solid var(--borda);border-radius: var(--raio-card)}
.pagamento__icone{display: grid;place-items: center;height: 2.5rem;padding-inline: var(--espaco-2);border-radius: var(--raio-pill);background-color: rgb(155 63 168 / 0.1);color: var(--acai)}
.pagamento__marca{width: auto;height: 1.25rem}
@media (max-width: 29.99rem){.pagamento__icone:only-child{margin-block: auto}
}
.pagamento__nome{font-size: var(--texto-xs);font-weight: var(--peso-forte);color: var(--texto-suave)}
.pagamento__icone svg{fill: none;stroke: currentColor;stroke-width: 1.4;stroke-linecap: round;stroke-linejoin: round}
.cardapio__original{margin-block-start: var(--espaco-5)}
.link-discreto{display: inline-flex;align-items: center;gap: var(--espaco-2);min-height: 2.75rem;color: var(--acai);font-size: var(--texto-sm);text-decoration: underline;text-underline-offset: 3px}
.link-discreto:hover{color: var(--uva)}
.aviso-js{margin-block: var(--espaco-5);padding: var(--espaco-4) var(--espaco-5);border: 1px solid var(--borda);border-radius: var(--raio-card);font-size: var(--texto-sm)}
.aviso-js a{color: var(--acai);text-underline-offset: 2px}
.modal{position: fixed;inset: 0;z-index: 100;display: grid;place-items: center;padding: var(--espaco-4);background-color: rgb(42 11 54 / 0.72);overflow: hidden;overscroll-behavior: contain}
html.modal-aberto,html.modal-aberto body{overflow: hidden}
.modal__caixa{display: flex;flex-direction: column;width: min(100%,34rem);max-height: min(90svh,52rem);border-radius: var(--raio-foto);background-color: var(--leite);box-shadow: 0 24px 60px -20px rgb(42 11 54 / 0.5);overflow: hidden}
.modal__topo{display: flex;align-items: center;justify-content: space-between;gap: var(--espaco-3);padding: var(--espaco-4) var(--espaco-4) var(--espaco-4) var(--espaco-5);border-block-end: 1px solid var(--borda)}
.modal__titulo{font-size: var(--texto-xl)}
.modal__fechar{display: grid;place-items: center;width: 2.75rem;height: 2.75rem;flex: 0 0 auto;border-radius: 50%;color: var(--acai);font-size: 1.6rem;line-height: 1}
.modal__fechar:hover{background-color: rgb(91 28 110 / 0.08)}
.modal__abas{display: flex;gap: var(--espaco-2);padding: var(--espaco-3) var(--espaco-5) 0;border-block-end: 1px solid var(--borda)}
.aba--modal{padding: var(--espaco-2) var(--espaco-3);font-size: var(--texto-xs)}
.modal__corpo{overflow-y: auto;padding: var(--espaco-4) var(--espaco-5) var(--espaco-5);overscroll-behavior: contain}
.modal__imagem{width: 100%;height: auto;border-radius: var(--raio-card)}
@media (min-width: 48rem){.secao{padding-block: var(--espaco-9)}
.grade-escolhas{grid-template-columns: repeat(2,1fr)}
.modal{padding: var(--espaco-6)}
}
.container{width: 100%;max-width: var(--largura-max);margin-inline: auto;padding-inline: var(--espaco-5)}
@media (min-width: 48rem){.container{padding-inline: var(--espaco-6)}
}
.container-texto{max-width: var(--largura-texto)}
.visualmente-oculto{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0}
.pular-para-conteudo{position: absolute;top: var(--espaco-2);left: var(--espaco-2);z-index: 100;padding: var(--espaco-3) var(--espaco-4);background-color: var(--acai-profundo);color: var(--leite);border-radius: var(--raio-pill);text-decoration: none;transform: translateY(-200%);transition: transform var(--transicao)}
.pular-para-conteudo:focus{transform: translateY(0)}
.montador{display: grid;gap: var(--espaco-6)}
.montador__formulario{min-width: 0}
.montador__rodape{display: grid;gap: var(--espaco-7);margin-block-start: var(--espaco-7)}
.montador__acoes{display: flex;flex-wrap: wrap;align-items: center;gap: var(--espaco-3)}
.montador__nota{color: var(--texto-suave);font-size: var(--texto-sm)}
body.tem-pedido .rodape{padding-block-end: calc(var(--espaco-8) + 3.5rem + max(4.75rem,var(--altura-barra-pedido,0px) + 0.75rem))}
.montador__coluna{display: none}
@media (min-width: 64rem){.montador{grid-template-columns: minmax(0,1fr) 19rem;align-items: start;gap: var(--espaco-8)}
.montador__coluna{position: sticky;top: calc(var(--altura-header,4.5rem) + var(--espaco-4));display: grid;gap: var(--espaco-4)}
body.tem-pedido .rodape{padding-block-end: calc(var(--espaco-8) + 3.5rem)}
}
.passo{display: grid;gap: var(--espaco-3);margin: 0;padding: 0;border: 0;min-width: 0}
fieldset.passo,fieldset.campo--grupo{min-inline-size: 0}
.passo__titulo{font-family: var(--fonte-titulo);font-size: var(--texto-lg);font-weight: var(--peso-titulo);letter-spacing: 0.01em}
.passo__nota{color: var(--texto-suave);font-family: var(--fonte-texto);font-size: var(--texto-sm);font-weight: var(--peso-normal)}
.passo__ajuda{color: var(--texto-suave);font-size: var(--texto-sm)}
.opcao{position: relative;display: block;height: 100%}
.opcao__input{position: absolute;width: 1px;height: 1px;opacity: 0;pointer-events: none}
.opcao__conteudo{display: flex;flex-direction: column;gap: var(--espaco-1);height: 100%;padding: var(--espaco-3) var(--espaco-4);border: 1.5px solid var(--borda);border-radius: var(--raio-card);background-color: #fff;cursor: pointer;transition: border-color var(--transicao),background-color var(--transicao),box-shadow var(--transicao)}
.opcao:hover .opcao__conteudo{border-color: var(--uva)}
.opcao:has(.opcao__input:checked) .opcao__conteudo{border-color: var(--acai);background-color: rgb(91 28 110 / 0.06);box-shadow: inset 0 0 0 1.5px var(--acai)}
.opcao__input:focus-visible ~ .opcao__conteudo{outline: 3px solid var(--uva);outline-offset: 2px}
.opcao__titulo{font-weight: var(--peso-forte);line-height: 1.25}
.opcao__meta{color: var(--texto-suave);font-size: var(--texto-sm);line-height: 1.3}
.opcao__preco{margin-block-start: auto;font-size: var(--texto-sm)}
.opcao--simples .opcao__conteudo{flex-direction: row;flex-wrap: wrap;align-items: baseline;gap: var(--espaco-2);padding-block: var(--espaco-3)}
.grade-tamanhos-montador,.grade-sabores-montador,.lista-opcoes{display: grid;gap: var(--espaco-3);margin: 0;padding: 0;list-style: none}
.grade-tamanhos-montador{grid-template-columns: repeat(3,minmax(0,1fr))}
.grade-tamanhos-montador .opcao__conteudo{align-items: center;padding-inline: var(--espaco-2);text-align: center}
.grade-sabores-montador{grid-template-columns: repeat(2,minmax(0,1fr))}
.lista-opcoes{grid-template-columns: 1fr}
@media (min-width: 30rem){.lista-opcoes{grid-template-columns: repeat(auto-fit,minmax(11rem,1fr))}
}
.lista-marcadores{display: grid;grid-template-columns: repeat(auto-fit,minmax(9rem,1fr));gap: var(--espaco-2);margin: 0;padding: 0;list-style: none}
.marcador{display: flex;align-items: center;gap: var(--espaco-2);padding: var(--espaco-3);border: 1.5px solid var(--borda);border-radius: var(--raio-card);background-color: #fff;cursor: pointer;transition: border-color var(--transicao),background-color var(--transicao)}
.marcador:hover{border-color: var(--uva)}
.marcador__input{position: absolute;width: 1px;height: 1px;opacity: 0;pointer-events: none}
.marcador__caixa{flex: none;position: relative;width: 1.25rem;height: 1.25rem;border: 1.5px solid var(--borda);border-radius: 6px;background-color: var(--leite)}
.marcador__caixa::after{content: '';position: absolute;inset-block-start: 2px;inset-inline-start: 6px;width: 5px;height: 10px;border: solid var(--leite);border-width: 0 2.5px 2.5px 0;transform: rotate(45deg) scale(0);transition: transform var(--transicao)}
.marcador__input:checked ~ .marcador__caixa{border-color: var(--acai);background-color: var(--acai)}
.marcador__input:checked ~ .marcador__caixa::after{transform: rotate(45deg) scale(1)}
.marcador__input:focus-visible ~ .marcador__caixa{outline: 3px solid var(--uva);outline-offset: 2px}
.marcador__nome{font-size: var(--texto-sm);line-height: 1.25}
.opcoes-gratis{margin: var(--espaco-3) 0 0;padding: var(--espaco-3);border: 1.5px dashed var(--borda);border-radius: var(--raio-card);min-inline-size: 0}
.opcoes-gratis__titulo{padding: 0 var(--espaco-1);font-size: var(--texto-sm);font-weight: var(--peso-forte)}
.grade-opcoes-gratis{display: grid;grid-template-columns: repeat(auto-fill,minmax(6rem,1fr));gap: var(--espaco-2);margin: var(--espaco-2) 0 0;padding: 0;list-style: none}
.grade-opcoes-gratis .opcao__conteudo{justify-content: center;min-height: 2.75rem;padding: var(--espaco-2) var(--espaco-3);font-size: var(--texto-sm);text-align: center}
.lista-contadores{display: grid;gap: var(--espaco-2);margin: 0;padding: 0;list-style: none}
.linha-contador{display: grid;grid-template-columns: minmax(0,1fr) auto;grid-template-areas: 'nome contador' 'preco contador' 'aviso aviso';align-items: center;column-gap: var(--espaco-3);padding: var(--espaco-2) var(--espaco-2) var(--espaco-2) var(--espaco-4);border-radius: var(--raio-card);background-color: #fff;box-shadow: 0 1px 0 var(--borda);transition: background-color var(--transicao)}
.linha-contador[data-ativo='true']{background-color: rgb(91 28 110 / 0.06)}
.linha-contador__nome{grid-area: nome;font-size: var(--texto-sm);line-height: 1.3}
.linha-contador .preco{grid-area: preco;color: var(--texto-suave);font-size: var(--texto-xs)}
.linha-contador[data-ativo='true'] .preco{color: var(--uva)}
.contador{grid-area: contador;display: flex;align-items: center;gap: var(--espaco-1)}
.contador__botao{display: grid;place-items: center;width: 2.75rem;height: 2.75rem;border: 1.5px solid var(--borda);border-radius: var(--raio-pill);background-color: var(--leite);color: var(--acai);font-size: 1.15rem;font-weight: var(--peso-forte);line-height: 1;transition: background-color var(--transicao),border-color var(--transicao),color var(--transicao)}
.contador__botao--mais{border-color: var(--acai);background-color: var(--acai);color: var(--leite)}
.contador__botao--mais:hover{background-color: var(--acai-hover);border-color: var(--acai-hover)}
.contador__botao--menos:hover:not(:disabled){border-color: var(--acai);background-color: rgb(91 28 110 / 0.08)}
.contador__botao:disabled,.contador__botao[aria-disabled='true']{opacity: 0.4;cursor: not-allowed}
.contador__botao--mais[aria-disabled='true']:hover{border-color: var(--acai);background-color: var(--acai)}
.linha-contador__aviso{grid-area: aviso;color: #a5154a;font-size: var(--texto-xs);font-weight: var(--peso-forte);line-height: 1.3}
.linha-contador__aviso:not(:empty){padding-block-start: var(--espaco-1)}
.contador__valor{min-width: 1.5rem;text-align: center;font-variant-numeric: tabular-nums;font-weight: var(--peso-forte)}
.campo{display: grid;gap: var(--espaco-2);margin: 0;padding: 0;border: 0}
.campo__rotulo{font-size: var(--texto-sm);font-weight: var(--peso-forte);padding: 0}
.campo__input,.campo__area{width: 100%;padding: var(--espaco-3) var(--espaco-4);border: 1.5px solid var(--borda);border-radius: var(--raio-card);background-color: #fff;color: var(--texto);font: inherit;font-size: max(1rem,var(--texto-base));transition: border-color var(--transicao)}
.campo__area{resize: vertical;min-height: 4.5rem}
.campo__input:hover,.campo__area:hover{border-color: var(--uva)}
.campo__ajuda{color: var(--texto-suave);font-size: var(--texto-xs)}
.bloco-endereco{display: grid;gap: var(--espaco-5);margin-block-start: var(--espaco-3);padding-block-start: var(--espaco-5);border-block-start: 1px dashed var(--borda)}
.campo__rotulo--grupo{margin-block-end: var(--espaco-3)}
.endereco{display: grid;gap: var(--espaco-4)}
.endereco__cep{display: flex;flex-wrap: wrap;align-items: flex-end;gap: var(--espaco-2) var(--espaco-4)}
.campo--cep{flex: 0 1 11rem}
.campo--cep .campo__ajuda{width: max-content;max-width: min(22rem,calc(100vw - 3rem))}
.link-acao{font-weight: var(--peso-forte)}
.busca-rua{display: grid;gap: var(--espaco-2);padding: var(--espaco-4);border-radius: var(--raio-card);background-color: rgb(155 63 168 / 0.07)}
.busca-rua__status:empty{display: none}
.busca-rua__status{color: var(--texto-suave);font-size: var(--texto-sm)}
.busca-rua__lista{display: grid;gap: var(--espaco-2);max-height: 18rem;margin: 0;padding: 0;overflow-y: auto;overscroll-behavior: contain;list-style: none}
.busca-rua__lista:empty{display: none}
.busca-rua__opcao{display: grid;gap: 2px;width: 100%;min-height: 2.75rem;padding: var(--espaco-2) var(--espaco-3);border: 1.5px solid var(--borda);border-radius: var(--raio-card);background-color: #fff;text-align: start;transition: border-color var(--transicao)}
.busca-rua__opcao:hover{border-color: var(--uva)}
.busca-rua__rua{font-weight: var(--peso-forte);line-height: 1.3}
.busca-rua__detalhe{color: var(--texto-suave);font-size: var(--texto-xs);line-height: 1.35}
.endereco__grade{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));align-items: start;gap: var(--espaco-4) var(--espaco-3)}
.campo--largo{grid-column: 1 / -1}
.endereco__local{display: grid;justify-items: start;gap: var(--espaco-2)}
.campo__aviso:empty{display: none}
.campo__aviso{color: #a5154a;font-size: var(--texto-sm);font-weight: var(--peso-forte)}
.taxa-entrega{display: grid;gap: var(--espaco-1);padding: var(--espaco-3) var(--espaco-4);border-radius: var(--raio-card);background-color: rgb(91 28 110 / 0.06)}
.taxa-entrega:has(.taxa-entrega__linha:empty){display: none}
.taxa-entrega__linha{color: var(--texto);font-size: var(--texto-sm);font-weight: var(--peso-forte)}
.taxa-entrega[data-tipo='estimada']{background-color: rgb(245 184 46 / 0.18)}
.taxa-entrega[data-tipo='estimada'] .taxa-entrega__linha{color: var(--acai)}
.taxa-entrega[data-tipo='fora'] .taxa-entrega__linha{color: #a5154a}
.taxa-entrega__nota{color: var(--texto-suave);font-size: var(--texto-xs)}
.pedido{display: grid;gap: var(--espaco-3)}
.pedido__titulo{font-family: var(--fonte-titulo);font-size: var(--texto-lg);font-weight: var(--peso-titulo)}
.pedido__vazio{color: var(--texto-suave);font-size: var(--texto-sm)}
.lista-pedido{display: grid;gap: var(--espaco-2);margin: 0;padding: 0;list-style: none}
.lista-pedido__item{display: grid;grid-template-columns: minmax(0,1fr) auto auto;align-items: center;gap: var(--espaco-3);padding: var(--espaco-3) var(--espaco-3) var(--espaco-3) var(--espaco-4);border-radius: var(--raio-card);background-color: #fff;box-shadow: var(--sombra)}
.lista-pedido__nome{display: flex;align-items: baseline;gap: var(--espaco-2);min-width: 0;font-size: var(--texto-sm);line-height: 1.3}
.lista-pedido__emoji{flex: none}
.lista-pedido__texto{display: flex;flex-direction: column;min-width: 0}
.lista-pedido__detalhe{color: var(--texto-suave);font-size: var(--texto-xs)}
.botao-icone{display: grid;place-items: center;width: 2.75rem;height: 2.75rem;border-radius: var(--raio-pill);color: var(--texto-suave);font-size: 1.35rem;line-height: 1;transition: background-color var(--transicao),color var(--transicao)}
.botao-icone:hover{background-color: rgb(224 36 99 / 0.1);color: var(--morango)}
.copo-caixa{display: grid;place-items: center;padding: var(--espaco-5);border-radius: var(--raio-foto);background: linear-gradient(165deg,var(--uva),var(--acai-profundo));box-shadow: var(--sombra)}
.copo{display: block;width: 100%;height: auto;overflow: visible}
.copo--gigante{max-width: 12rem}
.copo--mini{max-width: 100%}
.copo__aureola{fill: none;stroke: var(--aureola);stroke-width: 5}
.copo__vidro{fill: rgb(255 250 246 / 0.08);stroke: rgb(255 250 246 / 0.6);stroke-width: 3;stroke-linejoin: round}
.copo__brilho{fill: none;stroke: rgb(255 250 246 / 0.45);stroke-width: 4;stroke-linecap: round}
@keyframes camada-entra{from{transform: scaleY(0);opacity: 0.5}
to{transform: scaleY(1);opacity: 1}
}
.copo__camada-nova{transform-box: fill-box;transform-origin: bottom;animation: camada-entra 260ms cubic-bezier(0.22,0.9,0.32,1)}
@keyframes copo-balanca{0%{transform: translateY(0) scale(1)}
40%{transform: translateY(-2px) scale(1.02)}
100%{transform: translateY(0) scale(1)}
}
.copo--entrou{animation: copo-balanca 300ms ease-out}
.total{display: grid;gap: var(--espaco-1);padding: var(--espaco-5);border-radius: var(--raio-card);background-color: #fff;box-shadow: var(--sombra)}
.total__principal{display: flex;align-items: baseline;justify-content: space-between;gap: var(--espaco-3)}
.total__rotulo{font-family: var(--fonte-titulo);font-size: var(--texto-xl);font-weight: var(--peso-titulo)}
.total__valor{color: var(--acai);font-family: var(--fonte-titulo);font-size: var(--texto-2xl);font-weight: var(--peso-titulo);line-height: 1;font-variant-numeric: tabular-nums}
.total__numero{display: inline-flex;flex-wrap: wrap;align-items: baseline;justify-content: flex-end;gap: 0 0.35em}
.total__extra{color: var(--texto-suave);font-size: var(--texto-sm);font-weight: var(--peso-forte);white-space: nowrap}
.barra-pedido .total__extra{color: rgb(255 250 246 / 0.8);font-size: var(--texto-xs)}
.total__linha{color: var(--texto-suave);font-size: var(--texto-sm);font-variant-numeric: tabular-nums}
.barra-pedido{position: fixed;inset-inline: 0;inset-block-end: 0;z-index: 45;display: flex;align-items: center;gap: var(--espaco-3);padding: var(--espaco-2) var(--espaco-4);padding-block-end: max(var(--espaco-2),env(safe-area-inset-bottom));background-color: var(--acai-profundo);color: var(--leite);box-shadow: 0 -10px 24px -14px rgb(42 11 54 / 0.7)}
.barra-pedido__copo{flex: none;width: 1.75rem}
.barra-pedido__total{flex: 1 1 auto;min-width: 0}
.barra-pedido__total .total{display: flex;align-items: baseline;gap: var(--espaco-2);padding: 0;background: none;box-shadow: none}
.barra-pedido__total .total__principal{gap: var(--espaco-2)}
.barra-pedido__total .total__rotulo{font-size: var(--texto-sm);color: rgb(255 250 246 / 0.75)}
.barra-pedido__total .total__valor{font-size: var(--texto-xl);color: var(--aureola)}
.barra-pedido__enviar{flex: none}
.barra-pedido:has(.barra-pedido__fechado:not([hidden])){flex-wrap: wrap;row-gap: var(--espaco-1)}
.barra-pedido__fechado{flex: 1 0 100%;margin: 0;color: rgb(255 250 246 / 0.8);font-size: var(--texto-xs);line-height: 1.3;text-align: end}
body:has(#montar :is(input[type='text'],textarea):focus) .barra-pedido{display: none}
@media (min-width: 64rem){.barra-pedido{display: none}
}
.aviso-limite{padding: var(--espaco-3) var(--espaco-4);border-radius: var(--raio-card);background-color: rgb(224 36 99 / 0.1);color: #a5154a;font-size: var(--texto-sm)}
.aviso-ok{padding: var(--espaco-3) var(--espaco-4);border-radius: var(--raio-card);background-color: rgb(91 28 110 / 0.08);color: var(--acai);font-size: var(--texto-sm)}
.aviso-fechado{padding: var(--espaco-3) var(--espaco-4);border-inline-start: 4px solid var(--aureola);border-radius: var(--raio-card);background-color: rgb(245 184 46 / 0.14);color: var(--texto);font-size: var(--texto-sm);font-weight: var(--peso-forte)}
.aviso-rascunho{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--espaco-2) var(--espaco-4);margin-block-end: var(--espaco-5);padding: var(--espaco-2) var(--espaco-2) var(--espaco-2) var(--espaco-4);border: 1.5px solid rgb(245 184 46 / 0.6);border-radius: var(--raio-card);background-color: rgb(245 184 46 / 0.12)}
.aviso-rascunho__texto{color: var(--texto);font-size: var(--texto-sm);font-weight: var(--peso-forte)}
.aviso-rascunho__acoes{display: flex;flex-wrap: wrap;gap: var(--espaco-1)}
.campo--troco{max-width: 16rem;margin-block-start: var(--espaco-4)}
.campo__moeda{position: relative}
.campo__prefixo{position: absolute;inset-block: 0;inset-inline-start: var(--espaco-4);display: flex;align-items: center;color: var(--texto-suave);font-weight: var(--peso-forte);pointer-events: none}
.campo__input--moeda{padding-inline-start: 3rem;font-variant-numeric: tabular-nums}
.erro{padding: var(--espaco-3) var(--espaco-4);border: 1.5px solid var(--morango);border-radius: var(--raio-card);background-color: rgb(224 36 99 / 0.08);color: #a5154a;font-size: var(--texto-sm);font-weight: var(--peso-forte)}
.botao--grande{padding: 0.9em 1.8em;font-size: var(--texto-base)}
.botao--texto{padding-inline: var(--espaco-3);color: var(--texto-suave);text-decoration: underline;text-underline-offset: 3px}
.botao--texto:hover{color: var(--acai)}
.sobre__texto{max-width: 34rem;font-size: var(--texto-lg)}
.destaques{display: grid;gap: var(--espaco-4);margin-block-start: var(--espaco-7)}
.destaque{display: grid;grid-template-columns: auto minmax(0,1fr);align-items: center;gap: var(--espaco-4);padding: var(--espaco-4) var(--espaco-5);border-radius: var(--raio-card);background-color: #fff;box-shadow: var(--sombra)}
.destaque__icone{display: grid;place-items: center;width: 2.75rem;height: 2.75rem;border-radius: 50%;background-color: rgb(245 184 46 / 0.22);color: var(--aureola-forte)}
.destaque__icone svg{width: 1.5rem;height: 1.5rem;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round}
.destaque__titulo{color: var(--acai);font-family: var(--fonte-titulo);font-size: var(--texto-lg);font-weight: var(--peso-titulo);line-height: 1.15}
.destaque__link{position: relative;color: inherit;text-decoration: none}
.destaque__link::after{content: '';position: absolute;inset: calc(50% - 1.375rem) 0}
.destaque__link:hover{text-decoration: underline;text-underline-offset: 4px}
@media (min-width: 48rem){.destaques{grid-template-columns: repeat(3,minmax(0,1fr))}
}
.depoimentos{margin-block-start: var(--espaco-8)}
.depoimentos__lista{display: grid;gap: var(--espaco-4)}
.depoimento{padding: var(--espaco-5);border-radius: var(--raio-card);background-color: #fff;box-shadow: var(--sombra)}
.depoimento__autor{margin-block-start: var(--espaco-3);color: var(--texto-suave);font-size: var(--texto-sm);font-weight: var(--peso-forte)}
@media (min-width: 48rem){.depoimentos__lista{grid-template-columns: repeat(3,minmax(0,1fr))}
}
.secao--onde{background-color: var(--acai);color: var(--leite)}
.secao--onde .secao__intro{color: rgb(255 250 246 / 0.82)}
.onde__grade{display: grid;gap: var(--espaco-6)}
.onde__subtitulo{margin-block-end: var(--espaco-4);color: var(--aureola)}
.onde__nota{color: rgb(255 250 246 / 0.85);font-size: var(--texto-sm)}
.onde__nota a{color: var(--aureola)}
.onde__acoes{display: flex;flex-wrap: wrap;gap: var(--espaco-3);margin-block-start: var(--espaco-5)}
.horarios__tabela{width: 100%;border-collapse: collapse;font-size: var(--texto-sm)}
.horarios__coluna{padding-block-end: var(--espaco-2);border-block-end: 1px solid rgb(255 250 246 / 0.28);color: rgb(255 250 246 / 0.7);font-weight: var(--peso-forte);text-align: start}
.horarios__dia,.horarios__hora{padding-block: var(--espaco-2);border-block-end: 1px solid rgb(255 250 246 / 0.14);font-weight: var(--peso-normal);text-align: start}
.horarios__linha:last-child .horarios__dia,.horarios__linha:last-child .horarios__hora{border-block-end: 0}
.horarios__hora{color: rgb(255 250 246 / 0.85);text-align: end;font-variant-numeric: tabular-nums}
.horarios__hoje{margin-inline-start: var(--espaco-3);padding: 0.1em 0.6em;border-radius: var(--raio-pill);background-color: var(--aureola);color: var(--acai-profundo);font-size: var(--texto-xs);font-weight: var(--peso-forte)}
.horarios__linha--hoje .horarios__dia{color: var(--aureola);font-weight: var(--peso-forte)}
.horarios__linha--alterada .horarios__faixa{color: var(--aureola);font-weight: var(--peso-forte)}
.onde__mapa{overflow: hidden;border-radius: var(--raio-foto);box-shadow: 0 18px 40px -22px rgb(42 11 54 / 0.85)}
.onde__iframe{display: block;width: 100%;aspect-ratio: 16 / 11;border: 0}
@media (min-width: 64rem){.onde__grade{grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr);align-items: center;gap: var(--espaco-8)}
.onde__iframe{aspect-ratio: 4 / 3}
}
.rodape{padding-block: var(--espaco-8);padding-block-end: calc(var(--espaco-8) + 3.5rem);background-color: var(--acai-profundo);color: var(--leite)}
.rodape__grade{display: grid;gap: var(--espaco-6)}
.rodape__logo{width: auto;height: 5.5rem}
.rodape__titulo{margin-block-end: var(--espaco-3);color: var(--aureola);font-size: var(--texto-base)}
.rodape__texto{color: rgb(255 250 246 / 0.85);font-size: var(--texto-sm)}
.rodape__lista{display: grid;gap: var(--espaco-2)}
.rodape__link{display: inline-flex;align-items: center;justify-content: center;min-width: 2.75rem;min-height: 2.75rem;color: var(--aureola);text-decoration: underline;text-underline-offset: 3px}
.rodape__link:hover{color: #ffc94a}
.rodape__privacidade{max-width: 62ch;margin-block-start: var(--espaco-7);color: rgb(255 250 246 / 0.8);font-size: var(--texto-sm)}
.rodape__privacidade strong{color: var(--leite)}
.rodape__base{display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--espaco-2) var(--espaco-4);margin-block-start: var(--espaco-5);padding-block-start: var(--espaco-5);border-block-start: 1px solid rgb(255 250 246 / 0.16);color: rgb(255 250 246 / 0.7);font-size: var(--texto-sm)}
@media (min-width: 48rem){.rodape__grade{grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--espaco-7) var(--espaco-6)}
}
@media (min-width: 64rem){.rodape__grade{grid-template-columns: 1.3fr repeat(3,minmax(0,1fr))}
}
.whatsapp-flutuante{position: fixed;inset-block-end: calc(var(--espaco-4) + var(--altura-barra-pedido,0px));inset-inline-end: var(--espaco-4);z-index: 44;display: grid;place-items: center;width: 3.5rem;height: 3.5rem;border-radius: 50%;background-color: var(--aureola);color: var(--acai-profundo);box-shadow: 0 0 0 1px rgb(42 11 54 / 0.12),0 14px 28px -12px rgb(42 11 54 / 0.65);transition: inset-block-end var(--transicao),background-color var(--transicao),transform 160ms var(--ease-saida),opacity var(--transicao),visibility var(--transicao)}
@media (width < 64rem){.montador-em-tela .whatsapp-flutuante{opacity: 0;visibility: hidden;pointer-events: none}
}
.whatsapp-flutuante:active{transform: scale(0.96)}
.whatsapp-flutuante svg{width: 1.75rem;height: 1.75rem;fill: currentColor}
.whatsapp-flutuante__dica{display: none;position: absolute;inset-inline-end: calc(100% + var(--espaco-3));inset-block-start: 50%;padding: 0.45em 0.9em;border-radius: var(--raio-pill);background-color: var(--acai-profundo);color: var(--leite);font-size: var(--texto-xs);font-weight: var(--peso-forte);line-height: 1.2;white-space: nowrap;box-shadow: 0 10px 22px -12px rgb(42 11 54 / 0.8);opacity: 0;translate: 6px -50%;scale: 0.96;transform-origin: right center;pointer-events: none;transition: opacity 150ms var(--ease-saida),translate 150ms var(--ease-saida),scale 150ms var(--ease-saida)}
@media (hover: hover) and (pointer: fine){.whatsapp-flutuante__dica{display: block}
.whatsapp-flutuante:hover{background-color: #ffc94a;transform: translateY(-2px)}
.whatsapp-flutuante:hover .whatsapp-flutuante__dica{opacity: 1;translate: 0 -50%;scale: 1}
}
.whatsapp-flutuante:focus-visible .whatsapp-flutuante__dica{opacity: 1;translate: 0 -50%;scale: 1}
.whatsapp-flutuante:focus-visible{outline: 3px solid var(--acai-profundo);outline-offset: 2px;border-radius: 50%;box-shadow: 0 0 0 7px var(--leite)}
.pagina-erro-corpo{padding-block-start: 0}
.pagina-erro{--onda: clamp(3rem,2rem + 4vw,6.5rem);position: relative;isolation: isolate;display: grid;align-content: center;min-height: 100svh;overflow: hidden;padding-block: var(--espaco-6) calc(var(--onda) + var(--espaco-5));background-color: var(--acai);color: var(--leite)}
.pagina-erro__grade{display: grid;justify-items: center;gap: var(--espaco-5);text-align: center}
.pagina-erro__texto{display: grid;justify-items: center;gap: var(--espaco-4);max-width: 34rem}
.pagina-erro__marca{display: inline-flex;border-radius: var(--raio-card)}
.pagina-erro__logo{width: auto;height: 5rem}
.pagina-erro__titulo{font-size: clamp(2.5rem,1.6rem + 3.6vw,4.5rem);line-height: 1}
.pagina-erro__texto-corrido{max-width: 40ch;color: rgb(255 250 246 / 0.9)}
.pagina-erro__acoes{display: grid;gap: var(--espaco-3);width: 100%;margin-block-start: var(--espaco-2)}
.pagina-erro__codigo{color: rgb(255 250 246 / 0.75);font-size: var(--texto-xs)}
.pagina-erro__arte{position: relative;display: grid;place-items: center;width: clamp(9rem,38vw,12rem)}
.pagina-erro__brilho{position: absolute;z-index: -1;inset-inline-start: 50%;inset-block-start: 50%;width: 230%;aspect-ratio: 1;translate: -50% -50%;border-radius: 50%;background: radial-gradient( closest-side,rgb(214 168 236 / 0.45),rgb(155 63 168 / 0.25) 50%,rgb(155 63 168 / 0) 100% )}
.pagina-erro__copo{width: 100%;height: auto;overflow: visible;filter: drop-shadow(0 14px 16px rgb(42 11 54 / 0.5))}
.pagina-erro__aureola{fill: none;stroke: var(--aureola);stroke-width: 4;filter: drop-shadow(0 0 4px rgb(245 184 46 / 0.8))}
.pagina-erro__interior{fill: rgb(255 250 246 / 0.06)}
.pagina-erro__gota{fill: var(--acai-profundo)}
.pagina-erro__vidro{fill: none;stroke: rgb(255 250 246 / 0.7);stroke-width: 3;stroke-linejoin: round}
.pagina-erro__reflexo{fill: none;stroke: rgb(255 250 246 / 0.45);stroke-width: 4;stroke-linecap: round}
.pagina-erro__onda{position: absolute;inset-inline: 0;inset-block-end: -1px;z-index: -1;display: block;width: 100%;height: var(--onda);fill: var(--leite)}
@media (min-width: 30rem){.pagina-erro__acoes{display: flex;flex-wrap: wrap;justify-content: center;width: auto}
}
@media (min-width: 64rem){.pagina-erro__grade{grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);align-items: center;gap: var(--espaco-8);text-align: start}
.pagina-erro__texto{justify-items: start}
.pagina-erro__acoes{justify-content: flex-start}
.pagina-erro__arte{width: 15rem}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}
*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important}
}
