.letra-card {
      background: linear-gradient(135deg, #1c1c1c, #2a2a2a);
      border-radius: 1rem;
      color: #eee;
      transition: transform .2s ease, box-shadow .2s ease;
   }
   .letra-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.5);
   }
   .letra-titulo {
      color: #ff4c4c;
      font-weight: 700;
      font-size: 1.5rem;
   }
   .letra-titulo:hover {
      text-decoration: underline;
   }
   .letra-fragmento {
      color: #ccc;
      font-size: 0.95rem;
      line-height: 1.6;
   }
   .btn-outline-light {
      border-radius: 50px;
      padding: 6px 18px;
      font-size: 0.85rem;
   }
.bg-letras {
    background-image: url(../../storage/img/redesociales/letras.jpg)
}