/* Estils personalitzats addicionals per complementar Tailwind CSS */
@layer utilities {
  .backdrop-blur-md {
    backdrop-filter: blur(12px);
  }
}

/* Transicions suaus per les targetes */
.card-hover {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-hover:hover {
  transform: translateY(-4px);
  border-color: rgba(56, 189, 248, 0.4);
  box-shadow: 0 12px 24px -10px rgba(14, 165, 233, 0.15);
}