/* ===== Cabeçalho da página ===== */
.pagina-pastas .cabecalho {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

.pagina-pastas .busca {
  max-width: 320px;
  width: 100%;
}

/* ===== Grade de pastas ===== */
.grade-pastas {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1rem;
}

/* ===== Card de pasta ===== */
.pasta-card {
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.5rem;
  padding: 1.25rem 0.75rem;
  text-align: center;
  background-color: var(--bs-body-bg);
  display: block;
  text-decoration: none;
  color: inherit;
}

.pasta-card:hover {
  transform: translateY(-4px);
  border-color: var(--bs-primary);
  color: inherit;
}

/* Ícone simples da pasta - Agora sempre info */
.pasta-card .bi {
  font-size: 2.5rem;
  color: var(--bs-info); /* Mudou de primary para info fixo */
  transition: none; /* Remove a animação de cor */
}

.pasta-card .pasta-nome {
  margin-top: 0.5rem;
  margin-bottom: 0;
  font-size: 0.85rem;
  font-weight: 500;
  word-break: break-word;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ===== Estados ===== */
.sem-resultado {
  display: none;
  text-align: center;
  padding: 3rem 1rem;
  color: var(--bs-secondary-color);
}

.sem-resultado.visivel { display: block; }
.sem-resultado .bi { font-size: 3rem; display: block; margin-bottom: 0.75rem; }

.carregando {
  display: none;
  text-align: center;
  padding: 2rem 1rem;
  color: var(--bs-secondary-color);
}

.carregando.visivel { display: block; }

.fim-lista {
  display: none;
  text-align: center;
  padding: 2rem 1rem;
  color: var(--bs-secondary-color);
  font-size: 0.9rem;
}

.fim-lista.visivel { display: block; }

/* ===== Ícone de Pasta com Música ===== */
.icone-pasta-musica {
    position: relative;
    display: inline-block;
    font-size: 2.5rem;
    color: var(--bs-info); /* Mudou de primary para info fixo */
    line-height: 1;
    transition: none; /* Remove a animação de cor */
}

.icone-pasta-musica .bi-folder-fill {
    color: inherit;
}

.icone-pasta-musica .bi-music-note {
    position: absolute;
    bottom: 22%;
    right: 18%;
    font-size: 1.1rem;
    color: var(--bs-body-bg); /* Cor do fundo para simular recorte */
    font-weight: bold;
}

/* Removemos a regra .pasta-card:hover .bi e .pasta-card:hover .icone-pasta-musica 
   para a cor não mudar no hover */