.skeleton-content {
  visibility: hidden;
}

/* CSS para criar o efeito de skeleton */
.skeleton-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.skeleton {
  background-color: #e0e0e0;
  border-radius: 4px;
  animation: skeleton-loading 1.2s infinite ease-in-out;
}

.skeleton-header {
  width: 100%;
  height: 20px;
}

.skeleton-paragraph {
  width: 100%;
  height: 15px;
}

/* Animação para o efeito de carregamento */
@keyframes skeleton-loading {
  0% {
    background-color: #f0f0f0;
  }
  50% {
    background-color: #e0e0e0;
  }
  100% {
    background-color: #f0f0f0;
  }
}