/* ═══════════════════════════════════════════════════════════════
   CORREÇÃO UNIVERSAL DO HEADER - TODAS AS PÁGINAS
   Garante que header fixo funcione independente da classe usada
   ═══════════════════════════════════════════════════════════════ */

/* Garantir que TODOS os headers sejam fixos */
header,
.header,
.header-unified,
#header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  background: var(--color-white, #ffffff) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Body sem padding - margin-top do vídeo controla o espaço */
body {
  padding-top: 0 !important; /* Removido - vídeo usa margin-top próprio */
}

/* Vídeo usa margin-top para aparecer abaixo do header fixo */

/* Vídeo hero (home) - cola logo após a linha dourada */
.hero-banner-industrial {
  position: relative !important;
  z-index: 1 !important; /* Abaixo do header */
  margin-top: 224px !important; /* Cola logo após o header (150px logo + 74px nav) */
}

/* Hero interno (outras páginas) - cola logo após a linha dourada */
.hero-internal,
.hero-founder {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 224px !important; /* Cola logo após o header (150px logo + 74px nav) */
  min-height: 400px !important; /* Altura mínima garantida */
}

/* Tablet - cola logo após a linha dourada */
@media (max-width: 1024px) and (min-width: 769px) {
  .hero-banner-industrial {
    margin-top: 200px !important; /* Cola logo após o header em tablet */
  }
  
  .hero-internal,
  .hero-founder {
    margin-top: 200px !important; /* Cola logo após o header em tablet */
    min-height: 350px !important;
  }
}

/* Mobile - cola logo após a linha dourada */
@media (max-width: 768px) {
  body {
    padding-top: 0 !important; /* Remove padding do body */
  }
  
  .hero-banner-industrial {
    margin-top: 180px !important; /* Cola logo após o header em mobile */
  }
  
  .hero-internal,
  .hero-founder {
    margin-top: 180px !important; /* Cola logo após o header em mobile */
    min-height: 300px !important;
  }
}

/* Garantir que navegação seja visível */
.nav-menu,
.nav-section {
  z-index: inherit !important;
}

/* Garantir visibilidade do logo */
.logo,
.logo-image {
  z-index: inherit !important;
}