/* ===== Curso (equivalente al <style> inline) ===== */

body {
  background-color: #121f3d;
  color: white;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #0c1633;
}
::-webkit-scrollbar-thumb {
  background: #2d3e5e;
  border-radius: 3px;
}

/* (Opcional) Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #2d3e5e #0c1633;
}

/* Overlay gradient (lo dejaste comentado, igual lo pasamos) */
.video-overlay-gradient {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 40%);
}


@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-down {
  animation: fadeInDown 0.35s ease-out both;
}