.cordao-luzes {
  width: 100%;
  height: 90px;
  margin-top: -4px !important;
  background-repeat: repeat-x;
  background-position: center top;
  background-size: contain;
  position: relative;
  pointer-events: none;
  z-index: 1;
  display: block;
}

/* Tema por tema — imagem de topo */
.cordao-luzes.natal   { background-image: url('../psgestor/imagens/temas/festao_natal_topo.png'); }
.cordao-luzes.anonovo { background-image: url('../psgestor/imagens/temas/festao_anonovo_topo.png'); }
.cordao-luzes.pascoa  { background-image: url('../psgestor/imagens/temas/festao_pascoa_topo.png'); }
.cordao-luzes.carnaval  { background-image: url('../psgestor/imagens/temas/festao_carnaval_topo.png'); }
.cordao-luzes.festajunina { background-image: url('../psgestor/imagens/temas/festao_festajunina_topo.png'); }
.cordao-luzes.brasil { background-image: url('../psgestor/imagens/temas/festao_brasil_topo.png'); }
.cordao-luzes.aniversariodacidade { background-image: url('../psgestor/imagens/temas/festao_aniversariodacidade_topo.png'); }
.cordao-luzes.luto { background-image: url('../psgestor/imagens/temas/festao_luto_topo.png');}

/* Festão inferior com imagem diferente */
.cordao-luzes.festao-inferior.natal   { background-image: url('../psgestor/imagens/temas/festao_natal_base.png'); }
.cordao-luzes.festao-inferior.anonovo { background-image: url('../psgestor/imagens/temas/festao_anonovo_base.png'); }
.cordao-luzes.festao-inferior.pascoa  { background-image: url('../psgestor/imagens/temas/festao_pascoa_base.png'); }
.cordao-luzes.festao-inferior.carnaval  { background-image: url('../psgestor/imagens/temas/festao_carnaval_base.png'); }
.cordao-luzes.festao-inferior.festajunina { background-image: url('../psgestor/imagens/temas/festao_festajunina_base.png'); }
.cordao-luzes.festao-inferior.brasil { background-image: url('../psgestor/imagens/temas/festao_brasil_base.png'); }
.cordao-luzes.festao-inferior.aniversariodacidade { background-image: url('../psgestor/imagens/temas/festao_aniversariodacidade_base.png'); }
.cordao-luzes.festao-inferior.luto { background-image: url('../psgestor/imagens/temas/festao_luto_base.png');}

.cordao-luzes.festao-inferior {
  transform: none;               /* não inverte mais, usa imagem própria */
  background-position: center bottom;
  margin-bottom: -5px;



  /* --- ajustes de posição inferior --- */
  position: relative;
  top: -6px;       /* sobe um pouquinho (experimente -4, -6, -8) */
  margin-top: 0;   /* evita acumular margens do fluxo */
  z-index: 5;
}


/* ===============================
   AJUSTE ENTRE MENU E FESTÃO (sem achatar menu)
   =============================== */

/* mantém altura do menu, só remove espaço abaixo */
.navbar,
.bg-tema1,
nav {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* remove apenas o espaçamento estrutural sem afetar o texto */
.conrainer-fluid.blue {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* garante que o festão encoste corretamente */
.cordao-luzes {
  margin-top: 1px !important; /* ajusta encostando sem sobrepor o menu */
  position: relative;
  top: 0;
    z-index: 5;}

/* Quando não houver tema, elimina o espaço visual */
.cordao-luzes:not([class*="natal"]):not([class*="anonovo"]):not([class*="pascoa"]):not([class*="festajunina"]):not([class*="brasil"]):not([class*="aniversario"]):not([class*="carnaval"]):not([class*="luto"]) {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

    
