/* =========================================================
   TRABALHOS CORPORATIVOS — grid de vídeos (YouTube)
   Reaproveita a mesma base visual do Artístico.
   ========================================================= */

.video-card {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  border-radius: var(--corner);
  overflow: hidden;
  background: var(--surface);
  text-decoration: none;
  transition: box-shadow 0.3s ease;
}

.video-card:hover {
  box-shadow: 0 0 0 1px rgba(228, 255, 26, 0.4), 0 16px 32px rgba(228, 255, 26, 0.14);
}

.video-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}

.video-card:hover img {
  transform: scale(1.06);
}

.video-card-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
  color: var(--accent);
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: opacity 0.25s ease;
}

.video-card:hover .video-card-play {
  opacity: 1;
}