/* The Butters. Paleta tirada do logo e do cardápio oficial. */
:root{
  --azul:#1C58A8; --noite:#123C7C; --ceu:#2C93F6;
  --laranja:#F5821F; --amarelo:#FFBA3B; --pessego:#FFCC96; --caramelo:#B75A30;
  --papel:#F2F2F0; --branco:#fff; --tinta:#10305F;
  --disp:"Fraunces",Georgia,serif; --txt:"Poppins",system-ui,sans-serif;
  --g:clamp(1.15rem,5vw,4.5rem); --barra:76px;
  --mola:cubic-bezier(.34,1.56,.64,1); --suave:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;font-family:var(--txt);font-size:1rem;line-height:1.55;color:var(--tinta);background:var(--azul);overflow-x:clip;-webkit-font-smoothing:antialiased}
img,canvas{display:block;max-width:100%}
h1,h2,h3,p,ul{margin:0;padding:0}
ul{list-style:none}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:focus-visible{outline:3px solid var(--ceu);outline-offset:3px;border-radius:6px}
.pular{position:fixed;left:12px;top:-60px;z-index:100;background:#fff;padding:.6rem 1rem;border-radius:10px;font-weight:600;transition:top .2s}
.pular:focus{top:12px}
.semjs{position:fixed;inset:auto 0 0;background:#fff;padding:1rem;text-align:center;z-index:99}

/* Títulos */
.titulo{font-family:var(--disp);font-weight:900;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;font-size:clamp(2.6rem,6.4vw,5.4rem);line-height:.98;letter-spacing:-.022em;color:var(--titulo,var(--azul));text-wrap:balance}
.palavra{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.palavra>span{display:inline-block;will-change:transform}

/* Botões */
.botao{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 1.9rem;border-radius:999px;font-weight:700;text-decoration:none;font-size:1.05rem;transition:transform .35s var(--mola),box-shadow .25s}
.botao--amarelo{background:var(--amarelo);color:var(--noite);box-shadow:0 6px 0 #D98F12}
.botao--amarelo:hover{transform:translateY(-3px) rotate(-1.5deg);box-shadow:0 9px 0 #D98F12}
.botao--amarelo:active{transform:translateY(4px);box-shadow:0 2px 0 #D98F12}

/* Topo */
.topo{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;gap:1rem;padding:.55rem var(--g);height:68px;background:color-mix(in srgb,var(--noite) 0%,transparent);transition:background .3s,box-shadow .3s}
.topo.solido{background:var(--noite);box-shadow:0 6px 22px rgba(10,30,70,.28)}
.topo__logo{flex:none;opacity:0;transform:scale(.6);transition:opacity .3s,transform .4s var(--mola);pointer-events:none}
.topo.solido .topo__logo{opacity:1;transform:none;pointer-events:auto}
.topo__logo img{width:66px;height:auto}
.topo__ifood{flex:none;margin-left:auto;background:var(--laranja);color:var(--noite);font-weight:700;text-decoration:none;font-size:.92rem;padding:.6rem 1.1rem;border-radius:999px;transition:transform .3s var(--mola)}
.topo__ifood:hover{transform:scale(1.06) rotate(-2deg)}
.cats{position:relative;display:flex;gap:.2rem;overflow-x:auto;scrollbar-width:none;opacity:0;pointer-events:none;transition:opacity .3s;min-width:0}
.cats::-webkit-scrollbar{display:none}
.topo.solido .cats{opacity:1;pointer-events:auto}
.cats a{position:relative;z-index:1;flex:none;padding:.42rem .9rem;border-radius:999px;text-decoration:none;color:#fff;font-weight:600;font-size:.92rem;transition:color .25s}
.cats a.ativo{color:var(--noite)}
.cats__pilula{position:absolute;left:0;top:0;height:100%;width:0;background:var(--amarelo);border-radius:999px}

/* Hero */
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:1rem;padding:4.4rem var(--g) calc(var(--barra) + 2.6rem);background:var(--azul);overflow:hidden;isolation:isolate}
.hero__ceu{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1.6px),radial-gradient(rgba(255,255,255,.28) 1px,transparent 1.5px);background-size:137px 137px,89px 89px;background-position:0 0,41px 60px}
.bolha{position:absolute;display:block;will-change:transform;animation:mexe 13s ease-in-out infinite alternate}
.bolha--a{width:17vw;height:15vw;left:46%;top:-5vw;background:var(--laranja);border-radius:58% 42% 55% 45%/48% 60% 40% 52%}
.bolha--b{width:30vw;height:21vw;right:-9vw;top:-8vw;background:var(--amarelo);border-radius:42% 58% 37% 63%/60% 40% 60% 40%;animation-delay:-3s}
.bolha--c{width:9vw;height:8vw;left:5%;top:14%;background:var(--ceu);border-radius:60% 40% 50% 50%/50% 55% 45% 50%;animation-delay:-6s}
.bolha--d{width:12vw;height:12vw;right:3%;bottom:13%;background:var(--pessego);border-radius:45% 55% 60% 40%/55% 45% 55% 45%;animation-delay:-8s}
.bolha--e{width:24vw;height:18vw;left:-8vw;bottom:-7vw;background:var(--amarelo);border-radius:62% 38% 46% 54%/50% 62% 38% 50%;animation-delay:-2s}
.bolha--f{width:13vw;height:11vw;left:38%;bottom:-3vw;background:var(--caramelo);border-radius:48% 52% 38% 62%/62% 44% 56% 38%;animation-delay:-10s}
@keyframes mexe{to{border-radius:40% 60% 62% 38%/42% 52% 48% 58%;rotate:9deg;scale:1.06}}

.hero__texto{position:relative;z-index:2;color:#fff}
.hero__marca{width:clamp(110px,min(11vw,17vh),170px);height:auto;margin:0 0 .8rem -.4rem}
.hero__titulo{font-family:var(--disp);font-weight:900;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;font-size:clamp(3.1rem,min(7.4vw,12.6vh),8rem);line-height:.92;letter-spacing:-.028em;color:#fff}
.ln{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.ln>span{display:block;will-change:transform}
.ln:nth-child(4)>span{color:var(--amarelo)}
.hero__sub{max-width:34rem;margin-top:1rem;font-size:clamp(1rem,1.25vw,1.15rem);font-weight:500;color:#EAF1FB}
.hero__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.3rem;margin-top:1.2rem}
.nota{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--amarelo)}

.hero__palco{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cookie-orbita{position:relative;--tam:min(56vw,104vh);width:var(--tam);aspect-ratio:1254/731;align-self:flex-end;margin-right:calc(var(--g)*-.7);will-change:transform}
.cookie{position:absolute;inset:0;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;will-change:transform}
.cookie:active{cursor:grabbing}
.cookie:focus-visible{outline-offset:-10px;outline-color:#fff}
.cookie canvas{width:100%;height:100%;filter:drop-shadow(0 14px 10px rgba(7,28,70,.34))}
.cookie-sombra{position:absolute;left:6%;right:6%;bottom:-8%;height:20%;background:radial-gradient(closest-side,rgba(7,28,70,.5),transparent);transform-origin:center}
.hero__dica{margin-top:.9rem;color:#fff;font-weight:600;font-size:.95rem;text-align:center;min-height:1.5em}

/* Faixa corrida */
.faixa{position:relative;z-index:4;overflow:hidden;background:var(--laranja);color:var(--noite);padding:.75rem 0;transform:rotate(-1.2deg) scale(1.03);margin-top:-1.3rem}
.faixa__trilho{display:inline-flex;white-space:nowrap;will-change:transform}
.faixa__grupo{display:inline-flex;align-items:center;flex:none}
.faixa__grupo span{font-family:var(--disp);font-weight:900;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:clamp(1.3rem,2.6vw,2.1rem);padding:0 1.3rem}
.faixa__grupo img{width:36px;height:36px}

/* Bandas do cardápio */
.banda{position:relative;padding:clamp(5rem,10vw,8.5rem) var(--g);background:var(--cor);color:var(--texto,var(--tinta));--titulo:var(--azul)}
.banda::before{content:"";position:absolute;left:0;right:0;top:-27px;height:28px;background:radial-gradient(circle at 50% 100%,var(--cor) 0 27px,transparent 27.6px) 0 0/54px 28px repeat-x;z-index:1}
.banda--papel{--cor:var(--papel)}
.banda--amarelo{--cor:var(--amarelo);--titulo:var(--noite);--preco:var(--noite);--desc:#20355E}
.banda--pessego{--cor:var(--pessego);--titulo:var(--noite);--preco:var(--noite)}
.banda--laranja{--cor:var(--laranja);--titulo:var(--noite);--preco:var(--noite);--desc:#14305E;--texto:var(--noite)}
.banda--noite{--cor:var(--noite);--titulo:#fff;--texto:#fff;--desc:#DCE7F7;--preco:var(--amarelo)}
.banda--azul{--cor:var(--azul);--titulo:#fff;--texto:#fff;--desc:#E5EEFB;--preco:var(--amarelo)}

.grade{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.grade--esq .fotos{order:2}
.grade--esq{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.fotos{position:relative;aspect-ratio:1/1.16;position:sticky;top:96px}
.polaroid{position:absolute;margin:0;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);will-change:transform}
.polaroid__giro{background:#fff;padding:clamp(.45rem,.9vw,.8rem);box-shadow:10px 12px 0 rgba(16,48,95,.2);rotate:calc(var(--r)*1deg);transition:rotate .5s var(--mola),box-shadow .3s,scale .5s var(--mola);transform-style:preserve-3d}
.polaroid:hover{z-index:5}
.polaroid:hover .polaroid__giro{rotate:0deg;scale:1.06;box-shadow:16px 20px 0 rgba(16,48,95,.22)}
.polaroid img{width:100%;aspect-ratio:3/4;height:auto;object-fit:cover}

.cab{margin-bottom:clamp(1.4rem,3vw,2.4rem)}
.cab__nota{display:block;margin-top:.5rem;font-weight:600;color:var(--desc,#3C5787)}
.cab__texto{margin-top:.7rem;max-width:36rem;font-weight:500;color:var(--desc,#3C5787)}
.cab__linha{display:flex;align-items:center;justify-content:space-between;gap:1rem}

.selo{flex:none;display:grid;place-items:center;text-align:center;width:clamp(116px,12vw,150px);aspect-ratio:1;border-radius:53% 47% 49% 51%/48% 52% 48% 52%;color:#fff;background:var(--selo);line-height:1;will-change:transform}
.selo--azul{--selo:var(--azul)}.selo--laranja{--selo:var(--laranja)}
.selo small{display:block;font-size:.72rem;font-weight:600;margin-bottom:.15rem}
.selo b{display:block;font-family:var(--disp);font-weight:900;font-variation-settings:"SOFT" 100;font-size:clamp(1.15rem,1.9vw,1.45rem);line-height:1.02}
.selo b+b{color:var(--amarelo)}
.selo--laranja{color:var(--noite)}.selo--laranja b+b{color:#fff}

.lista{display:grid;grid-template-columns:minmax(0,1fr);column-gap:clamp(1.4rem,3.4vw,3rem)}
.lista--uma{grid-template-columns:minmax(0,1fr)}
.item{display:flex;align-items:flex-start;gap:.8rem;padding:.95rem 0;border-bottom:2px dotted color-mix(in srgb,var(--texto,var(--tinta)) 24%,transparent);min-width:0}
.item__foto{flex:none;width:80px;height:80px;object-fit:cover;background:#fff;padding:4px;box-shadow:4px 5px 0 rgba(16,48,95,.2);rotate:-2.5deg;transition:rotate .4s var(--mola),scale .4s var(--mola)}
.item:nth-child(even) .item__foto{rotate:2.5deg}
.item:hover .item__foto{rotate:0deg;scale:1.14}
.lista--curta .item__foto{width:58px;height:58px;padding:3px}
.item__txt{flex:1;min-width:0}
.item h3{font-size:1.03rem;font-weight:700;line-height:1.25;color:var(--titulo)}
.item p{margin-top:.2rem;font-size:.9rem;line-height:1.42;color:var(--desc,#334B74);max-width:48ch}
.fav{display:inline-block;vertical-align:.1em;margin-left:.3rem;padding:.02rem .5rem;border-radius:999px;background:var(--laranja);color:var(--noite);font-size:.7rem;font-weight:700}
.item__acao{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}
.preco{font-weight:700;color:var(--preco,var(--azul));white-space:nowrap}
.passo{display:flex;align-items:center;height:42px;border-radius:999px;background:transparent;transition:background .25s}
.item.tem .passo{background:var(--noite);color:#fff}
.banda--noite .item.tem .passo,.banda--azul .item.tem .passo{background:#fff;color:var(--noite)}
.passo button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;flex:none}
.passo .mais{background:var(--azul);color:#fff;transition:transform .3s var(--mola),background .2s}
.banda--azul .passo .mais,.banda--noite .passo .mais{background:var(--amarelo);color:var(--noite)}
.banda--amarelo .passo .mais,.banda--laranja .passo .mais,.banda--pessego .passo .mais{background:var(--noite)}
.passo .mais:hover{transform:scale(1.13) rotate(90deg)}
.passo .mais:active{transform:scale(.9)}
.passo .menos,.passo output{width:0;opacity:0;overflow:hidden;transition:width .3s var(--suave),opacity .2s}
.passo output{text-align:center;font-weight:700}
.item.tem .passo .menos{width:38px;opacity:1}
.item.tem .passo output{width:24px;opacity:1}
.item.tem .passo .mais{background:transparent;color:inherit}

.lista--curta{grid-template-columns:repeat(2,minmax(0,1fr))}
.lista--curta .item{align-items:center;padding:.6rem 0}
.lista--curta .item h3{font-family:var(--disp);font-weight:800;font-size:1.3rem;font-variation-settings:"SOFT" 100}
.lista--curta .item__acao{flex-direction:row;align-items:center;gap:.6rem}
.sub{margin:clamp(2.6rem,5vw,4rem) 0 1rem;font-size:clamp(2rem,4.2vw,3.4rem)}

/* Ice cream */
.banda--noite{padding-top:clamp(7rem,12vw,10rem)}
.pingo{position:absolute;left:0;right:0;top:-2px;width:100%;height:clamp(70px,10vw,130px);pointer-events:none;z-index:1}
#ice::before{display:none}
.ice__preco{margin-top:1.3rem;font-family:var(--disp);font-weight:900;font-variation-settings:"SOFT" 100;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.05;color:var(--amarelo)}
.ice__txt{margin-top:.8rem;max-width:30rem;color:#E4ECF9;font-weight:500}
.montador{margin-top:1.6rem;max-width:30rem;background:var(--azul);padding:1.2rem 1.3rem;border-radius:24px 30px 22px 34px}
.montador label{display:block;font-weight:600;margin-bottom:.45rem}
.montador select{width:100%;min-height:50px;padding:0 1rem;border-radius:14px;border:0;background:#fff;color:var(--noite);font:600 1rem var(--txt)}
.montador__conta{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:.9rem;font-weight:600}
.montador__conta b{font-family:var(--disp);font-size:2.1rem;font-weight:900;color:var(--amarelo);display:inline-block}
.so-loja{display:inline-block;margin-top:1.1rem;color:var(--aviso-cor,var(--azul));font-weight:600}
.banda--noite,.banda--azul{--aviso-cor:var(--amarelo)}
.banda--laranja,.banda--pessego,.banda--amarelo{--aviso-cor:var(--noite)}
.so-tag{font-size:.74rem;font-weight:700;white-space:nowrap;color:var(--aviso-cor,var(--azul))}

/* Sobre */
.sobre__grade{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.sobre__caixa{background:var(--azul);color:#fff;padding:clamp(1.8rem,4vw,3.2rem);border-radius:42px 56px 38px 64px;--titulo:#fff}
.sobre__caixa p{margin-top:1rem;max-width:58ch}
.capivaras{position:relative;aspect-ratio:1/1;width:100%;display:flex;overflow:hidden}
.capi{flex:1 0 50%;background:url(../assets/mascote.webp) no-repeat;background-size:200% 100%;will-change:transform}
.capi--e{background-position:0 0}
.capi--d{background-position:100% 0}

/* Reels */
.reels{overflow:hidden}
.reels .titulo,.reels__dica{max-width:1240px;margin-inline:auto}
.reels__dica{margin-top:.6rem;font-weight:500}
.reels__janela{margin:2.2rem calc(var(--g)*-1) 0;padding:0 var(--g) 1.5rem;cursor:grab;touch-action:pan-y}
.reels__trilho{display:inline-flex;gap:clamp(1rem,2vw,1.6rem);will-change:transform}
.reel{flex:none;width:clamp(210px,20vw,250px);background:#fff;color:var(--tinta);padding:.6rem .6rem .9rem;text-decoration:none;display:block;box-shadow:9px 11px 0 rgba(8,28,70,.3);transition:rotate .4s var(--mola),scale .4s var(--mola)}
.reels__trilho li:nth-child(odd) .reel{rotate:-1.6deg}.reels__trilho li:nth-child(even) .reel{rotate:1.8deg}
.reel:hover{rotate:0deg!important;scale:1.04}
.reel img{width:100%;aspect-ratio:9/15;object-fit:cover;pointer-events:none}
.reel span{display:block;margin-top:.65rem;font-size:.86rem;line-height:1.35;font-weight:500}

/* Lojas */
.lojas .titulo{max-width:1160px;margin:0 auto}
.lojas__par{max-width:1160px;margin:2.2rem auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,2.4rem)}
.loja{display:block;text-decoration:none;background:var(--noite);color:#fff;padding:clamp(1.6rem,3.4vw,2.8rem);border-radius:38px 28px 44px 30px;transition:transform .45s var(--mola),border-radius .6s}
.loja:nth-child(2){border-radius:28px 44px 30px 40px}
.loja:hover{transform:translateY(-8px) rotate(-1deg);border-radius:60px 34px 50px 38px}
.loja__nome{display:block;font-family:var(--disp);font-weight:900;font-variation-settings:"SOFT" 100;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.05;color:var(--amarelo)}
.loja__end{display:block;margin-top:.6rem;font-size:1.08rem;font-weight:500}
.loja__link{display:inline-block;margin-top:1.1rem;font-weight:700;border-bottom:3px solid var(--laranja)}

/* Rodapé */
.rodape{background:var(--noite);color:#fff;text-align:center;padding:3.5rem var(--g) calc(var(--barra) + 3rem)}
.rodape img{margin:0 auto .8rem;width:130px;height:auto}
.rodape__links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.6rem;margin-top:.8rem;font-weight:600}
.rodape__links a{text-underline-offset:4px}
.rodape__letra{margin:1.2rem auto 0;max-width:44ch;font-size:.82rem;color:#C8D6EC}

/* Barra da sacola */
.barra{position:fixed;z-index:40;left:50%;bottom:max(14px,env(safe-area-inset-bottom));translate:-50% 0;width:min(620px,calc(100vw - 24px));height:var(--barra);display:flex;align-items:center;gap:.8rem;padding:0 .7rem 0 .8rem;background:var(--amarelo);color:var(--noite);border-radius:22px 26px 24px 28px;box-shadow:0 8px 0 #D98F12,0 18px 34px rgba(7,28,70,.34);text-align:left;will-change:transform}
.barra__contador{position:relative;flex:none;width:52px;height:52px}
.barra__contador img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #fff}
.barra__contador img.vazio{object-fit:contain;background:none;box-shadow:none}
.barra__contador b{position:absolute;right:-5px;top:-6px;min-width:25px;height:25px;padding:0 .3rem;border-radius:999px;background:var(--noite);color:#fff;display:grid;place-items:center;font-size:.8rem}
.barra__meio{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.barra__linha{font-size:.84rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barra__total{font-family:var(--disp);font-weight:900;font-size:1.32rem;font-variation-settings:"SOFT" 100}
.barra__cta{flex:none;background:var(--noite);color:#fff;font-weight:700;padding:.72rem 1.05rem;border-radius:16px;font-size:.95rem}

/* Sacola */
.veu{position:fixed;inset:0;z-index:48;background:rgba(9,28,66,.62)}
.sacola{position:fixed;z-index:50;left:50%;bottom:0;translate:-50% 0;width:min(620px,100vw);max-height:92svh;display:flex;flex-direction:column;background:var(--papel);border-radius:30px 30px 0 0;box-shadow:0 -14px 40px rgba(7,28,70,.3);will-change:transform}
.sacola[hidden],.veu[hidden]{display:none}
.sacola__alca{padding:.65rem 0 .2rem;display:grid;place-items:center;cursor:grab;touch-action:none}
.sacola__alca i{width:52px;height:5px;background:#B9C4D6;border-radius:9px}
.sacola__topo{display:flex;align-items:center;justify-content:space-between;padding:.2rem 1.3rem .7rem}
.sacola__topo h2{font-family:var(--disp);font-weight:900;font-variation-settings:"SOFT" 100;font-size:1.9rem;line-height:1.1;color:var(--azul)}
.fechar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--noite)}
.fechar:hover{background:#E2E6EC}
.sacola__corpo{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 1.3rem 1rem}
.sacola__pe{padding:.9rem 1.3rem calc(1rem + env(safe-area-inset-bottom));border-top:2px dotted #C5CEDC;background:var(--papel)}
.linha{display:flex;align-items:center;gap:.8rem;padding:.65rem 0;border-bottom:2px dotted #D3DAE5}
.linha img{flex:none;width:54px;height:54px;object-fit:cover;border-radius:50%;background:#fff}
.linha__txt{flex:1;min-width:0;font-weight:600;line-height:1.25}
.linha__txt small{display:block;font-weight:500;color:#4B6187}
.linha__passo{flex:none;display:flex;align-items:center;background:var(--noite);color:#fff;border-radius:999px;height:40px}
.linha__passo button{width:40px;height:40px;display:grid;place-items:center}
.linha__passo output{min-width:18px;text-align:center;font-weight:700}
.vazia{text-align:center;padding:2rem 0 2.6rem}
.vazia img{margin:0 auto 1rem;width:110px;height:110px}
.promo{margin:1rem 0 .2rem;display:grid;gap:.6rem}
.promo__bloco{background:var(--azul);color:#fff;border-radius:18px 22px 16px 24px;padding:.8rem 1rem}
.promo__bloco p{font-weight:600;font-size:.92rem;line-height:1.3}
.promo__slots{display:flex;gap:.45rem;margin-top:.55rem}
.slot{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center}
.slot img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 0 0 2px #fff}
.sugestoes{margin-top:1.2rem}
.sugestoes h3{font-size:1rem;font-weight:700;color:var(--azul)}
.sugestoes ul{display:flex;gap:.7rem;overflow-x:auto;padding:.7rem .2rem .5rem;scrollbar-width:none}
.sug{flex:none;width:136px;text-align:left;background:#fff;border-radius:18px 22px 16px 20px;padding:.5rem;transition:transform .3s var(--mola)}
.sug:hover{transform:translateY(-3px) rotate(-1deg)}
.sug img{width:100%;height:82px;object-fit:cover;border-radius:12px 14px 12px 14px}
.sug b{display:block;margin-top:.4rem;font-size:.84rem;line-height:1.2}
.sug span{font-size:.82rem;font-weight:700;color:var(--azul)}
.contas{display:flex;justify-content:space-between;font-weight:600;font-size:.94rem}
.contas--bonus{color:#0B7A43}
.contas--total{font-size:1.22rem;font-weight:700;color:var(--noite);margin-top:.15rem}
.letra{font-size:.78rem;color:#4B6187;margin-top:.35rem;line-height:1.35}
.finalizar{width:100%;min-height:58px;margin-top:.7rem;background:var(--laranja);color:var(--noite);font-weight:700;font-size:1.08rem;border-radius:18px 22px 20px 24px;box-shadow:0 5px 0 #C65E0A;transition:transform .2s,box-shadow .2s;display:grid;place-items:center;text-decoration:none}
.finalizar:hover{transform:translateY(-2px);box-shadow:0 7px 0 #C65E0A}
.finalizar:active{transform:translateY(4px);box-shadow:0 1px 0 #C65E0A}
.finalizar[disabled]{opacity:.5;cursor:not-allowed}
.secundario{width:100%;min-height:48px;margin-top:.6rem;font-weight:600;color:var(--azul);text-decoration:underline;text-underline-offset:4px}

.guia p{line-height:1.45}
.guia__lead{font-weight:500}
.guia__passos{margin-top:1rem;display:grid;gap:.1rem}
.marca{display:flex;align-items:center;gap:.8rem;padding:.55rem 0;border-bottom:2px dotted #D3DAE5}
.marca input{flex:none;width:26px;height:26px;accent-color:var(--azul);margin:0}
.marca img{flex:none;width:46px;height:46px;object-fit:cover;border-radius:50%;background:#fff}
.marca label{flex:1;font-weight:600;line-height:1.25;cursor:pointer}
.marca input:checked+label{text-decoration:line-through;color:#6B7D9B}
.marca a{flex:none;font-size:.86rem;font-weight:700;color:var(--azul)}
.letra--alerta{color:#B3261E;font-weight:600}
.guia__combo{display:block;margin-top:.8rem;padding:.7rem .9rem;background:var(--amarelo);color:var(--noite);font-weight:700;border-radius:14px 18px 14px 20px;text-decoration:none}
.copiar{display:inline-flex;align-items:center;min-height:44px;margin-top:.9rem;padding:0 1.1rem;border-radius:999px;background:var(--noite);color:#fff;font-weight:600;font-size:.92rem}

/* Efeitos */
.migalhas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:60}
.voador{position:fixed;left:0;top:0;width:58px;height:58px;z-index:45;pointer-events:none;border-radius:50%;object-fit:cover}
.aviso{position:fixed;z-index:70;left:50%;bottom:calc(var(--barra) + 34px);translate:-50% 0;background:var(--noite);color:#fff;font-weight:600;padding:.55rem 1.1rem;border-radius:999px;opacity:0;pointer-events:none;font-size:.92rem;max-width:calc(100vw - 32px);text-align:center}

/* Estado inicial da abertura */
.js .intro-pendente .ln>span{transform:translateY(112%)}
.js .intro-pendente .hero__marca,.js .intro-pendente .hero__sub,.js .intro-pendente .hero__acoes,.js .intro-pendente .hero__dica{opacity:0}
.js .intro-pendente .cookie-orbita{opacity:0}
.js .intro-pendente .barra,.js .intro-pendente .topo__ifood{opacity:0}

@media (min-width:1640px){.lista:not(.lista--uma){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){
  .hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start;gap:.4rem;padding:4.8rem var(--g) calc(var(--barra) + 3.2rem);min-height:auto}
  .hero__palco{order:-1}
  .cookie-orbita{--tam:min(106vw,70svh);align-self:center;margin-right:0}
  .hero__marca{display:none}
  .hero__dica{margin-top:.8rem;font-size:.86rem}
  .hero__titulo{font-size:clamp(3rem,13.4vw,5.4rem)}
  .bolha--a,.bolha--c,.bolha--f{display:none}
  .bolha--b{width:48vw;height:34vw}.bolha--d{width:22vw;height:22vw;bottom:auto;top:44%}.bolha--e{width:44vw;height:30vw}
  .grade,.grade--esq{grid-template-columns:minmax(0,1fr)}
  .grade--esq .fotos{order:0}
  .fotos{position:relative;top:auto;aspect-ratio:1/1.16;max-width:520px;margin:0 auto 1.4rem;width:100%}
  .sobre__grade,.lojas__par{grid-template-columns:minmax(0,1fr)}
  .capivaras{max-width:460px;margin-inline:auto}
  .topo{height:60px;padding-inline:.8rem;gap:.5rem}
  .topo__logo{display:none}
  .cats{flex:1}
  .cats a{font-size:.86rem;padding:.4rem .75rem}
  .topo__ifood{font-size:.82rem;padding:.5rem .8rem}
}
@media (max-width:720px){
  .lista,.lista--curta{grid-template-columns:minmax(0,1fr)}
  .item p{max-width:none}
  .item__foto{width:68px;height:68px}
  .selo{width:104px}
  .selo b{font-size:1.04rem}
  .selo small{font-size:.66rem}
  :root{--barra:68px}
  .barra__contador{width:44px;height:44px}
  .barra__total{font-size:1.16rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .bolha{animation:none}
  *{transition-duration:.01ms!important}
}