/* FRONTS SIMPLES (17/10, pedido do Michel) -- regras visuais ÚNICAS dos sites de bebidas, hamburgueria, sorveteria e construção.
   1) o menu de links no topo sai (já existe o botão hambúrguer, que abre a mesma lista num cartão);
   2) o aviso de idade no topo sai (fica só no rodapé);
   3) rodapé simples e centralizado (assets/modulos/rodapeSite.js);
   4) grade de categorias centralizada e alinhada. */
.nav-desk:not(.aberto) { display: none !important; }
.faixa-idade { display: none !important; }

.rodape-info { text-align: center; padding: 28px 20px 44px; font-size: 13.5px; line-height: 1.5; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.rodape-info p { margin: 0; opacity: .85; }
.rodape-info .rodape-linha { max-width: 560px; }
.rodape-info .rodape-aviso { font-size: 12px; font-weight: 700; opacity: 1; color: #7a1f1f; }
.rodape-info .rodape-pendente { opacity: .55; font-style: italic; }
.rodape-info .rodape-botao { display: inline-block; margin-bottom: 8px; padding: 12px 26px; border-radius: 999px; font-weight: 700; text-decoration: none; background: transparent; color: inherit; border: 2px solid var(--principal, var(--vermelho, currentColor)); }
.rodape-info .rodape-botao:hover { background: var(--principal, var(--vermelho, #333)); color: #fff; }

/* grade de categorias: sempre centralizada, cartões com a mesma largura */
.especies-grade { justify-content: center; justify-items: stretch; margin-left: auto; margin-right: auto; }
.especies-grade--3 { max-width: 560px !important; grid-template-columns: repeat(3, 1fr) !important; }
@media (max-width: 520px) { .especies-grade--3 { grid-template-columns: repeat(2, 1fr) !important; } }

/* cartão informativo (ex.: índice CUB) alinhado com a largura da grade de categorias */
.info-alinhado { max-width: 560px; margin: 0 auto 56px; padding: 0 20px; }
.info-alinhado .cub-card { width: 100%; box-sizing: border-box; }

/* botão de cardápio (rodapé): cheio e grande, no mesmo tom do botão principal da página */
.rodape-info .rodape-botao { background: var(--rodape-botao-bg, var(--amarelo, var(--principal, #333))); color: var(--rodape-botao-fg, #111); border: 0; font-size: 18px; padding: 18px 44px; min-width: 240px; cursor: pointer; font-family: inherit; box-shadow: 0 12px 26px -8px rgba(0,0,0,.4); }
.rodape-info .rodape-botao:hover { filter: brightness(1.06); transform: translateY(-1px); color: var(--rodape-botao-fg, #111); background: var(--rodape-botao-bg, var(--amarelo, var(--principal, #333))); }

/* botão flutuante de pedido: pílula com texto (não só o ícone), maior e com pulsação que chama o olhar */
.chat-fab { width: auto !important; height: 60px !important; padding: 0 22px 0 16px !important; border-radius: 999px !important; display: flex !important; align-items: center; gap: 10px; box-shadow: 0 12px 30px -6px rgba(0,0,0,.5) !important; }
.chat-fab .chat-fab-emoji { font-size: 26px; display: inline-flex; align-items: center; gap: 10px; }
.chat-fab .chat-fab-emoji::after { content: var(--fab-rotulo, 'Fazer pedido'); font-size: 16px; font-weight: 800; letter-spacing: .2px; font-family: inherit; }
.chat-fab::after { border-radius: 999px !important; }
.chat-fab .chat-fab-selo { display: none; }
@media (max-width: 380px) { .chat-fab .chat-fab-emoji::after { font-size: 14px; } .chat-fab { padding: 0 16px 0 12px !important; } }

/* (o estilo dos dados da conta -- "Aguardando configuração", selo "aberto agora", nome longo na marca -- é injetado pelo módulo recursosDoSite) */
/* conta real: a faixa "modelo de demonstração" e o rodapé que divulga a AlmorTech nunca aparecem no site de um cliente */
html.conta-real .faixa-demo, html.conta-real footer.rodape { display: none !important; }