.side-actions {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);

  display: flex;
  flex-direction: column;
  gap: 10px;

  z-index: 10;
}

/* BASE */
.action {
  padding: 14px 22px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;

  border-radius: 8px 0 0 8px;

  box-shadow: 0 8px 20px rgba(0,0,0,0.15);

  transition: all 0.3s ease;

  display: flex;
  align-items: center;
  gap: 10px;

  color: #fff;
}

/* 📦 COTIZACIÓN (sobrio azul oscuro) */
.rastreo {
  background: linear-gradient(135deg, #0a2540, #1e3c72);
}

.rastreo:hover {
  background: linear-gradient(135deg, #0d2f55, #2a5298);
  transform: translateX(-5px);
}

/* 🔥 PYMEVI (protagonista azul brillante) */
.promo {
  background: linear-gradient(135deg, #007bff, #00c6ff);

  font-size: 15px;
  padding: 16px 26px;
}

.promo:hover {
  transform: translateX(-8px) scale(1.05);
  box-shadow: 0 12px 30px rgba(0,0,0,0.3);
  background: linear-gradient(135deg, #0090ff, #33d6ff);
}