/* =================================================================
   Arquivo:   blocos.responsive.css   (REESTRUTURA Rodada 3)
   Versao:    KIMERA-030
   Papel:     Media queries mobile para todos os blocos.
   ================================================================= */


/* ---------- responsivo ---------- */
@media (max-width: 600px) {
    .ss-cb-inner { padding: 40px 16px; }
    .ss-cb-title { font-size: 1.6rem; }
    .ss-cbk-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 16px; }
    /* BUG#6 cardapio mobile */
    .ss-cbk-cardapio { padding: 32px 20px; }
    .ss-cb-cardapio { border-radius: 14px; }
    .ss-cbk-card-titulo { font-size: 1.5rem; }
    .ss-cbk-cardapio-nome, .ss-cbk-cardapio-preco { font-size: 1.05rem; }
    /* novos blocos no mobile */
    .ss-cbk-grade-grid { grid-template-columns: 1fr; gap: 16px; }
    .ss-cbk-faq-q { padding: 16px 18px; }
    .ss-cbk-faq-pergunta { font-size: 0.98rem; }
    .ss-cbk-faq-resposta { padding: 0 18px 16px; }
    .ss-cbk-agenda-quando { flex-basis: 88px; }
    .ss-cbk-agenda-info { padding: 14px 16px; }
    .ss-cbk-video-frame, .ss-cbk-mapa-frame { border-radius: 14px; }
}
@media (max-width: 380px) {
    /* telas muito estreitas: nome em cima, preco embaixo, sem linha */
    .ss-cbk-cardapio-head { flex-wrap: wrap; }
    .ss-cbk-cardapio-fill { display: none; }
    .ss-cbk-cardapio-preco { width: 100%; margin-top: 2px; }
    /* agenda empilha data em cima do conteudo */
    .ss-cbk-agenda-item { flex-direction: column; }
    .ss-cbk-agenda-quando { flex-basis: auto; flex-direction: row; gap: 10px; padding: 12px; }
}