/* Trígrafos Styles */
.trigraph-card { border-top: 6px solid var(--cons-vibrant); }

.trigraph-card:hover {
  border-top-color: #fff;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6), 0 0 30px var(--cons-glow);
}

.trigraph-card .play-btn {
  background: var(--grad-cons);
  box-shadow: 0 8px 20px -5px var(--cons-glow);
}

#trigraph-sub-tabs .sub-tab-btn.active {
  background: var(--grad-cons);
  box-shadow: 0 8px 16px -4px var(--cons-glow);
}