/* Correções de Layout - Sob Medida Planejados */

/* Problema 1: Corrigir cores do menu de navegação */
/* Usar seletores mais específicos para sobrescrever estilos inline */

.info-bar {
  order: 2 !important;
}

.main-navigation {
  order: 1 !important;
}

/* Forçar estilo para todos os links do menu */
.flex-col{
    color: rgb(255, 255, 255);

}


/* 4. Comportamento responsivo para mobile */
@media (max-width: 680px) {
  /* Remover barra preta superior em mobile */
  .bg-black:not(nav):not(header):not([role="navigation"]),
  [style*="background-color: black"]:not(nav):not(header):not([role="navigation"]),
  [style*="background: black"]:not(nav):not(header):not([role="navigation"]) {
      display: none !important;
  }
  
  /* Menu fixo no topo para mobile */
  nav,
  header,
  [role="navigation"] {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      z-index: 9999 !important;
      background: rgba(230, 230, 230, 0.582) !important;
      backdrop-filter: blur(10px) !important;
      transition: transform 0.3s ease-in-out !important;
  }
  
  /* Classe para esconder menu */
  .menu-hidden {
      transform: translateY(-100%) !important;
  }
  
  /* Classe para mostrar menu */
  .menu-visible {
      transform: translateY(0) !important;
  }
}


/* Remover cores específicas problemáticas */
a[style*="rgb(34, 197, 94)"],
a[style*="rgb(59, 130, 246)"],
a[style*="rgb(249, 115, 22)"],
a[style*="rgb(168, 85, 247)"],
a[style*="rgb(6, 182, 212)"] {
    background-color: rgba(255, 255, 255, 0.1) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: black !important; /* Ajustado para cor preta */
}


.backdrop-blur-sm::before,
.backdrop-blur-sm::after,
section[class*="bg-white"]::before,
section[class*="bg-white"]::after,
div[class*="bg-white"]::before,
div[class*="bg-white"]::after {
    opacity: 0 !important;
    
}

/* Corrigir qualquer overlay escuro */
.overlay,
.dark-overlay,
[class*="overlay"],
div[style*="background: rgba(0, 0, 0"],
div[style*="background-color: rgba(0, 0, 0"] {
    opacity: 0.1 !important;
    background: rgba(0, 0, 0, 0.05) !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
}

/* Garantir que o conteúdo seja visível */
.process-content,
.process-steps,
.process-text,
h2:contains("Nosso Processo"),
h2:contains("Processo") {
    color: #000 !important;
    text-shadow: none !important;
    background: rgba(8, 8, 8, 0.9) !important;
    padding: 20px !important;
    border-radius: 10px !important;
    margin: 10px 0 !important;
}

/* Estilo para os cards do processo */
.process-card,
.step-card,
[class*="step"],
div[class*="step"] {
    background: rgba(5, 5, 5, 0.95) !important;
    background-color: rgba(14, 13, 13, 0.95) !important;
    color: #000 !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

/* Corrigir texto em elementos com fundo escuro */
section[style*="background"] h2,
section[style*="background"] h3,
section[style*="background"] p,
section[style*="background"] span,
div[style*="background"] h2,
div[style*="background"] h3,
div[style*="background"] p,
div[style*="background"] span {
    color: #000 !important;
    text-shadow: none !important;
}

/* Forçar visibilidade do conteúdo */
section h2,
section h3,
section span,
div h2,
div h3,
div p,
div span {
    position: relative !important;
    z-index: 10 !important;
}
section h2,
section h3 {
  color: #000000 !important;
}
.text-3xl2,
.text-white\/89,
.text-gray-301,
.text-3xl2{
  color: white !important;
}

.text-3xl2,
.text-lg90,
.text-sm2,
.text-lg1,
.text-xl7{
  color: black !important;
}
/* Aumentar o line-height em textos importantes */
.process-section h2,
.process-section p,
.process-section span {
    line-height: 1.6 !important;  /* Aumenta o espaçamento entre as linhas */
}

/* Ajuste nos cards do processo para melhor legibilidade */
.process-card,
.step-card {
    padding: 20px !important;
    margin-bottom: 20px !important; /* Garante espaçamento entre os cards */
}
.text-2xl.font-bold.mb-2 {
    color: black;
  }
  .text-white\/91 {
    color: black !important;
 }
.text-xl.font-bold {
    color: black;
}
.text-lg2{
    color: rgb(12, 12, 12);
}  
.text-white {
    color: white;
  }
.text-white\/80 {
  color: black !important;
}
.bg-gold-dark {
    background-color: #FFD700;
  }
.text-white\/90 {
    color: white !important;
}
.borda-preta {
    border: 2px solid black;
    border-radius: 1rem; /* equivalente ao rounded-2xl */
  }
.text-3xl2 {
    font-size: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
  }
  
  .text-2xl2 {
    font-size: 1.5rem; /* ou o tamanho desejado */
    font-weight: bold;
    color: black;
  }
.text-xl2{
    font-size: 1.1rem;
}
.text-white\/82{
    color: white;
}

.flex-2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white;
  color: black;
  transition: transform 0.3s ease-in-out;
  z-index: 999;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  flex-wrap: wrap;
}

.flex-2 a {
  color: black;
  text-decoration: none;
  font-weight: bold;
  margin: 0 10px;
}

/* Mobile menu toggle (hambúrguer) */
.menu-toggle {
  display: none;
  font-size: 1.5rem;
  cursor: pointer;
}

/* Responsivo para telas menores */
@media (max-width: 768px) {
  .flex-2 {
      flex-direction: column;
      align-items: flex-start;
  }

  .menu-links {
      display: none;
      flex-direction: column;
      width: 100%;
  }

  .menu-links.show {
      display: flex;
  }

  .menu-toggle {
      display: block;
  }

  .menu-links a {
      margin: 10px 0;
  }
}