/* ==========================================================================
   ORDEM DOS BLOCOS DA CAPA (abaixo do hero)
   Primeiro o que a pessoa usa no dia a dia (Central do Cidadão) e as editorias;
   em seguida o Guia Comercial, que é o produto que paga; as seções de serviço
   (placar, horóscopo, loterias), a memória e os vídeos ficam mais abaixo.
   Para voltar à ordem antiga, apague este arquivo e o carregamento dele em functions.php.
   ========================================================================== */
.ct-capa-fluxo { display: flex; flex-direction: column; }
.ct-capa-fluxo > * { width: 100%; min-width: 0; box-sizing: border-box; }

.ct-capa-fluxo > .ct-zona-civica   { order: 1; }
.ct-capa-fluxo > .ct-cols3         { order: 2; }
.ct-capa-fluxo > .ct-banner-jumbo-wrap { order: 3; }
.ct-capa-fluxo > #guia-comercial   { order: 4; }
.ct-capa-fluxo > .cx-foco          { order: 5; }
.ct-capa-fluxo > .ct-capa-esportes { order: 6; }
.ct-capa-fluxo > .cx-mais          { order: 7; }
.ct-capa-fluxo > .ct-mercado-faixa { order: 8; }
.ct-capa-fluxo > .ct-memoria-bloco { order: 9; }
.ct-capa-fluxo > #videos-curtos    { order: 10; }
.ct-capa-fluxo > #tv-portal        { order: 11; }

/* ==========================================================================
   Central do Cidadão na capa como FAIXA: só o essencial de cada cartão (nome, "aberta agora"/horário e os ícones de
   ação). Endereço, telefone e "Mais detalhes" continuam na página de cada serviço. Altura de ~440px para ~250px.
   ========================================================================== */
.ct-capa-fluxo > .ct-zona-civica .ct-cc2-resumo,
.ct-capa-fluxo > .ct-zona-civica .ct-cc2-mais { display: none; }
.ct-capa-fluxo > .ct-zona-civica .ct-cc2-card { padding-top: 12px; padding-bottom: 12px; gap: 6px; }
.ct-capa-fluxo > .ct-zona-civica .ct-cc2-acoes { margin-top: 8px; }
.ct-capa-fluxo > .ct-zona-civica .ct-cc-cab { margin-bottom: 8px; }
.ct-capa-fluxo > .ct-zona-civica { padding-top: 6px; padding-bottom: 6px; margin-bottom: 0; }
.ct-capa-fluxo > .ct-zona-civica .ct-section { margin-bottom: 18px !important; }
.ct-capa-fluxo > .ct-zona-civica .ct-cc-cartao { padding: 12px 20px 12px; }