/* Canais oficiais da Gôgô (links do lnk.bio/bolosgogo): Instagram, WhatsApp, iFood, 99Food e Keeta. */
.canais{display:flex;flex-wrap:wrap;gap:10px}
.canal{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 16px 6px 6px;border-radius:999px;background:#fff;color:var(--ameixa);text-decoration:none;font-weight:800;font-size:15px;box-shadow:0 0 0 1.5px rgb(50 16 68 / .1),0 8px 18px -12px rgb(50 16 68 / .4);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.canal:hover{transform:translateY(-2px);box-shadow:0 0 0 1.5px rgb(50 16 68 / .16),0 14px 24px -14px rgb(50 16 68 / .5)}
.canal i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font:800 13px/1 'Nunito Sans',sans-serif;font-style:normal;flex:none}
.canal svg{width:20px;height:20px}
.canal small{display:block;font-size:11px;font-weight:700;color:var(--texto-2);line-height:1.1}
.canal span{display:grid;line-height:1.15}
.c-ifood i{background:#ea1d2c;color:#fff;letter-spacing:-.04em}
.c-99 i{background:#ffdd00;color:#111}
.c-keeta i{background:#ffd60a;color:#111}
.c-whats i{background:#25d366;color:#fff}
.c-insta i{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff}
.c-whats svg,.c-insta svg{fill:none;stroke:#fff;stroke-width:1.8}
.c-whats svg path.cheio{fill:#fff;stroke:none}

/* Ícones pequenos no cabeçalho e no rodapé */
.canais-mini{display:flex;gap:8px}
.canais-mini a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;text-decoration:none}
.canais-mini a i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font:800 12px/1 'Nunito Sans',sans-serif;font-style:normal}
.canais-mini svg{width:20px;height:20px}

/* Faixa "peça onde preferir" na home */
.onde-pedir{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:clamp(28px,4vw,44px);padding:clamp(18px,2.4vw,26px) clamp(18px,2.4vw,30px);border-radius:28px;background:#fff;box-shadow:0 1px 2px rgb(50 16 68 / .05),0 16px 34px -22px rgb(50 16 68 / .35)}
.onde-pedir h2{font:600 clamp(22px,2.2vw,30px)/1.1 'Fredoka',sans-serif;color:var(--ameixa)}
.onde-pedir p{color:var(--texto-2);font-size:15px;margin-top:4px}

/* Botão flutuante do WhatsApp */
.whats-flutuante{position:fixed;right:18px;bottom:18px;z-index:30;display:inline-flex;align-items:center;gap:10px;padding:10px 18px 10px 10px;border-radius:999px;background:#1fa855;color:#fff;font-weight:800;text-decoration:none;box-shadow:0 14px 28px -12px rgb(10 60 30 / .6);transition:transform .25s var(--ease)}
.whats-flutuante:hover{transform:translateY(-2px)}
.whats-flutuante i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff}
.whats-flutuante svg{width:22px;height:22px}
@media (max-width:760px){.whats-flutuante span{display:none}.whats-flutuante{padding:10px}.canal{font-size:14px}.onde-pedir .canais{width:100%}.onde-pedir .canal{flex:1 1 calc(50% - 10px)}}
@media (prefers-reduced-motion:reduce){.canal,.whats-flutuante{transition:none}}
.cdp-apps{margin-top:18px}
.cdp-apps .canal{box-shadow:none}
.cdp-rodape-canais{margin:4px 0 18px}
.site-header .canais-mini,.cdp-header .canais-mini{margin-left:auto}
.site-header .canais-mini+.btn.bag{margin-left:0}
.rodape-canais{margin-bottom:6px}
@media (max-width:760px){.site-header .canais-mini,.cdp-header .canais-mini{display:none}}
/* Logos reais dos apps (ícones oficiais da App Store), recortados em círculo. */
.canal i:has(img){background:none;overflow:hidden}
.canais .canal i img{width:100%;height:100%;max-width:none;margin:0;display:block;border-radius:50%;object-fit:cover}