/* Ajustes finais de espaçamento e seção de vagas */

/* Aumentar espaçamento entre cabeçalho e hero */
.header {
  padding: 20px 0;
  position: relative;
  z-index: 100;
}

.hero {
  position: relative;
  padding-top: 120px; /* Espaço aumentado entre cabeçalho e hero */
  padding-bottom: 60px;
  background-color: #0a0a14;
}

/* Remover o widget de vagas da hero */
.hero .countdown-section {
  display: none;
}

/* Nova seção exclusiva para o widget de vagas */
.countdown-widget-section {
  background-color: #0a0a14;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}

.countdown-widget-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(10, 10, 20, 0.9), rgba(10, 10, 20, 0.95));
  z-index: 0;
}

.countdown-widget-section .container {
  position: relative;
  z-index: 1;
}

.countdown-section {
  text-align: center;
  margin: 0 auto;
  max-width: 800px;
}

/* Ajustes responsivos */
@media (max-width: 768px) {
  .hero {
    padding-top: 100px;
  }
}

@media (max-width: 576px) {
  .hero {
    padding-top: 80px;
  }
}
