/* * cms.css — evita o "flash" das listas antes do conteudo carregar. * * O HTML exportado do Webflow traz, em cada lista de CMS, um card-modelo com imagem * placeholder cinza e a mensagem "No items found.". O cms.js troca isso pelo conteudo * real, mas precisa buscar o content/cases.json primeiro — o que leva uns 450ms em * rede real. Nesse intervalo o visitante via a versao vazia e depois um "pop" com o * conteudo certo. * * Aqui o estado inicial fica invisivel e entra com fade quando os dados estao prontos. * * O gatilho e a classe .cms-pending, que o proprio cms.js coloca no assim que * carrega. Se o cms.js nao rodar (erro de rede, JS desligado), a classe nunca aparece * e as listas ficam visiveis normalmente — ou seja, a falha e pro lado seguro: no pior * caso volta o flash antigo, nunca uma pagina em branco. */ html.cms-pending .cases_collection > .w-dyn-items, html.cms-pending .cases_collection > .w-dyn-empty, html.cms-pending .preview-collection > .w-dyn-items, html.cms-pending .preview-collection > .w-dyn-empty, html.cms-pending .blogs-collection-wrapper > .w-dyn-items, html.cms-pending .blogs-collection-wrapper > .w-dyn-empty, html.cms-pending .nex-case_wrapper > .w-dyn-items, html.cms-pending .nex-case_wrapper > .w-dyn-empty { opacity: 0; } html.cms-pending [data-cms-ready] > .w-dyn-items, html.cms-pending [data-cms-ready] > .w-dyn-empty { opacity: 1; transition: opacity 0.4s ease; } /* * --------------------------------------------------------------------------- * GRID DA GALERIA — por formato, nao por posicao * --------------------------------------------------------------------------- * * O CSS que veio do Webflow (no