Card Testing Component

<div class="w-72 bg-white rounded-2xl shadow-md overflow-hidden transition hover:shadow-xl hover:-translate-y-1">
  
  <!-- Imagen -->
  <img 
    src="https://images.unsplash.com/photo-1523275335684-37898b6baf30?q=80&w=800"
    alt="Producto"
    class="w-full h-44 object-cover"
  />

  <!-- Contenido -->
  <div class="p-4">
    
    <h3 class="text-lg font-semibold text-gray-900">
      Smart Watch Pro
    </h3>

    <p class="text-sm text-gray-500 mt-1">
      Elegante, funcional y diseñado para tu día a día.
    </p>

    <div class="mt-4 flex items-center justify-between">
      <span class="text-blue-600 font-bold text-lg">
        $199
      </span>

      <button class="bg-blue-600 text-white px-3 py-1.5 rounded-lg transition hover:bg-blue-700">
        Comprar
      </button>
    </div>

  </div>

</div>