/* Estilos para o grid de 3 colunas */
.row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Espaço entre os itens */
}

.video-item {
  flex: 1 1 calc(33.333% - 20px); /* 3 colunas, com espaçamento */
  box-sizing: border-box;
  margin-bottom: 20px;
}
.frame-container {
  width: 100%;
}
.categoria-item {
  flex: 1 1 calc(33.333% - 20px); /* 3 colunas, com espaçamento */
  box-sizing: border-box;
  margin-bottom: 20px;
}

/* Responsividade para telas pequenas */
@media (max-width: 768px) {
  .video-item,
  .categoria-item {
    flex: 1 1 100%; /* Exibe 1 item por linha em telas pequenas */
  }
}
.content-container {
  border: 0.5px solid #363636;
  padding: 20px 24px;
}