/* Correções para problemas de layout mobile - elementos desaparecendo */
@media (max-width: 991px) {
  /* Posiciona o countdown mais para baixo para evitar corte pelo container azul */
  .banner-content {
    bottom: 12vh !important;
    padding: 0 8px !important;
    z-index: 10 !important;
  }
  
  /* Garante que todos os 4 elementos fiquem visíveis */
  .counterdown__number-content {
    gap: 8px !important;
    width: calc(100vw - 16px) !important;
    max-width: 480px !important;
  }
  
  /* Ajusta o espaçamento interno dos itens */
  .counterdown__number-item {
    padding: 0 6px !important;
    min-width: 0 !important;
  }
  
  /* Reduz o tamanho dos separadores */
  .counterdown__number-item:not(:first-child)::before {
    height: 35px !important;
    left: -4px !important;
    background: rgba(255,255,255,0.6) !important;
  }
  
  /* Ajusta tamanho da fonte para caber melhor */
  .counterdown__number-item-title {
    font-size: clamp(1.2rem, 4.5vw, 1.6rem) !important;
    line-height: 1.2 !important;
    margin-bottom: 2px !important;
  }
  
  .counterdown__number-item-subtitle {
    font-size: clamp(0.65rem, 2vw, 0.75rem) !important;
    letter-spacing: 0.5px !important;
  }
}

/* Breakpoints específicos para mobile */
@media (max-width: 375px) {
  .banner-content {
    bottom: 15vh !important;
  }
  
  .counterdown__number-content {
    max-width: 420px !important;
  }
  
  .counterdown__number-item-title {
    font-size: clamp(1.1rem, 4vw, 1.4rem) !important;
  }
}

@media (max-width: 320px) {
  .banner-content {
    bottom: 18vh !important;
  }
  
  .counterdown__number-content {
    gap: 6px !important;
    max-width: 380px !important;
  }
  
  .counterdown__number-item {
    padding: 0 4px !important;
  }
}

/* Ajuste específico para o container azul - reduz altura para não cobrir o countdown */
@media (max-width: 991px) {
  .hero-banner {
    background-position: center 15% !important;
  }
  
  /* Ajusta a altura do banner para dar mais espaço ao countdown */
  .hero-banner {
    height: 85vh !important;
  }
}

/* Garante que o footer azul não interfira */
.site-footer {
  position: relative;
  z-index: 1;
}