@media (max-width: 768px) {
  /* Classe geral para esconder elementos no mobile, se necessário */
  .esconder-mobile {
    display: none !important;
  }

  /* Esconde especificamente o ícone do player no mobile */
  .player-icon-mobile {
    display: none !important;
  }

  /* Garante que o conteúdo do texto do banner seja exibido e estilizado */
  .banner-text-content-mobile {
    display: block !important; /* Sobrescreve .esconder-mobile seletivamente aqui */
    flex-grow: 1; /* Permite que o texto ocupe o espaço disponível */
  }

  .banner-text-content-mobile h2 {
    font-size: 1rem; /* Tamanho ajustado para mobile */
    margin-bottom: 4px; /* Ajuste de margem */
  }

  .banner-text-content-mobile p {
    font-size: 0.8rem; /* Tamanho ajustado para mobile */
    margin-bottom: 0;
  }

  /* Ajustes no container principal do banner */
  .banner-primeiros-passos {
    display: flex;
    align-items: center; /* Alinha verticalmente texto e botão */
    justify-content: space-between; /* Espaço entre texto e botão */
  }
  
  /* Opcional: se #banner_inicio precisar de ajustes específicos */
  /* #banner_inicio { */
    /* flex-grow: 1; */ /* Para o texto ocupar mais espaço se necessário */
  /* } */

  .banner-button-mobile {
    margin-left: 10px; /* Espaçamento entre o texto e o botão */
  }

  #assistir_agora {
    padding: 6px 10px; /* Botão um pouco menor */
    font-size: 0.7rem; /* Texto do botão ainda menor para estética */
  }

  /* Filtros do Dashboard - Melhoria Mobile após reestruturação HTML */
  .filter-item-mobile {
    margin-bottom: 1rem; /* Espaço entre cada par label/select empilhado */
  }

  .filter-item-mobile label {
    font-size: 0.85rem;
    font-weight: 500;
    display: block;
    margin-bottom: 0.3rem !important;
  }

  .filter-item-mobile select.custom-select,
  .filter-item-mobile input.form-control {
    width: 100% !important; 
  }
  
  .filter-item-mobile #panel_data_personalizada {
      display: flex !important;
      align-items: center;
  }

  .filter-item-mobile #panel_data_personalizada input[type="date"]{
      flex-grow: 1;
      min-width: 100px; /* Adiciona uma largura mínima para os inputs de data */
  }

  .filter-item-mobile #panel_data_personalizada .btn.icon-search {
      height: calc(1.5em + .75rem + 2px); /* Altura para alinhar com form-control do Bootstrap */
      padding-top: .375rem; /* Ajustes para alinhar o ícone verticalmente se necessário */
      padding-bottom: .375rem;
  }
  /* Fim Filtros do Dashboard */
}