/* ============================================================
   meu-novo-site — custom.css
   Ajustes finos que complementam o Tailwind CSS
   ============================================================ */

.img-placeholder {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

.course-thumb {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.video-placeholder {
  aspect-ratio: 16 / 9;
  background: #000;
}

.acordeao-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.acordeao-content.open {
  max-height: 2000px;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: #0f172a;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 3px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #475569;
}