/* =========================================================
   Conecta Colibri v2.28.12 — Front-end Rhythm Recovery & Communications Alignment
   ---------------------------------------------------------
   Camada oficial de ritmo vertical do front-end.

   Correção aplicada após a v2.28.11:
   - restaura o token obrigatório --conecta-front-header-gap;
   - remove duplicidades da camada anterior;
   - evita compensações negativas;
   - mantém o espaçamento vindo do header como regra-base;
   - normaliza Comunicados sem interferir nos grids/cards internos.

   Este arquivo deve continuar carregado depois dos CSS modulares e
   funcionar como camada de Design System do layout público.
   ========================================================= */

.conecta-app {
  --conecta-front-header-gap: 44px !important;
}

.conecta-app > .conecta-header,
.conecta-app > .conecta-front-header {
  margin-bottom: var(--conecta-front-header-gap) !important;
}

/* O primeiro bloco público não deve criar um segundo respiro acima dele. */
.conecta-app > .conecta-header + *,
.conecta-app > .conecta-front-header + * {
  margin-top: 0 !important;
}

/* Containers públicos padronizados pelo Design System. */
.conecta-app > .conecta-header + .conecta-hero,
.conecta-app > .conecta-header + .conecta-comunicados-layout,
.conecta-app > .conecta-header + .conecta-docs-layout,
.conecta-app > .conecta-header + .conecta-profile-hero,
.conecta-app > .conecta-header + .conecta-profile-grid,
.conecta-app > .conecta-header + .conecta-profile-shell,
.conecta-app > .conecta-header + .conecta-profile-edit-shell,
.conecta-app > .conecta-header + .conecta-security-shell,
.conecta-app > .conecta-header + .conecta-notes-board-shell,
.conecta-app > .conecta-header + .conecta-score-modern-shell,
.conecta-app > .conecta-header + .conecta-pessoas-companies,
.conecta-app > .conecta-header + .conecta-people-layout,
.conecta-app > .conecta-header + .conecta-module-shell {
  margin-top: 0 !important;
}

/* Comunicados: remove apenas o respiro superior próprio da tela, sem mexer
   em grid, filtros, timeline, cards ou carrossel. */
.conecta-app > .conecta-comunicados-layout,
.conecta-app > .conecta-header + .conecta-comunicados-layout {
  margin-top: 0 !important;
}

/* Home: centralização interna do card de boas-vindas aprovada na v2.28.9. */
.conecta-app > .conecta-header + .conecta-hero {
  display: flex !important;
  align-items: center !important;
  padding: 44px 42px !important;
  min-height: 220px !important;
}

.conecta-app > .conecta-header + .conecta-hero > div {
  width: 100% !important;
}

@media (max-width: 760px) {
  .conecta-app,
  .conecta-community-view {
    --conecta-front-header-gap: 28px !important;
  }

  .conecta-app > .conecta-header + .conecta-hero {
    padding: 30px 24px !important;
    min-height: auto !important;
  }
}